/* Matte mineral paper, tinted gallery glass, and three archive tones. Entrance has no dependency on this file. */
:root{--archive-base:#eeeee7;--archive-glow:rgba(255,255,247,.76);--archive-sage:rgba(156,180,160,.20);--archive-ink:#28372f;--archive-muted:#58685b;--archive-line:rgba(74,98,81,.22);--archive-grain-opacity:.25}
:root[data-archive-tone="neutral"]{--archive-base:#bec5b8;--archive-glow:rgba(231,233,214,.58);--archive-sage:rgba(82,112,98,.25);--archive-ink:#23392e;--archive-muted:#405449;--archive-grain-opacity:.30}
:root[data-archive-tone="dark"]{--archive-base:#1b2925;--archive-glow:rgba(115,130,108,.17);--archive-sage:rgba(12,24,21,.62);--archive-ink:#eeeede;--archive-muted:#c2cdbf;--archive-line:rgba(203,219,205,.22);--archive-grain-opacity:.20;--glass-reading:linear-gradient(135deg,rgba(47,64,55,.78),rgba(34,48,42,.62));--glass-surface:linear-gradient(135deg,rgba(231,235,214,.85),rgba(184,200,183,.84));--glass-edge:1px solid rgba(199,219,202,.22);--glass-shadow:inset 0 1px 0 rgba(231,239,221,.16),inset 0 -1px 0 rgba(4,14,9,.22),0 0 0 1px rgba(11,24,17,.3),0 8px 22px rgba(4,13,8,.14)}
html{background:var(--archive-base);color:var(--archive-ink)}
body,body.coordinate-collection{position:relative;isolation:isolate;background:transparent;color:var(--archive-ink);min-height:100vh}
body::before,body.coordinate-collection::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 10% 8%,var(--archive-glow),transparent 67%),radial-gradient(ellipse at 93% 74%,var(--archive-sage),transparent 65%),linear-gradient(135deg,transparent 30%,rgba(126,139,115,.055) 58%,transparent 85%),var(--archive-base);background-size:auto;background-position:center}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/archive-grain.svg') repeat;opacity:var(--archive-grain-opacity);mix-blend-mode:soft-light}
.gallery-summary-row{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:13px}
.archive-theme-switch{display:flex;align-items:center;gap:5px;flex-shrink:0}
.archive-theme-switch button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;color:var(--archive-ink)}
.archive-theme-switch button[aria-pressed="true"]{border-color:var(--archive-line);box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.archive-theme-switch button:focus-visible{outline:2px solid var(--archive-ink);outline-offset:3px}
.archive-theme-switch button span{display:block;width:13px;height:13px;border:1px solid rgba(86,107,93,.45);box-shadow:inset 0 1px 1px rgba(255,255,255,.4);animation:archive-tone-spin 12s linear infinite}
.archive-theme-switch [data-archive-tone="light"] span{background:#eeeee7}
.archive-theme-switch [data-archive-tone="neutral"] span{background:#bec5b8}
.archive-theme-switch [data-archive-tone="dark"] span{background:#1b2925;border-color:#7d9486}
@keyframes archive-tone-spin{to{transform:rotate(360deg)}}
.coordinate-collection .museum-header{background:var(--glass-reading)}
.gallery-total,.gallery-total span,.header-tagline{color:var(--archive-muted)}
html[data-archive-tone="dark"] :is(.museum-header,.collection-navigation,.info-page article,.character-profile,.sidebar,.character-intro,.card-body,.collection-info,.product,.ownership-body,.collection-index,.art-viewer,.material-text,.material-entry){background:var(--glass-reading);border-color:var(--archive-line);color:var(--archive-ink)}
html[data-archive-tone="dark"] :is(h1,h2,h3,h4,p,.version-id,.badge,.section-label,.brand-purpose,.brand-context,.brand-context a,.catalog-label,.name-label,.collection-description,.collection-counts,.collection-counts strong,.version-description,.status,.detail,.sidebar .note,.sidebar nav a,.sidebar nav a span,.ownership-notice>summary,.museum-footer,.museum-footer p,.museum-footer small,.gallery-total,.gallery-total span,.header-tagline,.character-profile-body,.character-profile-body h2,.character-profile-body h3,.accession,.accession-identity>span,.accession-classification .rights-badge,.accession-classification .accession-series,.collection-navigation .series-group>summary,.collection-navigation .series-actions button,.collection-index a,.rights-toggle){color:var(--archive-ink)}
html[data-archive-tone="dark"] :is(.info-page a,.master-links a,.art-view-button,.material-nav a,.character-profile-body p,.character-description p,.sidebar .note,.catalog-label,.section-label,.status,.detail,.museum-footer small){color:var(--archive-muted)}
html[data-archive-tone="dark"] :is(.collection-counts,.product-section,.museum-footer,.sidebar .note,.sidebar nav a,.art-viewer-bar){border-color:var(--archive-line)}
html[data-archive-tone="dark"] :is(.accession-identity>span,.badge,.rights-badge,.accession-classification .accession-series,.master-links a,.art-view-button){background:rgba(17,33,25,.24);border-color:var(--archive-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html[data-archive-tone="dark"] :is(.versions .stage,.versions .panel-preview,.collection-art,.material-image){background:var(--glass-surface)}
html[data-archive-tone="dark"] .versions .card-heading{background:rgba(38,54,45,.9);border-color:var(--archive-line)}
html[data-archive-tone="dark"] .wordmark .letter-outline{stroke:var(--archive-ink)}
html[data-archive-tone="dark"] .wordmark .header-studio{color:var(--archive-muted)}
html[data-archive-tone="dark"] .wordmark .brand-symbol{filter:brightness(2.5) saturate(.5)}
html[data-archive-tone="dark"] .back-to-top{color:#edf1e3;background-color:#30483b}
@media(max-width:600px){.gallery-summary-row{font-size:12px;gap:12px}.archive-theme-switch button span{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.archive-theme-switch button span{animation:none}}
html[data-archive-tone="dark"] .coordinate-collection #show-all-series[aria-pressed="true"]{color:var(--archive-ink)}

/* The version directory shares the rounded, layered glass of the archive panels. */
html .sidebar nav{gap:8px}
html .sidebar nav a{box-sizing:border-box;border:1px solid var(--archive-line);border-radius:10px;padding:10px 12px;background:linear-gradient(125deg,rgba(255,255,255,.34),rgba(255,255,255,.08) 48%,rgba(218,236,222,.18));box-shadow:var(--glass-shadow);backdrop-filter:blur(9px) saturate(112%);-webkit-backdrop-filter:blur(9px) saturate(112%);transition:background .2s,border-color .2s}
html .sidebar nav a:hover{background:linear-gradient(125deg,rgba(255,255,255,.52),rgba(235,246,237,.23));border-color:var(--archive-muted)}
html .sidebar nav a:focus-visible{outline:2px solid var(--archive-ink);outline-offset:3px}
html[data-archive-tone="dark"] .sidebar nav a{background:linear-gradient(125deg,rgba(223,239,220,.14),rgba(223,239,220,.025) 48%,rgba(164,198,176,.07));box-shadow:inset 0 1px 0 rgba(242,252,237,.20),inset 0 -1px 0 rgba(8,20,12,.18),0 3px 10px rgba(7,18,11,.12)}
html[data-archive-tone="dark"] .sidebar nav a:hover{background:linear-gradient(125deg,rgba(223,239,220,.23),rgba(164,198,176,.09))}
@media(prefers-reduced-motion:reduce){html .sidebar nav a{transition:none}}

/* Shared header summary on every museum interior. */
html .museum-header .header-summary{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
html .museum-header .header-summary .header-tagline{margin:0;font-size:14px;line-height:1.6;text-align:right}
@media(max-width:600px){html .museum-header .header-summary{order:3;flex-basis:100%;gap:5px}html .museum-header .header-summary .header-tagline{font-size:13px}}
/* Keep manuscript information panes within a consistent archive card height. */
html .versions .card-body{max-height:600px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--archive-line) transparent;scroll-padding:18px}

/* Fine line phone guide echoes the studio's restrained wordmark. */
html .museum-footer .mobile-app-guide-button{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:6px 9px;border:1px solid var(--archive-line);border-radius:8px;background:transparent;color:var(--archive-muted);font:300 11px/1.5 system-ui;letter-spacing:.07em;cursor:pointer}
.mobile-app-guide-button svg{width:12px;height:16px;fill:none;stroke:currentColor;stroke-width:.7}
.mobile-app-guide-button:hover{border-color:var(--archive-muted)}
.mobile-app-guide-button:focus-visible{outline:2px solid var(--archive-ink);outline-offset:3px}
.mobile-app-guide{width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--archive-line);border-radius:16px;background:var(--archive-base,#f7f7f0);color:var(--archive-ink);box-shadow:0 18px 70px #14251c30}
.mobile-app-guide::backdrop{background:#16231d80;backdrop-filter:blur(5px)}
.app-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mobile-app-guide h2{margin:0;font-size:22px;font-weight:400}.mobile-app-guide h3{font:500 14px system-ui;margin:24px 0 10px}
.mobile-app-guide p,.mobile-app-guide li{font:14px/1.85 system-ui;color:var(--archive-ink)}
.mobile-app-guide ol{padding-left:22px}.mobile-app-guide li{margin-bottom:8px}
.app-guide-heading button{padding:5px 8px;border:1px solid var(--archive-line);border-radius:8px;background:transparent;color:var(--archive-ink);font:12px system-ui;white-space:nowrap;cursor:pointer}
.mobile-app-guide .app-guide-note{font-size:12px;color:var(--archive-muted)}.app-guide-sources{display:flex;gap:18px;flex-wrap:wrap}.app-guide-sources a{font:11px system-ui;color:var(--archive-muted);text-underline-offset:4px}
@media(max-width:600px){html .museum-footer .mobile-app-guide-button{order:3;margin-left:0}.mobile-app-guide{padding:20px}}