/* Original era interpretations, never historic site replicas. */
/* Secondary recovery/gallery actions reuse the compact directory controls. */
body[data-visual-era=directory] :is(#empty-clear-search,#empty-reset,#media-gallery-grid>button){font:12px/1.4 Verdana,Arial,sans-serif;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);max-width:100%;white-space:normal}
body[data-visual-era=directory] #grid>.empty{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body[data-visual-era=directory] #grid>.empty>:is(h3,p){flex-basis:100%}
body[data-visual-era=directory] #media-gallery-grid>button{justify-self:start;align-self:start}
/* Directory entrance and complete catalog; exhibit interpretation is retained. */
html body[data-visual-era=directory]{--paper:#fff;--ink:#182536;--muted:#455468;--accent:#173f9c;--line:#a8b4c6;--surface:#fff;--surface-soft:#eef2f8;--surface-edge:#a8b4c6;--surface-radius:0px;--surface-shadow:none;--map-root:#d6e2fa;background:#fff;color:var(--ink);font-family:Verdana,Arial,sans-serif}
body[data-visual-era=directory]>.masthead{height:auto;min-height:58px;padding-top:8px;padding-bottom:8px;gap:16px;background:#eef2f8;border-top:5px solid #173f9c;border-bottom:1px solid #a8b4c6;flex-wrap:wrap}
body[data-visual-era=directory] .masthead .brand{font:700 17px/1.4 Verdana,Arial,sans-serif;letter-spacing:0}
body[data-visual-era=directory] a{color:#173f9c;text-decoration:underline;text-underline-offset:2px}
body[data-visual-era=directory] a:visited{color:#663399}
body[data-visual-era=directory] .masthead .badge{font:10px/1.4 monospace;letter-spacing:.5px;padding:5px;border:1px solid #a8b4c6}
body[data-visual-era=directory] .navlink{font:13px/1.5 Verdana,Arial,sans-serif;letter-spacing:0;min-height:44px;display:inline-flex;align-items:center}
body[data-visual-era=directory] :is(button,input,select,summary){border-radius:0}
.entrance{padding:22px 0 16px;border-bottom:2px solid var(--accent);line-height:1.5}
.entrance-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.entrance h1{font:700 clamp(23px,2.4vw,32px)/1.25 Georgia,serif;letter-spacing:0;margin:0}
#collection-range{font:11px/1.6 monospace;letter-spacing:.4px}
.entrance-intro{font-size:14px;margin:10px 0 14px;max-width:850px}
#entrance-search-form{padding:12px;border:1px solid var(--line);background:#eef2f8;margin:0 0 18px}
#entrance-search-form label{font-size:13px;font-weight:bold;display:block;margin-bottom:6px}
#entrance-search-form>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#entrance-search{font:16px Arial,sans-serif;min-width:0;flex:1 1 220px;width:100%;max-width:520px;padding:10px;border:1px solid #7d8da5;background:white;min-height:44px}
#entrance-search-form button{padding:10px 18px;min-height:44px;border:1px solid #7d8da5;background:#fff;color:var(--ink)}
#entrance-search-form a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.editorial{border:1px solid var(--line)}
.editorial h2{font:700 17px/1.5 Georgia,serif;letter-spacing:0;margin:0;padding:8px 12px;background:#eef2f8;border-bottom:1px solid var(--line)}
.editorial h2 span{font:12px/1.6 Verdana,sans-serif;margin-left:16px;color:var(--muted)}
#editorial-status{font-size:14px;margin:12px}
#editorial-status:empty{display:none}
#editorial-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-entry{min-width:0;padding:14px;border-right:1px solid var(--line)}
.editorial-entry:last-child{border-right:0}
.editorial-image{display:flex;align-items:center;justify-content:center;background:#f2f4f7;border:1px solid var(--line);height:158px}
.editorial-image img{display:block;width:100%;height:100%;object-fit:contain}
.editorial-entry h3{font:700 18px/1.4 Georgia,serif;margin:10px 0 6px;letter-spacing:0}
.editorial-entry h3 a{display:inline-block;padding:3px 0;min-height:32px}
.editorial-entry p{font-size:13px;line-height:1.65;margin:6px 0;overflow-wrap:anywhere}
.editorial-entry .editorial-meta{font-size:11px;color:var(--muted)}
.entrance-note{font-size:11px;color:var(--muted);margin:10px 0 0}
/* Complete directory: one stable white/gray, square shell in every selected era. */
body[data-visual-era=directory] #collection{padding-top:24px}
body[data-visual-era=directory] #collection .section-heading{margin-bottom:16px;gap:16px;align-items:baseline}
body[data-visual-era=directory] #collection .section-heading h2{font:700 24px/1.3 Georgia,serif;letter-spacing:0;margin:4px 0}
body[data-visual-era=directory] #collection .section-heading p{font-size:12px;line-height:1.6;max-width:400px}
.directory-layout{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;align-items:start}
.directory-main,.year-sidebar{min-width:0}
body[data-visual-era=directory] #year-index{background:#f3f4f6;border:1px solid var(--line)}
body[data-visual-era=directory] #year-index>summary{padding:10px;font-size:13px;min-height:44px}
body[data-visual-era=directory] #year-selection{display:block;margin:4px 0 0;font:12px/1.5 Verdana,sans-serif;color:var(--ink);overflow-wrap:anywhere}
body[data-visual-era=directory] #years{display:flex;flex-direction:column;gap:0;padding:4px;margin:0}
body[data-visual-era=directory] #years button{background:transparent;color:#173f9c;border:0;border-bottom:1px solid #d6dce5;text-decoration:underline;text-align:left;font:13px/1.5 Verdana,sans-serif;min-height:44px;padding:8px 10px}
body[data-visual-era=directory] #years button[aria-pressed=true]{background:#173f9c;color:#fff;font-weight:bold;text-decoration:none}
body[data-visual-era=directory] #eras{gap:6px;margin:0 0 10px;flex-wrap:wrap}
body[data-visual-era=directory] #eras button{font:12px/1.4 Verdana,sans-serif;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:#f3f4f6;color:var(--ink)}
body[data-visual-era=directory] #eras button[aria-pressed=true]{background:#173f9c;color:#fff}
body[data-visual-era=directory] .directory-main .searchline{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:10px;margin:0;border:1px solid var(--line);background:#f3f4f6}
.directory-main .searchline>label:first-child{flex:1 1 220px}
.directory-main .searchline label{font-size:12px}
.directory-main .searchline :is(input,select){display:block;font:14px/1.4 Verdana,sans-serif;min-height:44px;width:100%;max-width:100%;padding:8px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.directory-main .searchline button{font-size:12px;min-height:44px;padding:8px}
.directory-main #count{font:12px/1.5 Verdana,sans-serif}
body[data-visual-era=directory] #filter-summary{padding:8px 10px;margin:8px 0;border-left:3px solid #173f9c;background:#f3f4f6;font:12px/1.6 Verdana,sans-serif;overflow-wrap:anywhere;color:var(--ink)}
body[data-visual-era=directory] .directory-main .controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:8px 0;padding:0;border:0}
.directory-main .view-switch{display:flex;flex-wrap:wrap;gap:4px}
.directory-main #surprise{position:static;background:#173f9c;color:#fff}
.directory-main #directory-tools{margin:8px 0;background:#f3f4f6}
.directory-main #directory-tools>summary{font-size:12px;min-height:44px;padding:10px}
.directory-main #directory-tools>.collection-disclosure-body{padding:8px}
.directory-main #directory-tools>summary:focus-visible{outline:3px solid var(--accent)}
.directory-main .view-switch button,.directory-main .surprise{min-height:44px;padding:8px 12px;font-size:12px;border:1px solid var(--line);margin:0}
body[data-visual-era=directory] .directory-main .collection-secondary{display:flex;flex-wrap:wrap;align-items:start;gap:6px;margin:8px 0}
body[data-visual-era=directory] .directory-main .collection-secondary>details{flex:1 1 180px;background:#f3f4f6}
body[data-visual-era=directory] .directory-main .collection-secondary>details[open]{flex-basis:100%}
body[data-visual-era=directory] .directory-main .collection-disclosure>summary{font-size:12px;padding:10px;min-height:44px;line-height:1.6}
body[data-visual-era=directory] .directory-main .collection-disclosure>summary span{font-size:11px;display:block;margin:0}
body[data-visual-era=directory] .directory-main .time-machine{padding:14px;gap:18px;margin:0;background:#fff;border:0;grid-template-columns:1fr 2fr}
.directory-main .time-copy h3{font:700 17px/1.4 Georgia,serif;letter-spacing:0}
.directory-main .time-copy p{font-size:12px}
.directory-main .time-readout output{font:700 22px/1.5 Georgia,serif;letter-spacing:0}
.directory-main .time-labels{grid-template-columns:repeat(3,1fr);margin:0}
body[data-visual-era=directory] .directory-main .exploration-tools{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;border:0}
.directory-main .exploration-tools button{min-height:44px;font-size:12px;padding:8px 10px}
body[data-visual-era=directory] .directory-main>.view-note{font:12px/1.6 Verdana,sans-serif;margin:8px 0}
body[data-visual-era=directory] #grid{display:block;margin:12px 0 0}
body[data-visual-era=directory] #grid[hidden]{display:none}
body[data-visual-era=directory] #grid>.group{font:700 17px/1.5 Verdana,sans-serif;letter-spacing:0;padding:6px 10px;margin:16px 0 0;background:#e9edf3;border:1px solid var(--line);color:var(--ink)}
body[data-visual-era=directory] .directory-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start;padding:14px 10px;border-bottom:1px solid #c8d0dc;background:#fff;min-width:0}
.directory-thumbnail{height:100px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid var(--line);min-width:0}
.directory-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.directory-description{min-width:0;overflow-wrap:anywhere}
.directory-description h4{font:700 18px/1.5 Georgia,serif;margin:0;letter-spacing:0}
.directory-description h4 a{display:inline-block;min-height:32px;padding:2px 0}
.directory-description p{font:13px/1.65 Verdana,sans-serif;margin:5px 0}
.directory-description .directory-meta{font-size:11px;color:var(--muted)}
.directory-description .result-types{font:12px/1.6 Verdana,sans-serif;margin:4px 0}
.result-types span{display:inline-block;border:1px solid #a8b4c6;background:#eef2f8;padding:2px 5px;margin:2px 2px 2px 0;color:#263d5b}
.directory-description .why-match{border-left:3px solid #173f9c;padding:6px 8px;background:#f3f4f6;font:13px/1.6 Verdana,sans-serif;overflow-wrap:anywhere}
body[data-visual-era=directory] :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.directory-layout{grid-template-columns:minmax(0,1fr);gap:12px}body[data-visual-era=directory] #year-index>summary{display:list-item}body[data-visual-era=directory] #year-selection{display:inline;margin-left:8px}body[data-visual-era=directory] #years{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:4px;padding:8px}body[data-visual-era=directory] #years button{text-align:center;border:1px solid var(--line)}body[data-visual-era=directory] .directory-main .collection-secondary>details{flex:1 1 140px}body[data-visual-era=directory] .directory-main .time-machine{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){body[data-visual-era=directory] #eras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}body[data-visual-era=directory] #eras button{padding:8px 4px;font-size:11px}body[data-visual-era=directory] .directory-main .controls{flex-wrap:nowrap;gap:4px}.directory-main .view-switch{display:contents}.directory-main .view-switch button,.directory-main #surprise{font-size:11px;padding:8px 6px;white-space:nowrap}.directory-main .searchline input{margin:0}body[data-visual-era=directory] .directory-main .searchline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"query query" "format order" "clear reset" "count count"}.directory-main .searchline>label:first-child{grid-area:query}.directory-main .searchline>label[for=category]{grid-area:format}.directory-main .searchline>label[for=sort]{grid-area:order}.directory-main #clear-search{grid-area:clear}.directory-main #reset-filters{grid-area:reset}.directory-main #count{grid-area:count}.directory-main .searchline>label{min-width:0}.directory-main .searchline button{width:100%}body[data-visual-era=directory] .directory-row{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:12px 4px}.directory-thumbnail{height:82px}.directory-description h4{font-size:17px}.directory-description p{font-size:12px}.directory-description .directory-meta{font-size:11px}}
@media(max-width:360px){.directory-main .compact-filter-body>label{grid-column:1/-1}body[data-visual-era=directory] .directory-main .controls{flex-wrap:wrap}.directory-main .view-switch{display:flex}}
@media(max-width:600px){body[data-visual-era=directory]>.masthead{gap:4px 12px;padding:8px 5%}body[data-visual-era=directory] .masthead .brand{font-size:15px}body[data-visual-era=directory] .masthead .badge{font-size:9px}.entrance{padding-top:16px}.entrance-heading{gap:6px}.entrance-intro{font-size:13px;margin:8px 0 12px}#entrance-search-form{padding:10px;margin-bottom:12px}#entrance-search{flex:1 1 150px}#entrance-search-form a{min-height:32px}.editorial h2 span{display:block;margin:2px 0 0;font-size:11px}#editorial-selection{grid-template-columns:minmax(0,1fr)}.editorial-entry{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.editorial-entry:last-child{border-bottom:0}.editorial-image{height:110px}.editorial-entry h3{font-size:17px;margin:0 0 3px}.editorial-entry p{font-size:12px;margin:4px 0}.editorial-entry .editorial-meta{font-size:10px}.entrance-note{font-size:10px}}
.era-context{padding:22px 25px;margin:0 0 28px;border:1px solid var(--line);border-left:6px solid var(--accent);background:#fffdf7}.era-context strong,.exhibit-era-context{font:700 13px/1.6 monospace;letter-spacing:1px}.era-context p{font-size:17px;line-height:1.6;margin:8px 0}.era-context>span{display:block;font-size:13px;line-height:1.6;color:var(--muted)}.exhibit-era-context{padding:12px 0;margin:20px 0 8px;border-bottom:2px solid var(--accent)}
body[data-visual-era=portal],dialog[data-visual-era=portal]{--paper:#edf0f7;--ink:#172644;--muted:#45556c;--accent:#254ea2;--line:#a5b2ca;font-family:Verdana,Arial,sans-serif;background:var(--paper);color:var(--ink)}
body[data-visual-era=portal] .section-heading h2{font-family:Georgia,serif;letter-spacing:-1px}body[data-visual-era=portal] .era-context{border:2px solid #7c91b7;border-top:8px solid #254ea2;background:#fff;box-shadow:4px 4px 0 #c2cbdc}body[data-visual-era=portal] .era-switch button{border:2px outset #c6d1e5;background:#e0e7f3;color:#172644;font-weight:bold}body[data-visual-era=portal] .era-switch button[aria-pressed=true]{background:#254ea2;color:#fff}body[data-visual-era=portal] .group{padding:10px 16px;background:#254ea2;color:#fff;font:700 19px/1.5 Verdana,sans-serif;border:2px outset #9db1d8}body[data-visual-era=portal] .card{background:#fff;border:1px solid #879dbf;padding:12px;box-shadow:3px 3px 0 #cbd4e5}body[data-visual-era=portal] .card h3{font-family:Georgia,serif;color:#203f90;text-decoration:underline;font-size:27px}body[data-visual-era=portal] .card .art{border:3px double #7187b0;background:#edf0f7}body[data-visual-era=portal] .meta{border-bottom:1px dotted #879dbf;padding:12px 0}body[data-visual-era=portal] .card-bottom{color:#203f90;font-weight:bold}dialog[data-visual-era=portal]{border:4px double #254ea2;border-radius:0;box-shadow:10px 10px 0 #17264455}dialog[data-visual-era=portal] #detail-title{font-family:Georgia,serif;letter-spacing:-1px}dialog[data-visual-era=portal] .detail-art{border:5px double #879dbf;padding:8px;background:#fff}dialog[data-visual-era=portal] .rich-exhibit h3{background:#dce5f5;padding:10px 12px;border-top:1px solid #879dbf;font-family:Georgia,serif}dialog[data-visual-era=portal] .example-gallery figure{border:2px solid #879dbf;border-radius:0;background:#fff}
body[data-visual-era=broadcast],dialog[data-visual-era=broadcast]{--paper:#ececec;--ink:#242424;--muted:#535353;--accent:#a62d28;--line:#bfbfbf;background:var(--paper);color:var(--ink)}body[data-visual-era=broadcast] .era-context{border:1px solid #bbb;border-top:7px solid #303030;background:#fff}body[data-visual-era=broadcast] .section-heading h2,body[data-visual-era=broadcast] .card h3,dialog[data-visual-era=broadcast] #detail-title{font-family:Georgia,serif;font-weight:bold;letter-spacing:-1px}body[data-visual-era=broadcast] .group{border-bottom:4px solid #303030;padding-bottom:12px}body[data-visual-era=broadcast] .card{background:white;padding:14px;border:1px solid #c6c6c6;box-shadow:0 3px 0 #d7d7d7}body[data-visual-era=broadcast] .card .art{background:#222;border:5px solid #222;border-radius:0}body[data-visual-era=broadcast] .card-bottom{border-top:3px solid #a62d28}dialog[data-visual-era=broadcast]{border:1px solid #777;border-top:9px solid #303030;border-radius:0}dialog[data-visual-era=broadcast] .detail-art{background:#222;border:8px solid #222}dialog[data-visual-era=broadcast] .rich-exhibit h3{font-family:Georgia,serif;border-bottom:2px solid #303030;padding-bottom:10px}dialog[data-visual-era=broadcast] .example-gallery figure{background:#fff;border:1px solid #bbb;border-radius:0}
body[data-visual-era=feed],dialog[data-visual-era=feed]{--paper:#edf1f5;--ink:#182936;--muted:#485e6c;--accent:#255d75;--line:#becdd7;background:var(--paper);color:var(--ink);font-family:system-ui,Arial,sans-serif}body[data-visual-era=feed] .era-context{background:white;border:0;border-radius:16px;box-shadow:0 3px 16px #18293612}body[data-visual-era=feed] .era-switch button{border-radius:24px}body[data-visual-era=feed] .card{background:#fff;border:1px solid #d4dfe7;border-radius:16px;overflow:hidden;padding:0 0 20px;box-shadow:0 4px 18px #18293610}body[data-visual-era=feed] .card>.meta,body[data-visual-era=feed] .card>h3,body[data-visual-era=feed] .card>p,body[data-visual-era=feed] .card>.card-bottom{margin-left:20px;margin-right:20px}body[data-visual-era=feed] .card h3{font:750 27px/1.2 system-ui,sans-serif;letter-spacing:-.6px}body[data-visual-era=feed] .card .art{border:0;border-radius:0;background:#dde5eb}dialog[data-visual-era=feed]{border:1px solid #d4dfe7;border-radius:20px}dialog[data-visual-era=feed] #detail-title{font-family:system-ui,sans-serif;font-weight:800;letter-spacing:-1.5px}dialog[data-visual-era=feed] .detail-art{border-radius:12px;background:#dde5eb}dialog[data-visual-era=feed] .example-gallery figure{border-radius:14px;overflow:hidden;background:white;border:1px solid #d4dfe7}
#detail .example-gallery figcaption{line-height:1.65}#detail .example-credit{color:var(--muted)}#detail .example-source{font-weight:bold}#detail button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#detail{max-width:calc(100vw - 24px)}#detail-content{min-width:0;overflow-wrap:anywhere}.era-context,.exhibit-era-context{overflow-wrap:anywhere}
@media(max-width:600px){.era-context{padding:17px;margin-bottom:20px}.era-context p{font-size:16px}.era-context strong,.exhibit-era-context{font-size:12px;letter-spacing:.5px}body[data-visual-era=portal] .card,body[data-visual-era=broadcast] .card{padding:10px}dialog[data-visual-era=portal]{box-shadow:none}#detail .example-gallery{grid-template-columns:minmax(0,1fr)}body[data-visual-era=feed] .card h3{font-size:25px}}
@media(max-width:480px){#grid{grid-template-columns:minmax(0,1fr)}#grid .card{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Story first; tools retain native semantics and all existing behavior. */
#detail .exhibit-story-header{padding-right:24px}#detail .exhibit-story-header .eyebrow{margin-top:0;font-size:12px;line-height:1.6}#detail .exhibit-story-header :is(h1,h2){margin:12px 0;font-size:clamp(29px,4.5vw,48px);line-height:1.13}#detail .exhibit-story-header .exhibit-era-context{font-size:11px;letter-spacing:.4px;line-height:1.65;margin:12px 0 18px;padding:8px 0}
#detail .exhibit-tools{margin:0 0 22px;border:1px solid var(--line);background:var(--paper)}#detail .exhibit-tools>summary{cursor:pointer;padding:13px 16px;font-size:14px;font-weight:bold;min-height:48px;line-height:1.5}#detail .exhibit-tools>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#detail .exhibit-tools[open]>summary{border-bottom:1px solid var(--line)}#detail .exhibit-tools-body{padding:14px;display:flex;gap:12px;flex-wrap:wrap}#detail .exhibit-tools-body>nav{width:100%;margin:0}#detail .exhibit-tools-body>button{min-height:44px;white-space:normal}#detail .exhibit-tools-body .compare-story-nav,#detail .exhibit-tools-body .walk-story-nav{padding:14px}#detail .detail-art{margin:0 0 24px;height:auto;aspect-ratio:16/9;max-height:360px}#detail .detail-art img{width:100%;height:100%;max-height:344px;object-fit:contain}#detail .exhibit-hook{font-size:21px;line-height:1.6;margin-top:0}
dialog[data-visual-era=portal] .exhibit-tools{border:2px outset #a5b2ca;background:#e0e7f3}dialog[data-visual-era=broadcast] .exhibit-tools{border-top:3px solid #303030;background:#fff}dialog[data-visual-era=feed] .exhibit-tools{border-radius:8px;background:#fff}dialog[data-visual-era=feed] .exhibit-tools>summary{font-family:system-ui,sans-serif}
@media(max-width:600px){#detail{padding:22px 18px}#detail .exhibit-story-header{padding-right:26px}#detail .exhibit-story-header :is(h1,h2){font-size:30px;letter-spacing:-.5px}#detail .exhibit-story-header .exhibit-era-context{font-size:10px}#detail .detail-art{max-height:200px;margin-bottom:20px}#detail .detail-art img{max-height:184px}#detail .exhibit-hook{font-size:18px;line-height:1.6}#detail .exhibit-tools>summary{padding:12px;font-size:13px}#detail .exhibit-tools-body{padding:10px}#detail .exhibit-tools-body>button{width:100%}}

/* Collection cockpit: search and time first, optional depth after. */
#collection>.searchline{margin:20px 0;align-items:end;padding:20px;border:1px solid var(--line);background:#fffdf8}#collection>.searchline>label:first-child{flex:1 1 260px}#collection>.searchline input{width:100%;min-height:44px}#collection>.searchline select,#collection>.searchline button{min-height:44px}.collection-secondary{display:grid;gap:12px;margin:16px 0 22px}.collection-disclosure{border:1px solid var(--line);background:var(--paper);min-width:0}.collection-disclosure>summary{cursor:pointer;min-height:48px;padding:14px 18px;font-size:15px;font-weight:700;line-height:1.5}.collection-disclosure>summary span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}.collection-disclosure>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.collection-disclosure[open]>summary{border-bottom:1px solid var(--line)}.collection-disclosure-body{padding:18px;min-width:0}.collection-disclosure-body>.tours,.collection-disclosure-body>.interval-panel{margin:0;border:0;background:transparent;padding:0}.collection-disclosure-body>.years{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.collection-disclosure .years button{min-height:44px;min-width:44px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px}.collection-disclosure .years button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
body[data-visual-era=portal] #collection>.searchline,body[data-visual-era=portal] .time-machine,body[data-visual-era=portal] .collection-disclosure{border:2px outset #a5b2ca;background:#fff;box-shadow:3px 3px 0 #cbd4e5}body[data-visual-era=portal] .collection-disclosure>summary{background:#e0e7f3;font-family:Verdana,sans-serif}body[data-visual-era=broadcast] #collection>.searchline,body[data-visual-era=broadcast] .time-machine,body[data-visual-era=broadcast] .collection-disclosure{background:#fff;border:1px solid #bbb;border-top:4px solid #303030}body[data-visual-era=broadcast] .collection-disclosure>summary{font-family:Georgia,serif}body[data-visual-era=feed] #collection>.searchline,body[data-visual-era=feed] .time-machine,body[data-visual-era=feed] .collection-disclosure{background:#fff;border:1px solid #d4dfe7;border-radius:14px;box-shadow:0 3px 14px #1829360c}.collection-disclosure .tour-offers article{background:var(--paper)}
@media(max-width:600px){#collection>.searchline{padding:14px;gap:12px;display:grid;grid-template-columns:1fr 1fr}#collection>.searchline>label:first-child{grid-column:1/-1}#collection>.searchline>label{min-width:0}#collection>.searchline select{width:100%;max-width:100%}#collection>.searchline #clear-search,#collection>.searchline #reset-filters{font-size:12px}#collection>.searchline #count{grid-column:1/-1}#collection>.time-machine{padding:18px;margin:18px 0}#collection>.time-machine .time-copy p{margin:8px 0 12px}#collection>.time-machine h3{font-size:27px;margin:8px 0}#collection>.time-machine .time-copy .eyebrow{display:none}#collection .era-context{padding:14px;margin-bottom:16px}#collection .era-context p{font-size:14px;line-height:1.5}#collection .era-context>span{font-size:12px}#collection .section-heading h2{font-size:29px}#collection .section-heading{margin-bottom:20px}.collection-disclosure-body{padding:14px}.collection-disclosure>summary{font-size:14px;padding:13px}.collection-disclosure>summary span{display:block;margin:4px 0 0}.collection-secondary{margin-top:12px}}

/* One era language across existing exploration surfaces. Collection context is
   never an assertion that both connected or compared items share a date. */
body[data-visual-era],dialog[data-visual-era]{--surface:#fffdf7;--surface-soft:var(--paper);--surface-edge:var(--line);--surface-radius:0px;--surface-shadow:none;--surface-heading:Georgia,serif;--map-root:#e0e7cb}
body[data-visual-era=portal],dialog[data-visual-era=portal]{--surface:#fff;--surface-soft:#e0e7f3;--surface-edge:#879dbf;--surface-shadow:3px 3px 0 #cbd4e5;--map-root:#d6e2fa}
body[data-visual-era=broadcast],dialog[data-visual-era=broadcast]{--surface:#fff;--surface-soft:#ececec;--surface-edge:#bfbfbf;--surface-shadow:0 3px 0 #d7d7d7;--map-root:#f5dedb}
body[data-visual-era=feed],dialog[data-visual-era=feed]{--surface:#fff;--surface-soft:#edf1f5;--surface-edge:#becdd7;--surface-radius:14px;--surface-shadow:0 4px 18px #18293610;--surface-heading:system-ui,Arial,sans-serif;--map-root:#d6eaf1}
body[data-visual-era] :is(#map-panel,.compare-panel,.custom-walk,.exploration-save,.connection){background:var(--surface);border:1px solid var(--surface-edge);border-radius:var(--surface-radius);box-shadow:var(--surface-shadow);color:var(--ink)}
body[data-visual-era] :is(.map-heading,.compare-heading,.walk-heading){padding-bottom:16px;margin-bottom:18px;border-bottom:2px solid var(--accent)}
body[data-visual-era] :is(.map-heading h3,.compare-heading h3,.walk-heading h3,.exploration-save h3){font-family:var(--surface-heading);font-weight:700;line-height:1.2}
body[data-visual-era=portal] :is(.map-heading,.compare-heading,.walk-heading){background:var(--surface-soft);padding:14px;border:1px solid var(--surface-edge)}
body[data-visual-era=portal] :is(.connection-preview>span:not(.connection-art),.compare-card h4){color:var(--accent);text-decoration:underline}
body[data-visual-era=broadcast] :is(#map-panel,.compare-panel,.custom-walk,.exploration-save,.connection){border-top:5px solid #303030}
body[data-visual-era=feed] :is(.map-heading,.compare-heading,.walk-heading){border-bottom:1px solid var(--surface-edge)}
body[data-visual-era] :is(.compare-card,.walk-current,.walk-stops li){background:var(--surface);border-color:var(--surface-edge);border-radius:var(--surface-radius);color:var(--ink)}
body[data-visual-era] :is(.compare-art,.connection-art,.walk-thumb){background:var(--surface-soft);border:1px solid var(--surface-edge)}
body[data-visual-era=portal] :is(.compare-art,.connection-art){border:3px double var(--surface-edge)}
body[data-visual-era=broadcast] :is(.compare-art,.connection-art){background:#222;border:5px solid #222}
body[data-visual-era=feed] :is(.compare-art,.connection-art){border-radius:10px;overflow:hidden}
body[data-visual-era] .connection{padding:20px;gap:16px;min-width:0}
body[data-visual-era] .connection-preview{color:var(--ink);font-family:inherit;min-height:44px;padding:8px;border-radius:var(--surface-radius)}
body[data-visual-era] .connection-preview>span:not(.connection-art){font-weight:700;line-height:1.5}
body[data-visual-era] .connection>p{line-height:1.7;border-top:1px solid var(--surface-edge);padding-top:16px}
body[data-visual-era] .outside-filter{color:var(--muted);font-size:12px;line-height:1.6;border:1px dashed var(--surface-edge);padding:6px}
body[data-visual-era] :is(.compare-card dt,.map-fallback){border-color:var(--surface-edge)}
body[data-visual-era] .walk-stops li[aria-current=step]{border:3px solid var(--accent)}
body[data-visual-era] :is(.compare-panel,.custom-walk,.exploration-save) :is(input,select){background:var(--surface);color:var(--ink);border:1px solid var(--surface-edge);border-radius:var(--surface-radius);min-height:44px;font:inherit}
body[data-visual-era] :is(#map-panel,.compare-panel,.custom-walk,.exploration-save) button{color:var(--ink);background:var(--surface-soft);border:1px solid var(--surface-edge);border-radius:var(--surface-radius);min-height:44px;white-space:normal}
body[data-visual-era=portal] :is(#map-panel,.compare-panel,.custom-walk) button{border:2px outset var(--surface-edge)}
body[data-visual-era] .map-node-box{fill:var(--surface);stroke:var(--surface-edge)}
body[data-visual-era] .map-root-box{fill:var(--map-root);stroke:var(--accent)}
body[data-visual-era] .map-node-name{fill:var(--ink)}
body[data-visual-era] .map-node-meta{fill:var(--muted)}
body[data-visual-era] .map-edges line{stroke:var(--surface-edge)}
body[data-visual-era] .map-graph a:is(:hover,:focus) rect{stroke:var(--accent);stroke-width:4}
body[data-visual-era] .map-fallback button{text-decoration:underline;text-underline-offset:3px}
dialog[data-visual-era] :is(.compare-story-nav,.walk-story-nav){background:var(--surface);border:2px solid var(--surface-edge);border-radius:var(--surface-radius);color:var(--ink)}
dialog[data-visual-era] :is(.compare-story-nav,.walk-story-nav) button{background:var(--surface-soft);color:var(--ink);border:1px solid var(--surface-edge);min-height:44px;border-radius:var(--surface-radius)}
body[data-visual-era] :is(#map-panel,.compare-panel,.custom-walk,.exploration-save,.connection) :is(button,input,select,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:600px){body[data-visual-era] .connection{padding:12px;gap:10px}body[data-visual-era] .connection-art{height:110px}body[data-visual-era] .connection-preview{padding:4px}body[data-visual-era] .connection-preview small{font-size:12px;line-height:1.5}body[data-visual-era] :is(.map-heading,.compare-heading,.walk-heading){padding-bottom:12px;margin-bottom:14px}body[data-visual-era=portal] :is(.map-heading,.compare-heading,.walk-heading){padding:12px}body[data-visual-era] .compare-art{height:210px}}
/* STEP 3: one addressed reading document, with the viewport as its scroll container. */
#detail[hidden],body.reading-exhibit main,body.reading-exhibit footer{display:none}
body.reading-exhibit{background:#eef0f2}
body.reading-exhibit #detail{--paper:#fff;--ink:#222;--muted:#50565f;--line:#b8c0cb;--accent:#174b8b;--surface:#fff;--surface-soft:#eef1f5;--surface-edge:#b8c0cb;--surface-radius:0;--surface-shadow:none;display:block;position:static;width:calc(100% - 32px);max-width:880px;max-height:none;height:auto;overflow:visible;margin:20px auto;padding:24px;border:1px solid #aeb8c6;border-top:5px solid #425e80;border-radius:0;box-shadow:none;background:#fff;color:#222;font:16px/1.65 Arial,Helvetica,sans-serif}
body.reading-exhibit #detail .close{position:static;width:auto;height:auto;min-height:44px;margin:0 0 12px;padding:6px 10px;font-size:14px;border:1px solid #b8c0cb;background:#eef1f5;color:#174b8b}
body.reading-exhibit #detail .exhibit-story-header{padding:0;border-bottom:1px solid #b8c0cb;margin-bottom:16px}
body.reading-exhibit #detail .exhibit-story-header :is(h1,h2){font:700 clamp(26px,4vw,36px)/1.2 Georgia,serif;letter-spacing:0;margin:16px 0 10px}
body.reading-exhibit #detail .detail-art{height:auto;max-height:none;margin:18px 0;background:#f4f5f7;border:1px solid #c9ced6;padding:12px}
body.reading-exhibit #detail .detail-art img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:auto;object-fit:contain}
body.reading-exhibit #detail .exhibit-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;padding:12px 0;border-block:1px solid #c9ced6}
body.reading-exhibit #detail .exhibit-nav span{font-size:12px;text-align:center}
body.reading-exhibit #detail button{min-height:44px;max-width:100%;white-space:normal}
body.reading-exhibit #detail a{color:#174b8b;text-decoration:underline}
body.reading-exhibit #detail a:visited{color:#663399}
body.reading-exhibit #detail .breadcrumb{font-size:14px}
body.reading-exhibit #detail .breadcrumb button{border:0;padding:0;background:none;color:#174b8b;text-decoration:underline;text-align:left}
body.reading-exhibit #detail .exhibit-tools{margin-top:24px}
@media(max-width:600px){body.reading-exhibit #detail{width:calc(100% - 16px);margin:8px auto;padding:16px 12px}body.reading-exhibit #detail .exhibit-nav span{order:3;flex-basis:100%}}
/* Optional workbench: ordinary discovery stays outside, tools use page scrolling. */
#research-active{font-weight:400;display:block;margin-top:4px;font-size:12px;line-height:1.6;color:#394b63;overflow-wrap:anywhere}
/* artifact-first mobile: square directory shell, readable warnings, native disclosure. */
#editorial-disclosure,#filter-disclosure{border:1px solid #a8b4c6;background:#f3f4f6;min-width:0}
#entrance-search-disclosure{border:1px solid #a8b4c6;background:#eef2f8;margin-bottom:8px}
#entrance-search-disclosure>summary{cursor:pointer;font:13px/1.5 Verdana,sans-serif;min-height:44px;padding:10px;box-sizing:border-box}
#entrance-search-disclosure #entrance-search-form{margin:0;border:0}
.year-sidebar:empty{display:none}
#editorial-disclosure>summary,#filter-disclosure>summary,.representative-preview>summary{cursor:pointer;font:13px/1.5 Verdana,sans-serif;min-height:44px;padding:10px;box-sizing:border-box}
.compact-filter-body{display:flex;flex-wrap:wrap;gap:8px;padding:8px;align-items:end}
.compact-filter-body>label{flex:1 1 110px;min-width:0}
.directory-main .searchline #filter-disclosure{flex:1 1 100%}
body.reading-exhibit #detail .exhibit-jumps{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
body.reading-exhibit #detail .exhibit-jumps button{font:14px/1.5 Verdana,sans-serif;background:#eef2f8;color:#174b8b;border:1px solid #a8b4c6;padding:8px 12px}
body.reading-exhibit #detail .view-note{font:13px/1.6 Verdana,sans-serif;color:#394b63;letter-spacing:0}
body.reading-exhibit #detail .example-evidence{padding:10px;margin-top:8px}
body.reading-exhibit #detail .example-evidence p{font:14px/1.6 Arial,sans-serif;margin:8px 0}
body.reading-exhibit #detail .example-metadata>summary{font:13px/1.6 Verdana,sans-serif;min-height:44px}
body.reading-exhibit #detail :is(#exhibit-examples,#exhibit-context,#exhibit-sources){scroll-margin-top:12px}
body.reading-exhibit #detail .representative-preview{border:1px solid #b8c0cb;margin:8px 0}
@media(max-width:760px){
 .entrance-note{font-size:12px}.entrance{padding-bottom:10px}
 body[data-visual-era=directory] #collection{padding-top:12px}
 body[data-visual-era=directory] #collection .section-heading{margin-bottom:8px}
 body[data-visual-era=directory] #collection .section-heading p{margin:4px 0}
 body[data-visual-era=directory] .directory-main .searchline{display:flex;flex-wrap:wrap}
 .directory-main .searchline>label:first-child{flex-basis:100%}
 .directory-main .searchline #count{flex-basis:100%}
 .directory-main .searchline #filter-disclosure{order:3}
 .directory-main .compact-filter-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 /* Legacy named areas belong to the old search grid, not this nested grid. */
 .directory-main .compact-filter-body>:is(#clear-search,#reset-filters){grid-area:auto}
 .compact-filter-body>:is(#year-index,#eras){grid-column:1/-1}
 .directory-layout{gap:0}
 body.reading-exhibit #detail .breadcrumb{font-size:12px}
 body.reading-exhibit #detail .close{margin-bottom:4px}
 body.reading-exhibit #detail .exhibit-story-header{margin-bottom:8px}
 body.reading-exhibit #detail .exhibit-story-header :is(h1,h2){margin:8px 0;font-size:27px}
 body.reading-exhibit #detail .exhibit-nav{margin:8px 0;padding:6px 0;flex-wrap:nowrap}
 body.reading-exhibit #detail .exhibit-nav span{order:0;flex-basis:auto;font-size:10px}
 body.reading-exhibit #detail #back-exploration{font-size:12px;padding:4px 6px}
 body.reading-exhibit #detail .rich-exhibit{margin:12px 0;padding:8px 0}
 body.reading-exhibit #detail .rich-exhibit>h3:first-child{margin:4px 0}
}
#directory-tools>.collection-disclosure-body{display:block;min-width:0}
#directory-tools .view-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#directory-tools :is(#map-panel,.compare-panel,.custom-walk,.exploration-save,.tours){background:#fff;border:1px solid #b8c0cb;border-radius:0;box-shadow:none;max-height:none;overflow:visible;min-width:0;max-width:100%;padding:16px;overflow-wrap:anywhere}
#directory-tools :is(.map-heading,.compare-heading,.walk-heading,.tour-heading){flex-wrap:wrap}
#directory-tools :is(input,select,button){max-width:100%;min-width:0}
#directory-tools .map-graph{max-width:100%;width:100%;margin:12px 0}
/* Local media entrance: full captions, no thumbnail crops or invented scores. */
#media-gallery{margin:14px 0 22px;min-width:0}
.media-gallery-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px;border-bottom:2px solid #254b81;padding-bottom:8px}
.media-gallery-heading h2{font:bold 24px/1.2 Georgia,serif;margin:0}
.media-gallery-heading span,.media-gallery-note{font:12px/1.6 Verdana,sans-serif;color:#394b63}
#media-gallery-status:empty{display:none}
#media-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.media-tile{margin:0;min-width:0;border:1px solid #a8b4c6;background:#fff;color:#172644;overflow-wrap:anywhere}
.media-image{display:block;padding:8px;background:#e9edf3;border-bottom:1px solid #a8b4c6}
.media-image img{display:block;width:100%;height:auto;object-fit:contain}
.media-tile figcaption{padding:12px;font:14px/1.6 Arial,sans-serif}
.media-tile h3{font:bold 17px/1.4 Georgia,serif;margin:0 0 6px}
.media-caption{margin:6px 0 10px}
.media-provenance{margin-top:10px;font:13px/1.6 Arial,sans-serif}
.media-provenance>small{display:block;margin-top:4px}
.media-provenance summary,.artifact-disclosure>summary{cursor:pointer;min-height:44px;padding:10px 0;box-sizing:border-box}
#detail .artifact-lead{max-width:760px;margin:12px auto 18px}
#detail .artifact-lead figure{margin:0}
.meme-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#detail .meme-library-grid figcaption{padding:12px}
@media(max-width:600px){.meme-library-grid{grid-template-columns:minmax(0,1fr)}}
#detail .artifact-lead .example-image{display:block;background:#edf0f5;padding:8px;border:1px solid #a8b4c6}
#detail .artifact-lead img{display:block;max-width:100%;width:auto;height:auto;max-height:70vh;object-fit:contain;margin:auto}
#detail .artifact-lead figcaption{font:14px/1.6 Arial,sans-serif;padding:10px 0}
#detail .artifact-lead figcaption h4{font:bold 17px/1.4 Georgia,serif;margin:0 0 6px}
#detail .artifact-disclosure{border-top:1px solid #b8c0cb;margin:10px 0;min-width:0}
#detail .artifact-disclosure>summary{font:14px/1.6 Verdana,sans-serif;color:#174b8b;padding:12px 8px}
#detail .material-warning{padding:12px;border-left:3px solid #91652f;background:#faf2df;font:14px/1.6 Arial,sans-serif;margin:12px 0;overflow-wrap:anywhere}
#media-gallery a:focus-visible,#detail .artifact-disclosure>summary:focus-visible{outline:3px solid #174b8b;outline-offset:3px}
@media(max-width:900px){#media-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:600px){#media-gallery-grid{grid-template-columns:minmax(0,1fr);gap:18px}.media-gallery-heading h2{font-size:22px}.media-gallery-heading span{font-size:11px}.media-tile figcaption{font-size:15px}.entrance-heading #entrance-title{font-size:18px}.entrance-heading #collection-range{font-size:10px}#detail .artifact-lead img{max-height:none}#detail .artifact-lead{margin-top:10px}}
@media(max-width:600px){#directory-tools :is(#map-panel,.compare-panel,.custom-walk,.exploration-save,.tours){padding:10px}#directory-tools :is(.compare-heading,.walk-heading){display:block}#directory-tools .tour-offers{grid-template-columns:minmax(0,1fr)}}