/* Regional records keep the shared 22px body and 18px notes at every width. */
.area-page { min-width:0; }
.area-page h1 { max-width:20em; }
.area-page .area-lead { max-width:43rem; font-size:1.375rem; line-height:2; }
.area-jump { display:flex; flex-wrap:wrap; gap:10px 24px; padding:20px 0; margin:10px 0 35px; border-block:1px solid var(--line); font-size:1.125rem; }
.area-jump a { display:inline-flex; align-items:center; min-height:44px; }
.area-browser,.area-story { margin:48px 0; }
.area-page :is(p,li,dd) { overflow-wrap:anywhere; }
.area-story > p,.area-article > p,.area-record > p { max-width:44rem; }
.area-filters { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto; gap:20px; align-items:end; padding:24px; background:#20211d; border:1px solid var(--line); }
.area-filters[hidden],.area-card[hidden],#area-empty[hidden] { display:none; }
.area-filters label { display:grid; gap:8px; min-width:0; }
.area-filters input,.area-filters select { width:100%; box-sizing:border-box; }
.area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.area-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid #bca57a66; background:linear-gradient(145deg,#28281f77,transparent 65%); }
.area-card .eyebrow { padding-right:2em; }
.area-card h3 { font-size:1.625rem; margin:22px 0 12px; }
.area-card h3 a { color:var(--ink); text-decoration:none; }
.area-card h3 a:hover { color:var(--gold); text-decoration:underline; }
.area-card p { margin:0 0 20px; }
.area-card-number { position:absolute; right:22px; top:24px; color:var(--gold); font-size:1.125rem; }
.area-read { display:block; padding:12px 0 0; margin-top:auto; font-size:1.25rem; min-height:44px; }
.area-note { max-width:46rem; padding:24px; margin:28px 0; border-left:3px solid var(--gold); background:#22231e; }
.area-note h2 { font-size:1.625rem; margin-top:0; }
.area-page dl { display:grid; grid-template-columns:minmax(6em,8em) minmax(0,1fr); gap:10px 18px; margin:20px 0; }
.area-page dt { color:var(--gold); }
.area-page dd { margin:0; }
.area-cite { display:inline-flex; min-width:44px; min-height:44px; justify-content:center; align-items:center; margin:0 3px; font-size:1.125rem; }
.area-process { margin:35px 0; padding:24px; border-block:1px solid var(--line); }
.area-process ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0; list-style:none; counter-reset:stages; }
.area-process li { position:relative; padding-top:35px; counter-increment:stages; }
.area-process li::before { content:"0" counter(stages); position:absolute; top:0; left:0; color:var(--gold); font-size:1.125rem; }
.area-process strong,.area-process span { display:block; }
.area-process span,.area-process figcaption,.area-tile figcaption { font-size:1.125rem; line-height:1.85; }
.area-process figcaption { color:var(--muted); margin-top:22px; }
.area-record { padding:30px; margin:52px 0; border:1px solid var(--gold); background:radial-gradient(ellipse at top left,#34302688,transparent 75%); }
.area-record h2 { margin-top:12px; }
.area-tiles { display:grid; gap:28px; }
.area-tile { display:grid; grid-template-columns:230px minmax(0,1fr); gap:28px; padding:28px; border:1px solid #bca57a77; }
.area-tile figure { margin:0; }
.area-tile img { display:block; width:180px; height:200px; max-width:100%; object-fit:contain; margin:0 auto 18px; }
.area-tile figcaption { color:var(--muted); }
.area-tile h2 { margin:10px 0 20px; }
.area-tile dl { font-size:1.25rem; }
.area-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.area-pair section { padding:25px; border:1px solid var(--line); }
.area-pair h2 { margin:10px 0; }
.area-references { padding-left:1.6em; }
.area-references li { padding:22px 0; border-bottom:1px solid var(--line); scroll-margin-top:25px; }
.area-references,.area-references p { font-size:1.125rem; line-height:1.9; }
.area-references p { margin:8px 0 0; }
.area-page details summary { cursor:pointer; min-height:44px; padding:10px 0; }
.area-related { display:grid; gap:12px; padding-top:28px; border-top:1px solid var(--line); }
.area-related a { display:block; padding:12px 0; }
.area-page a:focus-visible,.area-page button:focus-visible,.area-page input:focus-visible,.area-page select:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.area-page :is(section,nav)[id] { scroll-margin-top:24px; }
@media(max-width:960px) {
 .area-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .area-filters button { grid-column:1/-1; justify-self:start; }
 .area-tile { grid-template-columns:190px minmax(0,1fr); gap:20px; padding:22px; }
}
@media(max-width:650px) {
 .area-grid,.area-filters,.area-process ol,.area-pair,.area-tile { grid-template-columns:1fr; }
 .area-filters,.area-card,.area-note,.area-record,.area-tile { padding:20px 16px; }
 .area-card-number { right:16px; }
 .area-jump { gap:8px 18px; }
 .area-process { padding:22px 12px; }
 .area-process li { padding:0 0 0 2.5em; }
 .area-process li::before { top:3px; }
 .area-page dl { grid-template-columns:1fr; gap:4px; }
 .area-page dd { margin-bottom:14px; }
 .area-tile figure { max-width:25rem; }
}
@media print {
 .area-filters { display:none; }
 .area-grid,.area-tile { display:block; }
 .area-card { break-inside:avoid; margin-bottom:16px; }
}