/* A shared viewport surface; its content keeps the existing reading grid. */
.viewport-panel{isolation:isolate;--panel-left:0px;--panel-top:0px;--panel-width:100%;--panel-height:100%;--panel-background:transparent;--panel-edge:#294550;--panel-border-top:0px;--panel-border-bottom:0px}
.viewport-panel>.viewport-surface{position:absolute;left:var(--panel-left);top:var(--panel-top);width:var(--panel-width);height:var(--panel-height);max-width:none;box-sizing:border-box;background:var(--panel-background);border-top:var(--panel-border-top) solid var(--panel-edge-top,var(--panel-edge));border-bottom:var(--panel-border-bottom) solid var(--panel-edge-bottom,var(--panel-edge));backdrop-filter:var(--panel-filter,none);z-index:-1;pointer-events:none}
.home-section-nav.viewport-panel{background:none;border-bottom-color:transparent;--panel-background:linear-gradient(90deg,#070d12b0,#070d1290);--panel-edge:#29404b;--panel-border-bottom:1px}
.home-credits.viewport-panel{border-top-color:transparent;--panel-edge:#2d424d;--panel-border-top:1px}
.entry-section-panel{position:sticky;top:calc(var(--header-height) + var(--reader-toolbar-height,56px));z-index:11;--panel-background:#080f14fa;--panel-edge:#2c4550;--panel-border-top:1px;--panel-border-bottom:1px}
.entry-section-panel>.entry-section-nav{position:relative;top:auto;z-index:auto;background:transparent;border-bottom-color:transparent;scrollbar-width:thin}
.entry-section-nav button[aria-current=location]{color:var(--yellow);border-bottom-color:var(--yellow)}
.home-section-nav button[aria-current=location]{color:var(--yellow)}
.reading-footer.viewport-panel{background:transparent;border-top-color:transparent;--panel-background:#080d10;--panel-edge:#2b414b;--panel-border-top:1px;--panel-border-bottom:1px}
.reading-footer>a:first-of-type{justify-self:start}.reading-footer>a:last-of-type{justify-self:end}.reading-footer>a{width:100%;max-width:600px;overflow-wrap:anywhere}
.related-materials.viewport-panel{border-top-color:transparent;--panel-edge:#294550;--panel-border-top:1px}
.strip-heading.viewport-panel{border-top-color:transparent;--panel-edge:#2a424c;--panel-border-top:1px}
.atlas-index-foot.viewport-panel{border-top-color:transparent;--panel-edge:#2b4550;--panel-border-top:1px}

/* Distinct vertical sections make the document navigation actually useful. */
.profile-layout.section-stack,.reference-layout.section-stack{display:flex;flex-direction:column;align-items:stretch;gap:52px}
.section-stack>.entry-prose{width:100%;max-width:78ch}
.section-stack>.profile-sidebar,.section-stack>.reference-sidebar{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 50px;padding-top:32px;border-top:1px solid #2a424c;width:100%;min-width:0}
.section-stack>.profile-sidebar>.source-method-note{grid-column:1/-1}
.section-stack>.profile-sidebar>.personnel-links{margin:0}
.section-stack>.profile-sidebar>.entry-provenance{margin:0}
.section-stack>.compiler-note-wrap{max-width:78ch;width:100%}
.section-stack>.compiler-note-wrap .editor-note{margin:0}
.section-stack>.browse-category{max-width:78ch;margin-top:0}
.section-stack>.profile-directory{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.original-document .entry-section-panel{position:relative;top:auto}
.original-document .section-stack>.entry-prose,.original-document .section-stack>.compiler-note-wrap{max-width:100%}
.original-document .section-stack>.profile-sidebar,.original-document .section-stack>.reference-sidebar{grid-template-columns:minmax(0,1fr)}
.home-intro-grid,.section-stack>[id],.section-stack .editor-note[id],#entry-story{scroll-margin-top:calc(var(--header-height) + var(--reader-toolbar-height,0px) + 100px)}
[data-jump][hidden]{display:none!important}
@media(max-width:760px){.profile-layout.section-stack,.reference-layout.section-stack{gap:36px}.section-stack>.profile-sidebar,.section-stack>.reference-sidebar{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:26px}.section-stack>.profile-directory{grid-template-columns:minmax(0,1fr)}.entry-section-panel>.entry-section-nav{overflow-x:auto;overflow-y:hidden}.reading-footer>a{max-width:100%}}
@media(max-height:600px){.entry-section-panel{position:relative;top:auto}}

.reading-utility.viewport-panel,.chronicle-mast.viewport-panel,.person-mast.viewport-panel,.codex-mast.viewport-panel{background:transparent;border-top-color:transparent;border-bottom-color:transparent;backdrop-filter:none}
.home-section-nav.viewport-panel,.home-credits.viewport-panel,.reading-footer.viewport-panel,.related-materials.viewport-panel,.strip-heading.viewport-panel,.atlas-index-foot.viewport-panel{position:relative}
.reading-breadcrumbs .internal-back{display:inline-flex!important}.reading-breadcrumbs .internal-back+span{display:inline!important}
.person-mast.viewport-panel,.codex-mast.viewport-panel{position:relative}

.archive-stats.viewport-panel,.home-disclaimer-grid.viewport-panel,.home-credit-footer.viewport-panel,.reading-invitation.viewport-panel,.project-mast.viewport-panel,.atlas-source-footer.viewport-panel{position:relative;border-top-color:transparent;border-bottom-color:transparent}

.home-credit-footer.viewport-panel>.viewport-surface{background:transparent}

.timeline-event-nav.viewport-panel{position:relative;background:transparent;border-color:transparent}