/* Reading surface for the deeper material. Native document scrolling. */
html,body { height:auto; min-height:100%; overflow:visible }
body.field-guide { background:#110e17; --signup-reserve:0px }
.field-guide .console { display:block; height:auto; min-height:100vh; overflow:visible; padding:0; border:0; border-radius:0; box-shadow:none }
.field-guide .console-header { position:sticky; top:0; z-index:80; display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:78px; padding:15px 4vw; background:#110e17f5; border-bottom:1px solid #bda0bc30 }
.field-guide .header-brand { text-decoration:none }
.field-guide #tablist { display:flex; gap:25px; margin-left:auto }
.field-guide #tablist a { color:#bdb1bd; text-decoration:none; font:400 17px 'Alegreya Sans',sans-serif }
.field-guide .header-newsletter { margin:0; font-family:'Alegreya Sans',sans-serif; border-radius:4px 18px 4px 18px }
.field-guide .main-panel { display:block; height:auto; overflow:visible; max-height:none; padding:35px 4vw 80px; margin-right:var(--signup-reserve); }
.field-guide .panel { max-width:1280px; margin-inline:auto }
.field-guide .panel:not(.active) { display:none }
.field-guide .guide-directory { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:26px 4vw 0; margin-right:var(--signup-reserve); }
.guide-directory > a { margin-right:auto; font-size:16px; color:#c8b8cb; text-underline-offset:4px }
.guide-directory label { font:500 15px 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.1em; color:#d9bc8c }
.guide-directory select { padding:10px 35px 10px 14px; min-height:44px; max-width:100%; border:1px solid #8e7494; border-radius:5px; font:400 17px 'Alegreya Sans',sans-serif; background:#201827; color:#eadfd1 }
.field-guide #stars,.field-guide .site-backdrop,.field-guide .film,.field-guide .frame-corner,.field-guide .scroll-veil,.field-guide #flow-hint,.field-guide .sec-index { display:none!important }
.field-guide .status-bar { position:relative; bottom:auto; width:auto; margin-right:var(--signup-reserve); height:auto; min-height:40px; padding:12px 4vw; border-top:1px solid #bda0bc30; background:transparent }
.field-guide .sec-head { gap:0 }
.field-guide .sec-lead { font-size:22px; max-width:58ch }
.field-guide .feature-block p,.field-guide .feature-card p { font-size:19px }
.field-guide .viewport-frame { filter:none; border:1px solid #b59ab448; border-radius:5px; box-shadow:none }
.field-guide .viewport-inner { border-radius:5px 45px 5px 5px }
.field-guide .feature-card,.field-guide .ship-system-card { border:0; border-top:1px solid #bda0bc30; border-radius:0; box-shadow:none; background:none; clip-path:none }
.field-guide .sec-kicker { color:#d9bc8c }
.field-guide .feature-card::before,.field-guide .feature-card::after { display:none }
.field-guide .panel-next-btn { border-radius:4px 20px 4px 20px }
.field-guide .reveal { opacity:1; transform:none }
@media(min-width:1100px) { html.newsletter-open .field-guide { --signup-reserve:350px } .field-guide .newsletter-window { width:310px; bottom:24px; right:20px; border-radius:30px 6px 6px 6px } }
@media(max-width:760px) {
    .field-guide .console-header { flex-wrap:wrap; gap:15px; padding:15px 5vw }
    .field-guide #tablist { order:3; width:100%; justify-content:space-between; gap:12px }
    .field-guide #tablist a { font-size:15px }
    .field-guide .header-title { font-size:23px }
    .field-guide .main-panel { padding:30px 5vw calc(60px + var(--newsletter-height,0px)) }
    .field-guide .guide-directory { padding:22px 5vw 0; gap:12px }
    .guide-directory > a { width:100% }
    .guide-directory select { flex:1; min-width:0 }
    .field-guide .sec-lead { font-size:20px }
    .field-guide .newsletter-window { max-height:47dvh; bottom:12px; padding:18px }
}
.field-guide .console-header { flex-direction:row; border-radius:0; backdrop-filter:none; box-shadow:none }
.field-guide .console-header::before,.field-guide .console-header::after { display:none }
.field-guide .main-panel { container-type:inline-size }
.field-guide .ship-opening { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:35px }
.field-guide .ship-opening-visual { margin:0; min-width:0; filter:none }
.field-guide .ship-opening-visual .viewport-inner { min-height:0; aspect-ratio:1.3 }
.field-guide .ship-opening-note { border:0; border-top:1px solid #bda0bc30; background:none; box-shadow:none; border-radius:0; padding:22px 0 }
.field-guide .ship-opening-note > span,.field-guide .ship-opening-stats { display:none }
.field-guide .ship-opening-note h3 { font-size:24px; color:#e0c69e }
.field-guide .viewport-caption { border:0; border-radius:0; background:none; padding:12px 0; margin:0; width:100% }
.field-guide .ship-opening-overlay { display:none }
@container(max-width:800px) { .field-guide .ship-opening { grid-template-columns:1fr } .field-guide .ship-opening-copy { max-width:750px } .field-guide .ship-opening-visual .viewport-inner { aspect-ratio:1.65 } }
.field-guide .sec-head,.field-guide .sec-head-text,.field-guide .sec-lead { text-align:left }
.field-guide .sec-title { font-size:clamp(32px,3.4vw,52px); text-transform:none; letter-spacing:-.035em }
.field-guide .sec-head::before,.field-guide .sec-head::after { display:none }
.field-guide .sec-head { padding-left:0 }
.field-guide .status-text { min-width:0; overflow:hidden }
@media(max-width:760px) {
    .field-guide .newsletter-window { gap:10px }
    .field-guide .newsletter-kicker { display:none }
    .field-guide .newsletter-copy h2 { font-size:18px; margin-bottom:5px }
    .field-guide .newsletter-copy > p:last-child { font-size:15px; max-width:31ch }
    .field-guide .newsletter-fields { grid-template-columns:1fr auto; gap:8px }
    .field-guide .newsletter-button { padding:8px 12px; font-size:15px }
    .field-guide .newsletter-input { font-size:16px; padding:8px }
    .field-guide .newsletter-form label { font-size:14px }
}
.field-guide .panel.active { animation:none }
.field-guide .sec-lead,.field-guide .ship-opening .sec-lead,.field-guide .nav-opening-copy .sec-lead { margin-left:0; padding-left:0 }
.field-guide #panel-system > .viewport { width:100%; max-width:100%; margin-right:0; margin-left:0 }
.field-guide .clipart { width:min(760px,100%); max-width:100% }
.field-guide .media-row .viewport { margin-right:0; margin-left:0; min-width:0; max-width:100% }
.field-guide .media-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
@container(max-width:800px) { .field-guide .media-row { grid-template-columns:1fr } }
.field-guide #panel-trade > .clipart { width:min(760px,100%); max-width:100%; filter:none }
.field-guide .sound-opening { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:35px; min-height:0 }
.field-guide .sound-opening-copy { padding-left:0 }
.field-guide .sound-console,.field-guide .sound-scope { min-width:0; max-width:100% }
.field-guide #sound-spectrum { max-width:100% }
@container(max-width:900px) { .field-guide .sound-opening { grid-template-columns:1fr } }