:root{--city-ink:#0e333f;--city-deep:#005b76;--city-cyan:#2ea9d3;--city-red:#9d2235;--city-green:#446414;--paper:#f5f7f5;--white:#fff;--ink:#122b32;--muted:#4a5c61;--line:#b8c7ca;--soft:#e5f0f2;--warm:#f4efe6;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--shadow:0 16px 40px rgba(14,51,63,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.55}img{max-width:100%;height:auto}a{color:var(--city-deep);text-decoration:underline;text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8a3c00;outline-offset:3px}button,.button{min-height:44px}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:1000;transform:translateY(-160%);padding:.75rem 1rem;background:#fff;color:#111;border:2px solid var(--city-ink)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3.25rem);background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:1rem;min-width:0;color:var(--city-ink);text-decoration:none}.brand img{width:150px;max-height:50px;object-fit:contain;object-position:left center}.brand-text{border-left:1px solid var(--line);padding-left:1rem;font-weight:700;letter-spacing:.04em}.site-nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .75rem;color:var(--city-ink);font-weight:700;text-decoration:none;border-bottom:3px solid transparent}.site-nav a[aria-current=page]{border-color:var(--city-cyan)}.site-nav a:hover{background:var(--soft)}main{width:min(1240px,100% - 2rem);margin-inline:auto;padding:clamp(1.25rem,3vw,2.5rem) 0 4rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.1rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.045em;color:var(--city-ink);max-width:18ch}h2{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.15;color:var(--city-ink)}h3{font-size:1.15rem;line-height:1.25;color:var(--city-ink)}.eyebrow{margin-bottom:.7rem;color:var(--city-deep);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:.9rem}.rule{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:2px solid var(--city-ink);border-radius:2px;background:var(--city-ink);color:#fff;font-weight:700;text-decoration:none}.button:hover{background:var(--city-deep);color:#fff}.button.secondary{background:#fff;color:var(--city-ink)}.button.secondary:hover{background:var(--soft)}.text-button{padding:.5rem .25rem;border:0;background:transparent;color:var(--city-deep);text-decoration:underline;text-underline-offset:.2em;font-weight:700}.pill{display:inline-flex;align-items:center;min-height:32px;padding:.2rem .65rem;border:1px solid var(--city-deep);border-radius:999px;color:var(--city-deep);font-size:.83rem;font-weight:700}.site-footer{padding:1.5rem clamp(1rem,4vw,3.25rem);background:var(--city-ink);color:#fff}.site-footer a{color:#fff}.footer-inner{width:min(1240px,100%);margin:auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.asset-note{max-width:78ch;margin:1rem 0 0;padding:.75rem 1rem;background:#fff;border:1px solid var(--line);color:#243b42;font-size:.88rem}.source-link{font-size:.9rem}.record-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 1rem}.record-code{font-family:ui-monospace,Consolas,monospace;font-size:.9rem}.tag{display:inline-flex;align-items:center;min-height:30px;padding:.2rem .55rem;background:var(--soft);color:#173d49;border-radius:2px;font-size:.82rem;font-weight:700}.section-kicker{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--city-deep)}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Concept 00: choice board */
.concept-home{background:#eef3f2}.home-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr);gap:2rem;align-items:end;padding:2rem 0 2.5rem;border-bottom:2px solid var(--city-ink)}.home-intro p{max-width:58ch}.home-index-note{padding:1rem 1.1rem;border-left:4px solid var(--city-cyan);background:#fff}.concept-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.concept-link{display:grid;grid-template-columns:5.4rem minmax(0,1fr) 7rem;align-items:center;gap:1rem;min-height:180px;padding:1.2rem;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .15s ease,border-color .15s ease}.concept-link:hover{transform:translateY(-2px);border-color:var(--city-deep)}.concept-num{font-size:2.7rem;font-weight:800;line-height:1;color:var(--city-cyan)}.concept-link img{width:7rem;height:7rem;object-fit:cover;background:#ddd}.concept-link h2{margin-bottom:.4rem;font-size:1.3rem}.concept-link p{margin:0;color:var(--muted);font-size:.92rem}
/* Concept 01: catalogue discovery */
.page-catalogue{background:#f2f6f6}.catalogue-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;padding:1rem 0 1.5rem;border-bottom:3px solid var(--city-ink)}.catalogue-heading p{max-width:48ch;margin-bottom:.2rem}.catalogue-tools{display:grid;grid-template-columns:minmax(15rem, .78fr) minmax(0,2fr);gap:1.5rem;margin-top:1.5rem}.filter-panel{align-self:start;padding:1.2rem;background:#fff;border:1px solid var(--line)}.filter-panel fieldset{border:0;border-top:1px solid var(--line);padding:.9rem 0 0;margin:1rem 0 0}.filter-panel legend{font-weight:800;color:var(--city-ink);padding-top:.8rem}.check-row{display:flex;gap:.65rem;align-items:flex-start;min-height:44px;padding:.5rem 0}.check-row input{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--city-deep)}.search-form{display:flex;gap:.65rem;align-items:end;flex-wrap:wrap}.search-form .field{flex:1 1 20rem}.field label{display:block;font-weight:700;margin-bottom:.35rem}.field input,.field select{width:100%;min-height:48px;padding:.65rem .8rem;border:2px solid #52676d;background:#fff;color:var(--ink)}.results-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.3rem 0}.results-head p{margin:0}.view-switch{display:flex;gap:.3rem}.view-switch button{padding:.45rem .7rem;border:1px solid var(--city-deep);background:#fff;color:var(--city-deep);font-weight:700}.view-switch button[aria-pressed=true]{background:var(--city-ink);color:#fff}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.results-grid[data-layout=list]{grid-template-columns:1fr}.record-card{display:grid;grid-template-columns:minmax(0,1fr);background:#fff;border:1px solid var(--line);min-width:0}.record-card img{width:100%;height:230px;object-fit:cover;background:#ddd}.record-card-body{padding:1.1rem}.record-card h2{font-size:1.35rem;margin-bottom:.3rem}.results-grid[data-layout=list] .record-card{grid-template-columns:minmax(12rem, .8fr) minmax(0,1.2fr)}.results-grid[data-layout=list] .record-card img{height:100%;min-height:230px}.results-grid[data-layout=list] .record-card-body{align-self:center}
/* Concept 02: editorial story */
.page-story{background:var(--warm)}.page-story .site-header{border-bottom:4px solid var(--city-red)}.page-story h1,.page-story h2{font-family:var(--serif);letter-spacing:-.025em}.story-masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.88fr);min-height:470px;background:var(--city-ink);color:#fff}.story-copy{align-self:center;padding:clamp(1.5rem,5vw,4.5rem)}.story-copy h1{color:#fff;max-width:13ch}.story-copy .eyebrow{color:#bde9f5}.story-copy p{max-width:54ch;color:#edf4f4}.story-image{min-height:360px;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#c8cdcb}.story-image img{max-height:440px;width:100%;object-fit:contain}.story-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,.8fr);gap:2.5rem;margin-top:2.5rem}.story-article{max-width:70ch}.story-article h2{margin-top:2rem}.story-article p{font-size:1.08rem}.story-aside{align-self:start;position:sticky;top:1rem;padding:1.25rem;background:#fff;border-top:5px solid var(--city-red)}.story-aside img{width:100%;max-height:230px;object-fit:cover;margin-bottom:1rem}.story-source{padding:1rem 0;border-top:1px solid var(--line)}.story-source h3{font-size:1rem}
/* Concept 03: object inspector */
.page-viewer{background:#eaf0f1}.page-viewer .site-header{background:#fff;border-color:var(--line)}.page-viewer .brand,.page-viewer .site-nav a{color:var(--city-ink)}.page-viewer .brand-text{border-color:var(--line)}.page-viewer .site-nav a[aria-current=page]{border-color:var(--city-cyan)}.viewer-topline{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.viewer-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.8fr);gap:1.5rem;align-items:start}.viewer-workspace{background:#d7e0e2;border:1px solid #aabdc1;padding:1rem}.viewer-stage{height:clamp(320px,45vw,580px);display:flex;align-items:center;justify-content:center;overflow:auto;background:#b9bec0;border:1px solid #7b8c90;scrollbar-color:var(--city-deep) #e3e7e8}.viewer-stage img{display:block;width:100%;max-width:none;max-height:none;object-fit:contain;transition:width .12s ease}.viewer-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding-top:.9rem}.viewer-controls button,.view-selector button{min-height:44px;padding:.5rem .75rem;border:1px solid var(--city-ink);background:#fff;color:var(--city-ink);font-weight:700}.viewer-controls button:hover,.view-selector button:hover{background:var(--soft)}.viewer-controls output{min-width:5rem;font-weight:700}.view-selector{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.9rem}.view-selector button[aria-pressed=true]{background:var(--city-ink);color:#fff}.viewer-description{margin-top:.9rem}.viewer-description summary{min-height:44px;padding:.55rem 0;color:var(--city-deep);font-weight:700;cursor:pointer}.metadata-panel{padding:1.3rem;background:#fff;border-top:6px solid var(--city-cyan)}.metadata-panel h1{font-size:clamp(1.8rem,3vw,3rem)}.metadata-list{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.55rem 1rem;margin:1.25rem 0}.metadata-list dt{font-weight:800;color:var(--city-ink)}.metadata-list dd{margin:0}.notice-box{padding:1rem;background:#fff4db;border:1px solid #8a5b00;color:#432d00}.viewer-note{margin-top:1rem}
/* Concept 04: research desk */
.page-desk{background:#f6f7f2}.page-desk .site-header{border-bottom:4px solid var(--city-green)}.desk-heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;border-bottom:1px solid var(--line);padding:.7rem 0 1.2rem}.desk-heading h1{font-size:clamp(2rem,4vw,3.4rem)}.desk-grid{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.8fr);gap:1.4rem;margin-top:1.5rem}.desk-sidebar{display:grid;gap:1rem;align-content:start}.desk-panel{padding:1.1rem;background:#fff;border:1px solid var(--line)}.desk-panel h2{font-size:1.2rem}.selection-label{display:flex;gap:.7rem;align-items:flex-start;min-height:54px;padding:.7rem 0;border-top:1px solid #d8e0df}.selection-label input{width:1.3rem;height:1.3rem;margin-top:.15rem;accent-color:var(--city-green)}.tag-controls{display:flex;gap:.45rem;flex-wrap:wrap}.tag-toggle{min-height:44px;padding:.45rem .7rem;background:#fff;border:1px solid var(--city-green);color:#263e14;font-weight:700}.tag-toggle[aria-pressed=true]{background:#e7efd9;border-width:2px}.desk-main{min-width:0}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.compare-card{background:#fff;border:1px solid var(--line)}.compare-card img{width:100%;height:230px;object-fit:cover;background:#ddd}.compare-card-body{padding:1rem}.compare-card h2{font-size:1.3rem}.compare-table{width:100%;border-collapse:collapse;margin:1rem 0}.compare-table th,.compare-table td{padding:.7rem .6rem;border-top:1px solid var(--line);text-align:left;vertical-align:top}.compare-table th{width:34%;color:var(--city-ink)}.citation-panel{margin-top:1.25rem;padding:1.1rem;background:#e9efdf;border:1px solid #92a47d}.citation-panel textarea{display:block;width:100%;min-height:8rem;margin:.8rem 0;padding:.7rem;border:1px solid #687960;background:#fff;color:var(--ink)}.desk-status{min-height:1.5em;color:var(--city-ink);font-weight:700}.tag-status{margin-top:.8rem}
@media(max-width:850px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{width:100%}.home-intro,.story-masthead,.story-body,.viewer-layout,.desk-grid{grid-template-columns:1fr}.story-image{min-height:280px}.story-aside{position:static}.catalogue-tools{grid-template-columns:1fr}.filter-panel{order:2}.desk-grid{gap:1rem}.home-intro{align-items:start}.concept-list{grid-template-columns:1fr}}
@media(max-width:560px){main{width:min(100% - 1.2rem,1240px)}.brand{gap:.55rem}.brand img{width:120px}.brand-text{padding-left:.6rem;font-size:.88rem}.site-nav a{padding:.35rem .5rem;font-size:.9rem}.catalogue-heading,.desk-heading{display:block}.results-grid,.compare-grid{grid-template-columns:1fr}.results-grid[data-layout=list] .record-card{grid-template-columns:1fr}.results-grid[data-layout=list] .record-card img{height:230px}.results-head{align-items:flex-start;flex-direction:column}.story-masthead{margin-inline:-.6rem}.story-copy{padding:1.4rem}.story-image{min-height:240px}.story-article p{font-size:1rem}.concept-link{grid-template-columns:3.3rem minmax(0,1fr);gap:.7rem;padding:.9rem}.concept-link img{display:none}.concept-num{font-size:2.1rem}.metadata-list{grid-template-columns:1fr;gap:.15rem}.metadata-list dd{margin-bottom:.6rem}.viewer-stage{height:360px}.viewer-topline{align-items:flex-start;flex-direction:column}.compare-table th{width:37%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.button,.view-selector button[aria-pressed=true],.view-switch button[aria-pressed=true]{forced-color-adjust:auto;border:1px solid ButtonText}.tag,.pill{border:1px solid CanvasText}.record-card,.desk-panel,.metadata-panel{border:1px solid CanvasText}}

/* Compact City Vault visual system: system font, white/neutral surfaces, cyan and teal accents. */
:root{--city-ink:#212529;--city-deep:#005b76;--city-cyan:#2ea9d3;--city-red:#2ea9d3;--city-green:#005b76;--paper:#fff;--white:#fff;--ink:#212529;--muted:#495057;--line:#dee2e6;--soft:#f8f9fa;--warm:#fff;--serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--shadow:0 8px 22px rgba(33,37,41,.08)}
body{background:#fff;color:#212529;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;line-height:1.5}
a{color:#005b76;text-decoration-thickness:1px}a:hover{color:#0e333f}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #005b76;outline-offset:2px}.story-copy :focus-visible{outline-color:#fff}
main{width:min(1180px,100% - 2rem);padding:1rem 0 2.25rem}h1{max-width:24ch;font-size:clamp(1.8rem,3.2vw,2.55rem);line-height:1.12;font-weight:500;letter-spacing:-.02em;color:#212529}h2{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.25;font-weight:500;color:#212529}h3{font-size:1.05rem;line-height:1.3;font-weight:500;color:#212529}.eyebrow,.section-kicker{color:#005b76;letter-spacing:.08em}.small{font-size:.9rem}.muted{color:#495057}.site-header{gap:.75rem;padding:.55rem clamp(.8rem,2.5vw,1.75rem);border-bottom:1px solid #dee2e6}.brand{gap:.7rem;color:#212529}.brand img{width:132px;max-height:44px}.brand-text{padding-left:.75rem;font-size:.9rem;letter-spacing:.025em}.site-nav{gap:.15rem}.site-nav a{min-height:40px;padding:.3rem .55rem;color:#212529;font-weight:500;border-bottom-width:2px}.site-nav a[aria-current=page]{color:#005b76;border-color:#2ea9d3}.site-nav a:hover{background:#f8f9fa;color:#005b76}.button,.button.secondary{min-height:44px;padding:.5rem .85rem;border-radius:2px}.button{background:#2ea9d3;border-color:#2ea9d3;color:#212529}.button:hover{background:#005b76;border-color:#005b76;color:#fff}.button.secondary{background:#fff;border-color:#005b76;color:#005b76}.button.secondary:hover{background:#f8f9fa;color:#0e333f}.text-button{min-height:44px;color:#005b76}.pill,.tag{border-color:#dee2e6;background:#f8f9fa;color:#005b76}.pill{border-radius:2px}.tag{border-radius:2px}.asset-note{margin:1rem 0 0;padding:.7rem .85rem;background:#f8f9fa;border-color:#dee2e6;color:#212529}.site-footer{padding:1rem clamp(.8rem,2.5vw,1.75rem);background:#0e333f}.footer-inner{gap:.75rem}.concept-home,.page-catalogue,.page-story,.page-viewer,.page-desk{background:#fff}
.home-intro{grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr);gap:1.2rem;padding:.8rem 0 1rem;border-bottom:2px solid #2ea9d3}.home-intro p{max-width:62ch}.home-index-note{padding:.75rem .9rem;border-left:3px solid #2ea9d3;background:#f8f9fa}.concept-list{gap:.65rem;margin-top:.8rem}.concept-link{grid-template-columns:3.5rem minmax(0,1fr) 5.25rem;gap:.75rem;min-height:132px;padding:.75rem;background:#fff;border-color:#dee2e6}.concept-link:hover{transform:translateY(-1px);border-color:#005b76}.concept-num{font-size:2rem;color:#005b76}.concept-link img{width:5.25rem;height:5.25rem;background:#f8f9fa}.concept-link h2{margin-bottom:.25rem;font-size:1.12rem}.concept-link p{font-size:.92rem;line-height:1.4}
.catalogue-heading{gap:1rem;padding:.35rem 0 .85rem;border-bottom:2px solid #2ea9d3}.catalogue-heading p{max-width:52ch}.catalogue-tools{grid-template-columns:minmax(14rem,.72fr) minmax(0,2fr);gap:1rem;margin-top:.9rem}.filter-panel{padding:.85rem;background:#f8f9fa;border-color:#dee2e6}.filter-panel fieldset{padding:.55rem 0 0;margin:.7rem 0 0}.filter-panel legend{padding-top:.55rem;color:#212529}.check-row{gap:.5rem;min-height:44px;padding:.25rem 0}.check-row input,.selection-label input{accent-color:#005b76}.search-form{gap:.5rem}.field label{margin-bottom:.2rem}.field input,.field select{min-height:44px;padding:.45rem .65rem;border:1px solid #6c757d}.results-head{margin:.8rem 0;gap:.75rem}.view-switch{gap:.2rem}.view-switch button{min-height:40px;padding:.35rem .6rem;border-color:#005b76;color:#005b76}.view-switch button[aria-pressed=true]{background:#005b76;color:#fff}.results-grid{gap:.7rem}.record-card{border-color:#dee2e6}.record-card img{height:178px;background:#f8f9fa}.record-card-body{padding:.8rem}.record-card h2{font-size:1.18rem}.record-meta{gap:.35rem;margin:.45rem 0 .75rem}
.page-story{background:#fff}.page-story .site-header,.page-desk .site-header{border-bottom:2px solid #2ea9d3}.page-story h1,.page-story h2{font-family:var(--sans);font-weight:500;letter-spacing:-.015em}.story-masthead{grid-template-columns:minmax(0,1fr) minmax(17rem,.88fr);min-height:310px;background:#0e333f}.story-copy{padding:1.2rem clamp(1.2rem,3vw,2.2rem)}.story-copy h1{max-width:17ch;font-size:clamp(1.8rem,3.2vw,2.55rem);color:#fff}.story-copy .eyebrow{color:#bde9f5}.story-copy p{max-width:58ch;color:#f8f9fa}.story-image{min-height:250px;padding:1rem;background:#f8f9fa}.story-image img{max-height:320px}.story-body{grid-template-columns:minmax(0,2fr) minmax(15rem,.8fr);gap:1.5rem;margin-top:1.35rem}.story-article{max-width:72ch}.story-article h2{margin-top:1.25rem}.story-article p{font-size:1rem}.story-aside{top:.75rem;padding:.9rem;background:#f8f9fa;border-top:3px solid #2ea9d3}.story-source{padding:.75rem 0;border-top:1px solid #dee2e6}.story-source summary{min-height:44px}.story-source h3{font-size:1rem}
.page-viewer .site-header{background:#fff;border-color:#dee2e6}.page-viewer .brand,.page-viewer .site-nav a{color:#212529}.page-viewer .brand-text{border-color:#dee2e6}.page-viewer .site-nav a[aria-current=page]{color:#005b76;border-color:#2ea9d3}.viewer-topline{margin-bottom:.7rem}.viewer-layout{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.8fr);gap:1rem}.viewer-workspace{padding:.75rem;background:#f8f9fa;border-color:#dee2e6}.viewer-stage{height:clamp(260px,34vw,430px);background:#e9ecef;border-color:#6c757d}.viewer-controls{gap:.4rem;padding-top:.6rem}.viewer-controls button,.view-selector button{min-height:44px;padding:.4rem .65rem;border-color:#005b76;color:#005b76}.viewer-controls button:hover,.view-selector button:hover{background:#f8f9fa}.view-selector{gap:.35rem;margin-top:.6rem}.view-selector button[aria-pressed=true]{background:#005b76;color:#fff}.viewer-description{margin-top:.6rem}.viewer-description summary{padding:.35rem 0;color:#005b76}.metadata-panel{padding:.95rem;background:#fff;border:1px solid #dee2e6;border-top:3px solid #2ea9d3}.metadata-panel h1{font-size:clamp(1.65rem,2.5vw,2.25rem)}.metadata-list{grid-template-columns:7rem minmax(0,1fr);gap:.35rem .75rem;margin:.85rem 0}.notice-box{padding:.75rem;background:#f8f9fa;border:1px solid #2ea9d3;color:#212529}.viewer-note{margin-top:.75rem}
.page-desk{background:#fff}.desk-heading{gap:1rem;padding:.35rem 0 .85rem;border-color:#dee2e6}.desk-heading h1{font-size:clamp(1.8rem,3vw,2.45rem)}.desk-grid{grid-template-columns:minmax(15rem,.72fr) minmax(0,1.8fr);gap:1rem;margin-top:.9rem}.desk-sidebar{gap:.7rem}.desk-panel{padding:.85rem;background:#f8f9fa;border-color:#dee2e6}.desk-panel h2{font-size:1.1rem}.selection-label{gap:.55rem;min-height:46px;padding:.45rem 0;border-color:#dee2e6}.tag-controls{gap:.35rem}.tag-toggle{min-height:44px;padding:.35rem .6rem;background:#fff;border-color:#005b76;color:#005b76}.tag-toggle[aria-pressed=true]{background:#e9f6fa;border:2px solid #005b76;color:#212529}.desk-main{min-width:0}.compare-grid{gap:.7rem}.compare-card{border-color:#dee2e6}.compare-card img{height:178px;background:#f8f9fa}.compare-card-body{padding:.8rem}.compare-card h2{font-size:1.15rem}.compare-table{margin:.75rem 0}.compare-table th,.compare-table td{padding:.45rem .5rem;border-color:#dee2e6}.compare-table th{color:#005b76}.citation-panel{margin-top:.9rem;padding:.85rem;background:#f8f9fa;border-color:#dee2e6}.citation-panel textarea{min-height:7rem;margin:.6rem 0;padding:.6rem;border-color:#6c757d}.desk-status{min-height:1.4em;color:#212529}.tag-status{margin-top:.6rem}
@media(max-width:850px){.home-intro,.story-masthead,.story-body,.viewer-layout,.desk-grid{grid-template-columns:1fr}.story-image{min-height:220px}.story-aside{position:static}.catalogue-tools{grid-template-columns:1fr}.filter-panel{order:2}.home-intro{align-items:start}.concept-list{grid-template-columns:1fr}}
@media(max-width:560px){main{width:min(100% - 1.2rem,1180px);padding:.8rem 0 1.6rem}.site-header{padding:.5rem .65rem}.brand{gap:.5rem}.brand img{width:112px}.brand-text{padding-left:.55rem;font-size:.88rem}.site-nav a{min-height:40px;padding:.3rem .45rem;font-size:.9rem}.catalogue-heading,.desk-heading{display:block}.results-grid,.compare-grid{grid-template-columns:1fr}.results-grid[data-layout=list] .record-card{grid-template-columns:1fr}.results-grid[data-layout=list] .record-card img{height:178px}.results-head{align-items:flex-start;flex-direction:column}.story-masthead{margin-inline:0;min-height:0}.story-copy{padding:1rem}.story-image{min-height:210px}.story-article p{font-size:1rem}.concept-link{grid-template-columns:2.4rem minmax(0,1fr) 3.6rem;gap:.5rem;min-height:104px;padding:.55rem}.concept-link img{display:block;width:3.6rem;height:3.6rem}.concept-num{font-size:1.6rem}.concept-link h2{font-size:1rem}.concept-link p{font-size:.88rem}.metadata-list{grid-template-columns:1fr;gap:.1rem}.metadata-list dd{margin-bottom:.45rem}.viewer-stage{height:300px}.viewer-topline{align-items:flex-start;flex-direction:column}.compare-table th{width:37%}.footer-inner{flex-direction:column}}
