:root {
  --ink:#292923; --ink-soft:#6e6d61; --paper:#f6f3eb; --paper-deep:#ece8dc; --card:#fffdf7;
  --red:#79272b; --red-deep:#602025; --gold:#a88645; --gold-bright:#e0c28b; --line:#dedbce;
  --green:#46614e; --shadow:0 20px 65px #29292315;
  --serif:"Newsreader",Georgia,serif; --sans:"Be Vietnam Pro",system-ui,sans-serif;
  --header-h:86px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:160px;overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans);max-width:100%}
img,svg,video,canvas{max-width:100%}
body.dialog-open{overflow:hidden}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}
button{color:inherit}button:disabled{opacity:.4;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.12}
img{display:block;width:100%;height:auto}svg{display:block}em{font-weight:400}ol,ul{margin:0;padding:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:fixed;z-index:100;left:16px;top:-100px;padding:12px;background:var(--ink);color:white}.skip-link:focus{top:12px}
.eyebrow,.small-label{font-size:10px;letter-spacing:.15em;font-weight:600;line-height:1.7;text-transform:uppercase}
.eyebrow{color:var(--red)}.tiny-star{display:inline-block;font-size:21px;vertical-align:middle;margin-right:10px}
.site-header{position:sticky;z-index:30;top:0;background:#f6f3ebf5;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}
.header-inner{max-width:1560px;height:86px;margin:auto;padding:0 44px;display:flex;gap:32px;align-items:center}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:44px;height:44px;flex:none}.footer-brand .brand-mark{width:36px;height:36px}.brand strong{font:500 28px/1 var(--serif);letter-spacing:-.8px}.brand small{display:block;margin-top:7px;font-size:9px;letter-spacing:.28em;color:var(--red)}
.main-nav{display:flex;gap:26px;margin:auto;align-self:stretch;align-items:center;white-space:nowrap}.main-nav a{font-size:12px;position:relative;height:100%;display:flex;align-items:center;color:var(--ink-soft);font-weight:500}.main-nav a[aria-current=page]{color:var(--red)}.main-nav a[aria-current=page]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--red)}
.search-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:transparent;font-size:11px;color:var(--ink-soft)}.search-trigger svg,.list-search svg,.global-search svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.search-trigger kbd{font:10px var(--sans);border:1px solid var(--line);padding:0 5px;border-radius:3px;margin-left:8px}
.hero{max-width:1410px;margin:0 auto;min-height:456px;padding:62px 56px 50px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.hero h1{font-size:clamp(44px,5.2vw,76px);line-height:.98;letter-spacing:-2.5px;margin:22px 0}.hero h1 em{color:var(--red)}.hero-description{max-width:430px;color:var(--ink-soft);font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:42px;padding:10px 18px;border:1px solid var(--line);border-radius:4px;background:var(--card);font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:var(--paper-deep)}.button.primary{background:var(--red);color:var(--card);border-color:var(--red)}.button.primary:hover{background:var(--red-deep);transform:translateY(-1px)}.button.subtle{background:transparent;color:var(--ink-soft)}.text-link{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px}.text-button{border:0;background:transparent;padding:0;color:var(--red);font-size:11px;text-align:left;line-height:1.7}.text-button:hover{text-decoration:underline;text-underline-offset:4px}
.hero-stats{display:flex;gap:26px;margin-top:30px;font-size:10px;color:var(--ink-soft)}.hero-stats strong{font:500 22px var(--serif);color:var(--ink);margin-right:5px}
.hero-art{height:342px;position:relative}.hero-art-paper{position:absolute;inset:0 22px 25px 50px;background:#e2decd;transform:rotate(4deg)}.hero-photo{position:absolute;inset:8px 22px 24px 30px;transform:rotate(-3deg);background:#b6b49c;overflow:hidden;box-shadow:0 10px 20px #29292312}.hero-photo img{height:100%;object-fit:cover;filter:saturate(.65)}.hero-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 9px #ffffff26}.hero-art-label{position:absolute;right:43px;bottom:48px;background:var(--card);font-size:8px;letter-spacing:.18em;padding:8px 12px;transform:rotate(-3deg)}.hero-art-coordinate{position:absolute;bottom:4px;right:28px;font-size:8px;letter-spacing:.16em;color:var(--ink-soft)}.hero-object{position:absolute;left:-24px;bottom:-10px;width:178px;background:var(--card);padding:13px 13px 9px;box-shadow:0 12px 30px #2929231c;transform:rotate(5deg);border:1px solid #e3dfd1}.hero-object img{height:114px;object-fit:contain;background:#ece8dd}.hero-object span{display:block;font:500 14px var(--serif);margin-top:8px}.hero-object small{display:block;font-size:8px;color:var(--ink-soft);margin-top:3px}.hero .media-credit{font-size:8px;position:absolute;top:14px;left:45px;right:40px;color:white;z-index:2;text-shadow:0 1px 4px black;transform:rotate(-3deg)}
.discovery-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1298px;margin:2px auto 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discovery-strip>a{display:flex;align-items:center;gap:18px;padding:21px 25px;transition:background .2s}.discovery-strip>a:hover{background:var(--paper-deep)}.discovery-strip>a+a{border-left:1px solid var(--line)}.strip-icon{font:32px var(--serif);color:var(--red)}.discovery-strip small{display:block;font-size:8px;letter-spacing:.12em;color:var(--ink-soft);margin-bottom:3px}.discovery-strip strong{font:500 21px var(--serif)}.discovery-strip>a>span:last-child{margin-left:auto;color:var(--red)}
.explorer{max-width:1450px;margin:0 auto;padding:0 44px 60px;scroll-margin-top:102px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-heading h2{font-size:43px;letter-spacing:-1px;margin:8px 0}.section-heading>div>p:last-child{color:var(--ink-soft);font-size:12px;max-width:740px}.section-heading>.button{flex-shrink:0}
.explorer-toolbar{position:sticky;top:var(--header-h);z-index:21;display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 0;background:#f6f3ebf7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.list-search{display:flex;align-items:center;gap:10px;max-width:350px;flex:1;min-width:130px;padding-right:12px;border-right:1px solid var(--line);color:var(--ink-soft)}.list-search input{width:100%;font-size:12px;background:transparent;border:0;color:var(--ink);padding:8px 0;outline-offset:0}.list-search input::placeholder{color:#8a897d}.select-wrap{display:flex;gap:8px;align-items:center}.select-wrap>span{font-size:10px;color:var(--ink-soft)}select{border:1px solid var(--line);border-radius:4px;background:var(--card);padding:9px 26px 9px 10px;color:var(--ink);max-width:240px;font-size:11px}.section-controls{display:flex;gap:12px;align-items:center;margin-left:auto;flex-shrink:0}.segment{display:inline-flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.segment button{border:0;background:transparent;color:var(--ink-soft);font-size:11px;padding:9px 13px;white-space:nowrap}.segment button[aria-pressed=true]{color:var(--card);background:var(--ink)}.check-control{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-soft)}.check-control input{accent-color:var(--red);width:14px;height:14px}.mobile-filter-toggle{display:none}
.filter-panel{padding:13px 0 0}.filter-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 8px}.filter-chip{border:1px solid transparent;background:transparent;color:var(--ink-soft);padding:6px 11px;white-space:nowrap;border-radius:20px;font-size:10px;font-weight:500;display:flex;align-items:center;gap:6px}.filter-chip i{height:5px;width:5px;display:inline-block;border-radius:50%;background:var(--c,var(--red))}.filter-chip.active{background:var(--ink);color:white}.filter-chip.active i{background:var(--gold-bright)}.filter-chip:hover{border-color:var(--line)}.result-bar{display:flex;justify-content:space-between;gap:20px;margin:4px 0 21px;font-size:10px;color:var(--ink-soft)}.result-bar strong{color:var(--ink);font-weight:600}
.atlas-layout{display:grid;grid-template-columns:164px minmax(0,1fr) 215px;gap:30px;align-items:start}.atlas-layout.wide{grid-template-columns:164px minmax(0,1fr)}.atlas-layout.wide .context-sidebar{display:none}.atlas-layout.full{display:block}.atlas-layout.full .era-sidebar,.atlas-layout.full .context-sidebar{display:none}
.era-sidebar{position:sticky;top:173px;max-height:calc(100vh - 195px);overflow:auto;scrollbar-width:thin;padding-right:8px}.era-sidebar>.eyebrow{font-size:8px;color:var(--ink-soft);margin-bottom:16px}.era-sidebar nav{display:flex;flex-direction:column;border-left:1px solid var(--line)}.era-sidebar nav button{position:relative;text-align:left;border:0;background:transparent;padding:8px 12px 8px 15px;font-size:11px;line-height:1.4;color:var(--ink-soft)}.era-sidebar nav button small{display:block;font-size:8px;margin-top:3px;opacity:.8}.era-sidebar nav button.active{color:var(--red);font-weight:600;background:#79272b06}.era-sidebar nav button.active:before{content:"";position:absolute;left:-2px;top:9px;bottom:9px;background:var(--red);width:3px}.sidebar-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.sidebar-bottom>.small-label{font-size:8px;color:var(--ink-soft)}.sidebar-bottom>strong{display:block;font:500 30px var(--serif);color:var(--red);margin:4px 0 12px}.sidebar-bottom form{display:flex;border-bottom:1px solid var(--line);padding-bottom:6px;gap:4px;margin-bottom:9px}.sidebar-bottom input{width:100%;min-width:0;border:0;background:transparent;font-size:10px}.sidebar-bottom form button{border:0;background:transparent;font-size:18px;color:var(--red)}
.main-content{min-width:0}.context-sidebar{position:sticky;top:175px}.context-card{border:1px solid var(--line);padding:19px;background:var(--card);position:relative}.context-card:before{content:"";display:block;width:25px;height:3px;background:var(--red);margin-bottom:17px}.context-card>.eyebrow{font-size:8px}.context-card h3{font-size:24px;margin:8px 0 17px}.context-block{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.context-block>small{display:block;color:var(--ink-soft);font-size:8px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.context-block p{font-size:11px;line-height:1.7}.context-block strong{font:500 25px var(--serif)}.context-block a,.context-block button{font-size:11px;border:0;background:transparent;text-align:left;color:var(--red);padding:3px 0}.context-note{font-size:9px;color:var(--ink-soft);margin-top:15px;line-height:1.65}.source-promise{padding:22px 10px;margin-top:15px}.source-symbol{display:block;color:var(--gold);font-size:25px;margin-bottom:12px}.source-promise strong{font:500 23px/1.2 var(--serif)}.source-promise p{font-size:10px;color:var(--ink-soft);margin:12px 0}.source-promise .text-button{font-size:9px}
.period-overview{padding:24px 27px;background:var(--paper-deep);margin-bottom:22px;border-left:3px solid var(--red)}.period-overview h3{font-size:30px;margin:6px 0 10px}.period-overview p{font-size:12px;color:var(--ink-soft)}.period-overview .overview-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}
.timeline-caption{display:flex;justify-content:space-between;gap:12px;color:var(--ink-soft);font-size:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}.timeline-caption>span:first-child{display:flex;align-items:center;gap:8px}.legend-line{width:20px;height:5px;background:var(--red);border-radius:5px}.timeline-shell{position:relative}.events-list{list-style:none;position:relative;z-index:2;margin:0 0 0 var(--card-left);padding:0}.event-row{position:relative;scroll-margin-top:175px}.event-card{display:block;width:100%;border:1px solid var(--line);background:var(--card);padding:21px 22px;text-align:left;cursor:pointer;position:relative;transition:border-color .2s,box-shadow .2s;overflow:hidden}.event-card:hover,.event-card:focus-visible{border-color:#ada38a;box-shadow:0 6px 20px #2929230a}.event-meta{font-size:8px;display:flex;align-items:center;gap:10px;color:var(--c,var(--ink-soft));font-weight:600;letter-spacing:.045em}.event-meta time{color:var(--ink-soft);flex-shrink:0}.event-card h3{font-size:25px;margin:8px 0 10px;letter-spacing:-.3px}.event-card>p,.event-text>p{font-size:11px;color:var(--ink-soft);line-height:1.8}.event-foot{display:flex;align-items:center;gap:12px;margin-top:15px}.event-foot>small{font-size:8px;color:var(--ink-soft)}.event-arrow{margin-left:auto;color:var(--red);font-size:17px}.event-card .card-topic{font-size:8px;display:flex;align-items:center;gap:5px;color:var(--c)}.card-topic:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.event-row.period .event-card{background:#ede9dd;border-left:3px solid var(--c);padding:17px 20px}.event-row.period h3{font-size:23px}.event-row.featured:not(.period) .event-card{border-top:2px solid var(--c)}.event-row.compact .event-card{padding:13px 18px}.event-row.in-period .event-card,.event-row.is-band-source .event-card{border-color:var(--c)}.era-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0 15px}.era-head>span{font:500 21px var(--serif);color:var(--red)}.era-head>small{font-size:8px;color:var(--ink-soft)}.year-mark text{fill:var(--ink-soft);font:9px var(--sans)}.year-mark line{stroke:var(--line)}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{position:relative;background:var(--card);border:1px solid var(--line);overflow:hidden;text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,box-shadow .2s}.catalog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.catalog-image{height:200px;overflow:hidden;background:#e8e3d6;position:relative}.catalog-image img{height:100%;object-fit:cover;object-position:top center;transition:transform .4s;filter:saturate(.75)}.catalog-card:hover img{transform:scale(1.035)}.catalog-image.contain{padding:15px;background:#ece8dc}.catalog-image.contain img{object-fit:contain;mix-blend-mode:multiply}.catalog-body{padding:19px;flex:1;display:flex;flex-direction:column}.catalog-body .eyebrow{font-size:8px}.catalog-body h3{font-size:27px;margin:9px 0}.catalog-body p{color:var(--ink-soft);font-size:11px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-foot{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:9px;color:var(--ink-soft)}.catalog-foot span:last-child{margin-left:auto;font-size:18px;color:var(--red)}.portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.portrait-grid .catalog-image{height:195px}.portrait-grid .catalog-image img{object-position:center 22%}.portrait-grid .catalog-body{padding:16px}.portrait-grid .catalog-body h3{font-size:24px}.portrait-placeholder{height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e9e2d4,#d9d6c9);color:#afa38b}.portrait-placeholder:before{content:"";position:absolute;width:120px;height:120px;border:1px solid #c5baa4;border-radius:50%}.portrait-placeholder span{font:italic 50px var(--serif);z-index:1}.placeholder-label{position:absolute;bottom:12px;text-align:center;left:0;right:0;font-size:7px;letter-spacing:.12em;color:#777465}.object-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#ccc5b240 30px),#e9e4d6;color:#a69370;font:60px var(--serif);position:relative}.date-ribbon{position:absolute;top:12px;left:12px;z-index:1;font-size:8px;background:var(--card);padding:5px 8px;max-width:80%;box-shadow:0 2px 5px #00000005}.collection-intro{display:flex;gap:25px;align-items:center;padding:25px;background:#e9e6d9;margin-bottom:25px}.collection-intro>span{font:60px var(--serif);color:var(--red)}.collection-intro h3{font-size:28px;margin-bottom:8px}.collection-intro p{font-size:11px;color:var(--ink-soft);max-width:660px}
.empty-state{text-align:center;padding:70px 20px;border:1px dashed var(--line)}.empty-state>span{font:70px var(--serif);color:var(--gold)}.empty-state h3{font-size:30px}.empty-state p{margin:12px 0 25px;color:var(--ink-soft)}.load-error{margin:24px;padding:24px;background:#f8e7e4;border:1px solid #bc736b}
.map-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);gap:23px;align-items:start}.map-frame{position:sticky;top:175px;border:1px solid var(--line);background:#e9eeea;overflow:hidden}.map-heading{position:absolute;z-index:2;top:20px;left:20px;right:20px;pointer-events:none}.map-heading h3{font-size:28px}.map-heading p{font-size:9px;color:var(--ink-soft);max-width:260px;margin-top:6px}.atlas-map{width:100%;height:auto;min-height:520px}.map-country{fill:#f7f4e8;stroke:#b3b8a3;stroke-width:1}.map-neighbor{fill:#dde1d4;stroke:#c5cbbd;stroke-width:.7}.map-island{fill:#f4f0e2;stroke:#b3b8a3;stroke-width:.7}.map-grid{stroke:#c3d0ca;stroke-width:.5;fill:none}.map-label{fill:#76847d;font:9px var(--sans);letter-spacing:.1em}.map-place{cursor:pointer}.map-place circle{fill:var(--red);stroke:var(--card);stroke-width:2;transition:r .2s}.map-place:hover circle,.map-place:focus circle{r:8;fill:var(--green)}.map-place text{fill:var(--ink);font:10px var(--sans);paint-order:stroke;stroke:#f7f4e8;stroke-width:3;stroke-linejoin:round}.map-route{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:6 5;opacity:.8}.map-note{padding:12px 18px;background:#f7f4e8;font-size:9px;color:var(--ink-soft);line-height:1.8;border-top:1px solid var(--line)}.map-actions{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--card);border-bottom:1px solid var(--line)}.map-actions select{width:100%;font-size:10px}.place-list{display:flex;flex-direction:column;gap:14px}.place-card{display:grid;grid-template-columns:96px minmax(0,1fr);border:1px solid var(--line);background:var(--card);text-align:left;padding:0;overflow:hidden;cursor:pointer}.place-card .place-thumb{height:100%;min-height:115px;background:var(--paper-deep)}.place-thumb img{height:100%;object-fit:cover}.place-card>div:last-child{padding:14px}.place-card h3{font-size:23px;margin:5px 0}.place-card small{font-size:8px;color:var(--red)}.place-card p{font-size:10px;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.place-card:hover{border-color:var(--gold)}.route-description{padding:14px 18px;font-size:10px;border-top:1px solid var(--line);background:var(--card)}
.data-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:25px}.data-intro p{color:var(--ink-soft);font-size:11px;max-width:540px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.metric-card{border:1px solid var(--line);background:var(--card);padding:14px;text-align:left;position:relative}.metric-card.active{border-color:var(--red);background:#f2eae2}.metric-card small{font-size:9px;color:var(--ink-soft);line-height:1.35;display:block}.metric-card strong{display:block;font:500 24px var(--serif);margin:8px 0 3px}.metric-card span{font-size:8px;color:var(--ink-soft)}.metric-card.active:after{content:"↗";position:absolute;right:13px;top:13px;color:var(--red)}.chart-panel{border:1px solid var(--line);padding:26px;background:var(--card);margin-bottom:22px}.chart-top{display:flex;justify-content:space-between;gap:25px;align-items:start}.chart-top h3{font-size:31px}.chart-top p{font-size:10px;color:var(--ink-soft);margin-top:7px;max-width:650px}.chart-number{font:500 28px var(--serif);color:var(--red);white-space:nowrap}.chart-number small{display:block;font:9px var(--sans);text-align:right;color:var(--ink-soft);margin-top:4px}.chart-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 10px}.chart-controls label{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--ink-soft)}.chart-controls input[type=number]{width:78px;padding:7px 8px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:11px}.chart-controls .text-button{margin-left:auto}.chart-wrap{position:relative}.series-chart{width:100%;height:auto;touch-action:pan-y;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.chart-axis-label{fill:var(--ink-soft);font:10px var(--sans)}.chart-line{fill:none;stroke:var(--red);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:url(#chartFill);opacity:.28}.chart-tooltip{position:absolute;background:var(--ink);color:white;padding:8px 12px;font-size:11px;border-radius:4px;pointer-events:none;z-index:2;white-space:nowrap}.chart-foot{font-size:9px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:14px;line-height:1.9}.chart-foot a{text-decoration:underline}.chart-year{display:flex;gap:14px;align-items:center;margin:12px 0 20px}.chart-year label{font-size:10px;white-space:nowrap}.chart-year input{width:100%;accent-color:var(--red)}.chart-year output{font:500 21px var(--serif);color:var(--red)}.data-table-wrap{max-height:350px;overflow:auto;margin-top:15px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th,td{border-bottom:1px solid var(--line);padding:9px 12px}th{background:var(--paper-deep);font-weight:500;position:sticky;top:0}details{margin-top:16px}summary{cursor:pointer;color:var(--red);font-size:11px}.comparison-panel{padding-top:25px;border-top:1px solid var(--line);margin-top:25px}.data-note{font-size:10px;color:var(--ink-soft);padding:17px 20px;background:var(--paper-deep);line-height:1.9}
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid .catalog-image{height:210px}.story-step{position:relative;padding:25px 0 25px 43px;border-top:1px solid var(--line)}.story-step-number{position:absolute;left:0;top:25px;color:var(--red);font:italic 26px var(--serif)}.story-step h3{font-size:28px;margin-bottom:12px}.story-step p{color:var(--ink-soft);font-size:13px;line-height:1.9}.story-step .text-button{margin-top:12px}.story-progress{display:flex;gap:6px;margin:20px 0}.story-progress a{height:5px;flex:1;background:var(--line)}.story-progress a:hover{background:var(--red)}
.closing-note{border-top:1px solid var(--line);text-align:center;padding:56px 24px 60px;background:#ece9dd}.closing-note .tiny-star{color:var(--red);font-size:25px;margin:0 0 16px}.closing-note p{font:400 35px/1.18 var(--serif);margin-bottom:22px}.closing-note em{color:var(--red)}.site-footer{max-width:1450px;margin:auto;padding:35px 44px;display:flex;align-items:center;gap:35px}.footer-brand strong{font-size:24px}.footer-brand small{font-size:7px}.site-footer>p{font-size:9px;color:var(--ink-soft);margin-right:auto}.site-footer .text-button{font-size:9px;white-space:nowrap}
dialog{color:var(--ink);background:var(--paper);border:0;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:#26282066;backdrop-filter:blur(3px)}.detail-dialog{width:min(640px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0 0 0 auto;overflow-y:auto}.dialog-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 25px;background:#f6f3ebf7;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.dialog-toolbar>div{display:flex;gap:6px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:23px;line-height:1}.icon-button:hover{background:var(--paper-deep)}.dialog-toolbar .eyebrow{font-size:9px}.detail-visual{background:#ebe6d8;position:relative;display:flex;flex-direction:column;align-items:stretch}.detail-visual .detail-image-open{display:block;width:100%;margin:0;padding:0;border:0;background:#ebe6d8;cursor:zoom-in}.detail-visual img{width:100%;height:auto;max-height:min(72vh,680px);object-fit:contain;object-position:center;display:block}.detail-visual.contain .detail-image-open{padding:20px}.detail-visual.contain img,.detail-visual.portrait img{object-fit:contain;max-height:min(72vh,680px)}.detail-visual figcaption{padding:10px 25px;font-size:9px;line-height:1.7;color:var(--ink-soft)}figure{margin:0}.detail-body{padding:28px 34px}.detail-body>.eyebrow{font-size:9px}.detail-body h2{font-size:43px;letter-spacing:-.7px;margin:11px 0 20px}.detail-lead{font-size:15px;line-height:1.9;color:var(--ink-soft)}.detail-section{margin-top:30px}.detail-section h3{font-size:25px;margin-bottom:13px}.detail-section p{font-size:12px;color:var(--ink-soft);line-height:1.9}.detail-facts{margin-top:26px;border-top:1px solid var(--line)}.detail-fact{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-fact strong{font-weight:500;color:var(--ink-soft)}.detail-chips{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.detail-chip{font-size:9px;padding:5px 9px;border:1px solid var(--line);border-radius:20px}.detail-related{display:flex;flex-direction:column;gap:8px}.related-link{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);padding:12px;font-size:12px}.related-link>small{margin-left:auto;font-size:9px;color:var(--ink-soft);flex:none}.related-link>span:last-child{color:var(--red)}.source-list{list-style:none;display:flex;flex-direction:column;gap:12px}.source-list a{font-size:11px;text-decoration:underline;text-underline-offset:3px}.source-list small{display:block;font-size:9px;color:var(--ink-soft);margin-top:4px}.source-note{font-size:10px!important;background:var(--paper-deep);padding:13px 16px;margin-top:14px}.detail-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 34px;border-top:1px solid var(--line)}.detail-footer>span{font-size:9px;color:var(--ink-soft)}.image-switch{display:flex;gap:10px;padding:0 25px 15px}.image-switch button{font-size:10px;padding:7px 12px;border:1px solid var(--line);background:var(--card);border-radius:4px}.image-switch button[aria-pressed=true]{background:var(--ink);color:white}

.image-viewer{width:min(96vw,1100px);max-width:100%;height:min(96dvh,100%);max-height:100dvh;margin:auto;padding:0;background:#1c1a16;color:#f4efe4}
.image-viewer .dialog-toolbar{background:#1c1a16f2;border-bottom-color:#3a372f}
.image-viewer .icon-button{border-color:#5a564a;color:#f4efe4}
.image-viewer-body{display:flex;align-items:center;justify-content:center;min-height:0;height:calc(96dvh - 64px);padding:12px 16px 20px}
.image-viewer-body img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block}
.search-dialog{width:min(680px,calc(100% - 32px));max-height:80dvh;border:1px solid var(--line);border-radius:7px;margin:12vh auto auto}.search-dialog h2{font-size:26px}.global-search{display:flex;gap:12px;align-items:center;padding:22px 25px 12px}.global-search input{width:100%;border:0;background:transparent;font-size:16px;outline-offset:5px}.search-hint{font-size:10px;color:var(--ink-soft);padding:0 25px 18px}.search-results-list{padding:0 25px 25px;display:flex;flex-direction:column;gap:8px}.search-result{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;background:var(--card);border:1px solid var(--line);padding:12px 15px}.search-result strong{font:500 21px var(--serif);display:block}.search-result small{font-size:9px;color:var(--ink-soft)}.search-result>span:last-child{color:var(--red)}.search-count{font-size:10px;color:var(--ink-soft);padding:0 25px 12px}
.guide-dialog{width:min(650px,calc(100% - 32px));max-height:85dvh;border-radius:6px}.guide-body{padding:25px 32px 35px}.guide-body h2{font-size:37px;margin-bottom:20px}.guide-body h3{font-size:25px;margin:24px 0 10px}.guide-body p,.guide-body li{font-size:12px;color:var(--ink-soft);line-height:1.9}.guide-body ul{padding-left:20px}.guide-body a{text-decoration:underline;color:var(--red)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--card);padding:12px 22px;font-size:12px;z-index:100;border-radius:5px;box-shadow:var(--shadow)}
@media(min-width:1600px){.hero{gap:100px}.hero-art{height:365px}}
@media(max-width:1250px){.header-inner{padding:0 28px;gap:20px}.main-nav{gap:17px}.search-trigger span,.search-trigger kbd{display:none}.search-trigger{padding:9px}.hero{gap:40px;padding:50px 45px}.hero-art{height:305px}.discovery-strip{margin-left:44px;margin-right:44px}.atlas-layout{grid-template-columns:145px minmax(0,1fr);gap:25px}.context-sidebar{display:none}.atlas-layout.wide{grid-template-columns:145px minmax(0,1fr)}.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.explorer{padding-left:30px;padding-right:30px}.section-controls{gap:8px}.check-control{font-size:9px}.list-search{max-width:270px}.hero h1{font-size:65px}.hero-actions{gap:17px}.discovery-strip strong{font-size:19px}}
@media(max-width:1000px){.header-inner{height:76px;gap:20px;padding:0 24px}.brand strong{font-size:24px}.brand-mark{width:36px;height:36px}.main-nav{gap:15px}.main-nav a{font-size:10px}.brand small{font-size:7px}.hero{padding:40px 30px;gap:25px;min-height:385px}.hero h1{font-size:54px}.hero-description{font-size:12px}.hero-art{height:270px}.hero-object{width:135px;left:0}.hero-object img{height:85px}.hero-art-coordinate{font-size:6px}.hero-actions{flex-wrap:wrap;gap:13px}.hero-stats{gap:15px}.hero-stats strong{font-size:20px}.discovery-strip{margin:5px 30px 40px}.discovery-strip>a{padding:18px 14px;gap:12px}.discovery-strip strong{font-size:17px}.discovery-strip small{font-size:7px}.strip-icon{font-size:25px}:root{--header-h:76px}.explorer-toolbar{top:var(--header-h)}.atlas-layout,.atlas-layout.wide{grid-template-columns:126px minmax(0,1fr);gap:20px}.era-sidebar{top:160px}.era-sidebar nav button{font-size:10px;padding-left:10px}.select-wrap>span{display:none}.section-heading h2{font-size:37px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-image{height:190px}.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portrait-grid .catalog-image{height:160px}.portrait-grid .catalog-body h3{font-size:22px}.portrait-grid .catalog-body p{font-size:10px}.section-controls select{max-width:175px}.segment button{padding:9px;font-size:10px}.check-control{display:none}.map-layout{grid-template-columns:minmax(0,1.2fr) minmax(210px,1fr);gap:15px}.map-place text{font-size:11px}.place-card{grid-template-columns:70px 1fr}.place-card h3{font-size:20px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card{padding:12px}.metric-card strong{font-size:23px}.hero .media-credit{font-size:7px}}
@media(max-width:1024px){
  html{scroll-padding-top:155px}.header-inner{height:auto;min-height:104px;padding:14px 19px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.brand{gap:8px}.brand strong{font-size:25px}.brand small{margin-top:5px}.main-nav{grid-column:1/-1;grid-row:2;overflow-x:auto;width:100%;gap:22px;margin:0;height:35px;scrollbar-width:none}.main-nav a{font-size:10px;flex:none;padding-bottom:10px}.search-trigger{grid-column:2;grid-row:1;width:33px;height:33px;justify-content:center}.hero{display:grid;grid-template-columns:1fr;gap:25px;padding:34px 24px 29px;min-height:0}.hero h1{font-size:53px;margin:17px 0;letter-spacing:-1.5px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-description{max-width:430px;font-size:12px}.hero-actions{margin-top:21px;gap:20px}.hero-actions .button{font-size:11px;min-height:42px;padding:10px 15px}.hero-actions .text-link{font-size:10px}.hero-stats{margin-top:23px;gap:20px;font-size:8px}.hero-stats strong{font-size:23px}.hero-art{height:210px;max-width:390px;width:100%;justify-self:center;margin-top:5px}.hero-photo{inset:0 20px 12px 45px}.hero-art-paper{inset:-3px 20px 15px 52px}.hero-object{width:125px;left:10px;bottom:-6px;padding:10px}.hero-object img{height:83px}.hero-object span{font-size:12px}.hero-object small{font-size:7px}.hero-art-label{font-size:6px;right:35px;bottom:35px}.hero-art-coordinate{bottom:-7px;right:24px;font-size:6px}.hero .media-credit{font-size:6px;left:58px;top:7px}.discovery-strip{margin:8px 20px 32px;grid-template-columns:1fr}.discovery-strip>a{padding:14px 7px;gap:15px}.discovery-strip>a+a{border-left:0;border-top:1px solid var(--line)}.discovery-strip strong{font-size:20px}.discovery-strip small{font-size:7px}.strip-icon{width:25px;text-align:center}.discovery-strip>a>span:last-child{font-size:15px}
  .explorer{padding:0 18px 40px;scroll-margin-top:119px}.section-heading{align-items:start;gap:10px;margin-bottom:18px}.section-heading h2{font-size:34px;margin:7px 0 8px;letter-spacing:-.7px}.section-heading .eyebrow{font-size:8px}.section-heading>div>p:last-child{font-size:10px;max-width:290px}.section-heading>.button{font-size:0;min-height:30px;width:30px;padding:0;margin-top:20px;border-radius:50%;flex:none}.section-heading>.button>span{font-size:14px}
  .explorer-toolbar{top:104px;min-height:54px;gap:8px;padding:8px 0;flex-wrap:wrap}.list-search{min-width:100px;max-width:none;flex:1;border-right:0;padding:0}.list-search input{font-size:11px}.select-wrap select{font-size:10px;max-width:137px;padding:8px 18px 8px 8px}.section-controls{order:4;flex-basis:100%;display:flex;justify-content:space-between;gap:8px;padding-top:3px}.section-controls:empty{display:none}.section-controls select{max-width:205px;font-size:10px;padding:8px}.check-control{display:flex;font-size:9px}.mobile-filter-toggle{display:flex;padding:0;width:32px;min-height:32px;font-size:20px;border:1px solid var(--line);background:transparent}.filter-panel{display:none;padding-top:10px}.filter-panel.is-open{display:block}.filter-panel.is-open .filter-scroll{flex-wrap:wrap;max-height:180px;overflow-y:auto}.filter-chip{font-size:10px;padding:7px 10px;border-color:var(--line)}.result-bar{margin:11px 0 17px;font-size:9px}.result-bar .text-button{font-size:9px}.atlas-layout,.atlas-layout.wide{display:block}.era-sidebar{display:none}.timeline-caption{font-size:7px;gap:15px;line-height:1.6;padding-bottom:11px}.timeline-caption>span:first-child{max-width:140px}.timeline-caption>span:last-child{text-align:right;max-width:145px}.event-card{padding:16px 15px}.event-meta{font-size:7px;gap:7px;flex-wrap:wrap}.event-card h3{font-size:23px;margin:8px 0}.event-card>p,.event-text>p{font-size:10px;line-height:1.8}.event-foot{margin-top:10px}.event-foot>small,.event-card .card-topic{font-size:7px}.event-row.period .event-card{padding:14px}.event-row.period h3{font-size:21px}.era-head{margin:20px 0 12px;gap:6px}.era-head>span{font-size:20px}.era-head>small{font-size:7px}.event-row{scroll-margin-top:220px}.period-overview{padding:19px}.period-overview h3{font-size:27px}.period-overview p{font-size:11px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-image{height:145px}.catalog-body{padding:13px}.catalog-body h3{font-size:23px}.catalog-body p{font-size:10px;-webkit-line-clamp:3}.catalog-foot{font-size:8px;margin-top:15px;gap:6px}.catalog-body .eyebrow{font-size:7px}.date-ribbon{font-size:7px;left:8px;top:8px;max-width:90%;padding:4px 6px}.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portrait-grid .catalog-image{height:165px}.portrait-grid .catalog-body{padding:13px}.portrait-grid .catalog-body h3{font-size:23px}.portrait-placeholder span{font-size:42px}.collection-intro{padding:18px;gap:16px}.collection-intro>span{font-size:42px}.collection-intro h3{font-size:25px}.collection-intro p{font-size:10px}.collection-intro .text-button{font-size:10px}.story-grid{grid-template-columns:1fr}.story-grid .catalog-card{display:grid;grid-template-columns:115px minmax(0,1fr)}.story-grid .catalog-image{height:100%;min-height:175px}.story-grid .catalog-body{padding:17px}.story-grid .catalog-body h3{font-size:25px}.story-grid .catalog-foot{margin-top:13px}
  .map-layout{display:block}.map-frame{position:relative;top:auto;margin-bottom:18px}.atlas-map{min-height:0;max-height:520px}.map-heading{top:16px;left:16px}.map-heading h3{font-size:26px}.map-heading p{font-size:8px;max-width:210px}.map-actions{padding:10px 14px}.map-note{font-size:8px;padding:10px 14px}.map-place text{font-size:10px}.place-list{display:grid;grid-template-columns:1fr;gap:12px}.place-card{grid-template-columns:92px minmax(0,1fr)}.place-card h3{font-size:24px}.place-card p{font-size:10px}.place-card .place-thumb{min-height:110px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.metric-card{padding:14px}.metric-card strong{font-size:26px}.metric-card small{font-size:10px}.data-intro{display:block}.data-intro p{font-size:10px}.chart-panel{padding:18px 13px}.chart-top{gap:10px}.chart-top h3{font-size:26px}.chart-top p{font-size:9px}.chart-number{font-size:23px}.chart-number small{font-size:8px}.chart-controls{gap:10px;margin-top:18px}.chart-controls label{font-size:9px}.chart-controls input[type=number]{width:67px;font-size:10px}.chart-controls .text-button{font-size:9px}.chart-controls select{font-size:9px;max-width:180px}.chart-axis-label{font-size:11px}.chart-foot{font-size:8px}.chart-year label{font-size:9px}.chart-year output{font-size:20px}.data-note{font-size:9px}.data-table-wrap{font-size:10px}
  .closing-note{padding:35px 20px}.closing-note p{font-size:29px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 24px}.footer-brand{grid-column:1/-1}.site-footer>p{grid-column:1/-1}.site-footer .text-button:last-child{text-align:right}.detail-dialog{width:100%;height:100dvh;max-height:100dvh}.dialog-toolbar{padding:12px 18px}.detail-body{padding:25px 23px}.detail-body h2{font-size:37px}.detail-lead{font-size:13px}.detail-visual img{max-height:min(62vh,520px);object-fit:contain}.detail-visual figcaption{padding:10px 20px;font-size:8px}.detail-fact{grid-template-columns:100px 1fr;gap:12px;font-size:10px}.detail-section h3{font-size:25px}.detail-section p{font-size:11px}.related-link{font-size:11px}.related-link>small{font-size:8px;max-width:80px}.detail-footer{padding:20px 23px}.search-dialog{margin:8vh auto auto;max-height:85dvh}.search-dialog h2{font-size:23px}.global-search{padding:20px}.global-search input{font-size:13px}.search-hint{padding:0 20px 17px;font-size:9px}.search-results-list{padding:0 18px 20px}.search-result strong{font-size:21px}.guide-body{padding:25px}.guide-body h2{font-size:32px}.guide-body p,.guide-body li{font-size:11px}.toast{max-width:90%;text-align:center;white-space:normal;font-size:11px}
}
@media(max-width:370px){.hero h1{font-size:47px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:9px}.hero-stats{gap:13px}.section-heading h2{font-size:31px}.catalog-body h3{font-size:21px}.event-card h3{font-size:21px}.check-control{font-size:8px}.segment button{padding:8px}.list-search input{font-size:10px}.select-wrap select{max-width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Detail semantics and generous story-step targets. */
.detail-fact dd{margin:0}
.wikipedia-summary{padding:18px 0;border-top:1px solid var(--line)}
.wikipedia-summary h4{margin:0 0 14px;font-family:var(--serif);font-size:21px;line-height:1.35;font-weight:500}
.wikipedia-summary h4 a{color:var(--ink);text-underline-offset:4px;text-decoration-color:var(--line)}
.wikipedia-summary>p{line-height:1.85;overflow-wrap:anywhere}
.wikipedia-credits{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.wikipedia-credit{font-size:11px;line-height:1.8;color:var(--ink-soft);margin:0 0 10px}
.wikipedia-credit a{color:inherit;text-underline-offset:3px}
.event-meta time{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.story-progress a{height:26px;background:transparent;position:relative;display:block}
.story-progress a:after{content:"";position:absolute;top:10px;left:0;right:0;height:5px;background:var(--line)}
.story-progress a:hover,.story-progress a[aria-current=step]{background:transparent}
.story-progress a:hover:after,.story-progress a[aria-current=step]:after{background:var(--red)}
.story-step h4{font-size:18px;margin-bottom:8px}
.detail-subtitle{font:italic 23px var(--serif);color:var(--red);margin:-8px 0 18px}
@media(min-width:1025px){.event-card>p,.event-text>p{font-size:12px}.catalog-body p{font-size:12px}.event-meta{font-size:9px}.event-foot>small,.event-card .card-topic{font-size:9px}.era-sidebar nav button{font-size:11px}}
/* One scroll offset, shared by native anchors and navigation. */
html{scroll-padding-top:0}
@media(min-width:1025px){.atlas-map{height:calc(100dvh - 310px);min-height:420px;max-height:680px}.map-frame{top:163px}}
.time-navigator{display:flex;align-items:center;justify-content:flex-end;gap:30px;padding:10px 0 8px;border-bottom:1px solid var(--line)}
.range-details{margin:0 0 0 auto;position:relative;flex-shrink:0}
.range-details summary{font-size:10px}
.range-details form{position:absolute;right:0;top:27px;z-index:22;width:280px;background:var(--card);border:1px solid var(--line);padding:17px;box-shadow:var(--shadow);display:flex;gap:12px;flex-wrap:wrap}
.range-details form label{display:flex;align-items:center;gap:9px;font-size:10px}
.range-details input{width:85px;background:var(--paper);border:1px solid var(--line);padding:7px;font-size:11px}
.range-details .button{font-size:10px;min-height:32px;padding:6px 13px}
.range-details small{font-size:8px;color:var(--ink-soft)}
@media(max-width:1024px){
  .time-navigator{position:relative;gap:17px;padding:12px 0 9px}
  .range-details{position:static;margin:0}
  .range-details summary{font-size:9px}
  .range-details form{left:0;right:0;top:100%;width:auto;max-width:none;box-sizing:border-box}
}

/* Phone and tablet: stacked chrome, contained overflow, no sideways page scroll. */
@media (max-width: 1024px) {
  :root { --header-h: 124px; }
  .header-inner {
    min-height: var(--header-h);
    height: auto;
    padding: 10px 14px 0;
    gap: 8px 10px;
    align-items: center;
  }
  .brand strong { font-size: 22px; }
  .brand small { margin-top: 4px; }
  .main-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    height: auto;
    gap: 0;
    margin: 0;
    overflow: visible;
  }
  .main-nav a {
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    flex: none;
    font-size: 11px;
    line-height: 1.2;
    padding: 9px 4px 11px;
    white-space: nowrap;
  }
  .main-nav a[aria-current=page]:after {
    left: 18%;
    right: 18%;
    bottom: 0;
  }
  .search-trigger { width: 40px; height: 40px; }
  .header-inner { display: grid; }
  .hero, .hero-art { overflow: hidden; }
  .timeline-shell, .map-frame, .chart-wrap, .chart-panel, .discovery-strip { overflow-x: hidden; max-width: 100%; }
  .atlas-map, .series-chart { width: 100%; max-width: 100%; height: auto; }
  .hero { padding: 28px 18px 24px; }
  .hero h1 { font-size: clamp(40px, 12vw, 48px); letter-spacing: -1.2px; }
  .hero-stats { flex-wrap: wrap; row-gap: 10px; }
  .discovery-strip { margin: 4px 14px 24px; }
  .explorer { padding: 0 14px 40px; scroll-margin-top: calc(var(--header-h) + 8px); }
  .explorer-toolbar {
    top: var(--header-h);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 0;
    padding: 8px 0;
  }
  .list-search {
    order: 1;
    flex: 1 1 calc(100% - 48px);
    min-width: 0;
    max-width: none;
    border-right: 0;
    padding: 0;
  }
  .list-search input { min-width: 0; font-size: 16px; }
  .mobile-filter-toggle {
    order: 2;
    display: flex;
    width: 40px;
    min-height: 40px;
    font-size: 20px;
  }
  .select-wrap {
    order: 3;
    flex: 1 1 100%;
    min-width: 0;
  }
  .select-wrap select {
    width: 100%;
    max-width: none;
    font-size: 16px;
    padding: 8px 28px 8px 10px;
  }
  .section-controls {
    order: 4;
    flex: 1 1 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 0;
    margin-left: 0;
  }
  .section-controls .small-label { display: none; }
  .section-controls select { flex: 1 1 140px; min-width: 0; max-width: none; font-size: 16px; }
  .segment button { padding: 8px 12px; font-size: 11px; }
  .check-control { white-space: nowrap; font-size: 11px; }
  .result-bar { gap: 10px; overflow-wrap: break-word; }
  .timeline-caption > span:last-child { display: none; }
  .timeline-caption > span:first-child { max-width: none; }
  .event-row { scroll-margin-top: calc(var(--header-h) + 96px); }
  .catalog-foot, .event-meta, .place-card p { overflow-wrap: break-word; }
  .map-heading {
    position: static;
    padding: 14px 14px 6px;
  }
  .map-heading h3 { font-size: 22px; }
  .map-heading p { max-width: none; font-size: 11px; }
  .atlas-map { max-height: none; }
  .detail-body h2 { font-size: clamp(28px, 8vw, 36px); overflow-wrap: break-word; }
  .wikipedia-summary h4 { overflow-wrap: break-word; }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .main-nav { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 370px) {
  .main-nav a { font-size: 10px; padding: 8px 2px 10px; }
  .catalog-grid, .portrait-grid { grid-template-columns: 1fr; }
  .catalog-image, .portrait-grid .catalog-image { height: 200px; }
}