/* Approved threshold, split I02 modules; text/forms are live server-rendered HTML. */
.arcana-access-page { background: #070d11; color: var(--arcana-ink); font: 18px/1.5 var(--arcana-font); }
.arcana-access-page::before { display: none; }
.arcana-access-page .site-header.access-header { position: absolute; inset: 0 0 auto; height: 0; min-height: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.arcana-access-page .access-header .brand-mark { display: none; }
.arcana-access-page #main { width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.arcana-access { position: relative; isolation: isolate; min-height: 1320px; padding-top: 492px; overflow: clip; }
.access-scenery { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.access-scenery > div { position: absolute; left: 50%; width: 1920px; transform: translateX(-50%); background-repeat: no-repeat; background-size: 100% auto; }
.access-upper { top: 0; height: 445px; background-image: url('/images/arcana/v1/login/upper-desktop-1512.webp'); }
.access-portal { top: 444px; height: 699px; background-image: url('/images/arcana/v1/login/portal-desktop-1512.webp'); }
.access-steps { top: 1142px; bottom: 0; min-height: 178px; background-image: url('/images/arcana/v1/login/steps-desktop-1512.webp'); background-color: #070d11; }
.access-brand { position: absolute; top: 345px; left: calc(50% - 114px); display: flex; align-items: center; justify-content: center; width: 240px; min-height: 44px; color: #ead3a0; font: 29px/1.4 var(--arcana-font); letter-spacing: .06em; text-decoration: none; }
.arcana-access-page .site-header .access-brand { font: 29px/1.4 var(--arcana-font); letter-spacing: .06em; }
.arcana-access .archive-heading .eyebrow { font: inherit; letter-spacing: normal; text-transform: none; }
.access-panel { position: relative; width: 240px; min-width: 0; margin-left: calc(50% - 114px); padding: 0 0 120px; overflow-wrap: anywhere; }
.access-panel { max-height:650px; overflow:auto; overscroll-behavior:contain; }
.arcana-access h1 { font: 34px/1.2 var(--arcana-font); margin: 0 0 14px; padding: 0; border: 0; color: var(--arcana-ink); }
.arcana-access .archive-heading p { margin: 0 0 32px; color: var(--arcana-muted); }
.arcana-access :is(a,button,input,summary):focus-visible { outline: 3px solid var(--arcana-ring); outline-offset: 4px; }
.arcana-access :is(a,summary) { color: var(--arcana-ink); text-underline-offset: .2em; }
.arcana-access details { margin: 20px 0; border: 0; padding: 0; background: none; }
.arcana-access summary { min-height: 44px; padding: 9px 0; cursor: pointer; text-decoration: underline; }
.arcana-access details p { font-size: 17px; line-height: 1.5; }
.arcana-access details a, .arcana-access .access-return { display: inline-flex; align-items: center; min-height: 44px; }
.arcana-access .access-return { width: 100%; justify-content: center; }
.arcana-access .access-help { display:none; margin:0; padding:0; border:0; background:none; box-shadow:none; }
.arcana-access .access-help:target { display:block; }
.arcana-access #recupero-accesso:target ~ .access-login { display:none; }
.arcana-access .access-help h1 { font-size:26px; margin-bottom:0; }
.arcana-access .access-help p { font-size:17px; line-height:1.5; margin:36px 0; }
.arcana-access .access-help .access-return { margin-top:36px; }
.arcana-access .access-help:focus-visible { outline:3px solid var(--arcana-ring); outline-offset:8px; }
.arcana-access .access-help-trigger { display:flex; align-items:center; justify-content:center; min-height:44px; margin-top:16px; text-align:center; }
/* Open/long states extend the material support, never scale or stretch the facade. */
.arcana-access:has(.access-recovery[open],.validation-summary-errors):not(:has(#recupero-accesso:target)) .access-panel { background: #0b1118 url('/images/arcana/v1/login/leather-grain.webp') center/150px 250px; border: 1px solid #9d7c45; padding: 14px; width: 270px; margin-left: calc(50% - 129px); }
@media(max-width: 600px) {
    .arcana-access { min-height: 1266px; padding-top: 260px; padding-bottom: 120px; }
    .access-scenery > div { width: 390px; }
    .access-upper { height: 295px; background-image: url('/images/arcana/v1/login/upper-mobile-530.webp'); }
    .access-portal { top: 294px; height: 810px; background-image: url('/images/arcana/v1/login/portal-mobile-530.webp'); }
    .access-steps { top: 1103px; min-height: 163px; background-image: url('/images/arcana/v1/login/steps-mobile-530.webp'); }
    .access-brand { top: 77px; left: calc(50% - 143px); font-size: 27px; }
    .arcana-access-page .site-header .access-brand { font-size: 27px; }
    .access-panel { margin-left: calc(50% - 143px); max-height:843px; }
    .arcana-access h1 { font-size: 34px; }
    .arcana-access:has(.access-recovery[open],.validation-summary-errors):not(:has(#recupero-accesso:target)) .access-panel { margin-left: calc(50% - 158px); }
}
@media(forced-colors: active) {
    .access-scenery { display: none; }
    .arcana-access-page { color: CanvasText; background: Canvas; }
    .arcana-access :is(input,button) { border: 1px solid ButtonText; box-shadow: none; }
}
