/* Records finder: search first, native secondary filters, shared record rows. */
.archive-page{padding-top:0}.archive-page .page-head{padding-block:52px 15px;margin:0}.archive-page h1{font:400 clamp(52px,5.6vw,82px)/1.07 var(--display);max-width:none;margin:0 0 14px}.archive-page .lede{font:15px/1.8 var(--sans);margin:0 0 15px;max-width:70ch}
.finder{padding:0;margin:0 0 28px;background:transparent;border:0}.finder-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.finder-field--q{grid-column:1/-1;margin-bottom:8px}.finder-field label{display:block;font:600 14px/1.5 var(--sans);margin-bottom:8px;color:var(--ink-2)}
.finder-field input:not([type=checkbox]),.finder-field select{width:100%;min-width:0;min-height:46px;font:16px/1.5 var(--sans);background:var(--surface);border:1px solid var(--rule);border-radius:0;padding:10px 13px;color:var(--ink)}
#f-q{height:62px;font-size:17px;padding:15px 20px;border-color:#8ba5a1}.finder-more{padding:0;margin:0;border:0;min-width:0}.finder-more>summary{cursor:pointer;min-height:46px;width:max-content;padding:12px 16px;border:1px solid var(--rule);background:var(--surface);font:14px/1.5 var(--sans)}
.finder-more-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-block:20px}.finder-row>.btn{justify-self:end;min-width:160px}.finder-more-body>.btn{align-self:end}.finder-status{margin-top:18px}.chips{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.chips button,.chip-clear{cursor:pointer;font:13px/1.5 var(--sans);min-height:44px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);padding:8px 12px}.chip-clear{margin-top:12px}.finder-note,.finder-about{font:12px/1.7 var(--sans);color:var(--muted);margin:12px 0 0}.finder-about>summary{cursor:pointer;min-height:44px;padding-block:10px}.finder-about p{max-width:80ch}
.index-state{font:14px/1.7 var(--sans);padding:16px 0}.index-state--error{color:var(--warning)}.result-range{border-top:1px solid var(--rule);padding-top:22px;margin:28px 0;font:13px/1.7 var(--sans);color:var(--ink-2)}
.archive-page .records-days{border:0}.archive-page .records-day{grid-template-columns:125px minmax(0,1fr);gap:30px;margin-bottom:45px}.archive-page .day-date{border:0;padding-top:20px}.archive-page .day-num{font:400 59px/1 var(--display)}.archive-page .day-month,.archive-page .day-week{font:12px/1.8 var(--sans)}
.archive-page .record-row{grid-template-columns:minmax(0,1fr) 240px;gap:40px;padding:26px 0;border-top:1px solid var(--rule);border-bottom:0;background:transparent}.archive-page .record-row h3{font:400 28px/1.16 var(--display);margin:0 0 10px;letter-spacing:0}.archive-page .record-row h3[lang^=zh],.archive-page .record-row h3[lang^=ja]{font:600 20px/1.55 var(--zh)}.archive-page .record-row h3 a{color:var(--ink);text-decoration:none}.archive-page .record-row h3 a:hover{text-decoration:underline;color:var(--accent)}.archive-page .record-row .original{font:14px/1.7 var(--zh);color:var(--ink-2);margin:0}
.archive-page .row-side{font:12px/1.75 var(--sans);color:var(--muted);display:flex;flex-direction:column;gap:5px}.archive-page .state{font:11px/1.6 var(--sans);border:0;padding:0;background:none}.archive-page .row-trail{font:11px/1.6 var(--sans);letter-spacing:0;text-transform:none}.archive-page .row-side a{margin-right:8px}.no-results{border-block:1px solid var(--rule);padding:24px 0}.pager{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:20px;margin-block:24px}.pager button{font:600 14px var(--sans);min-height:44px;padding:12px 18px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer}.pager button:disabled{opacity:.5;cursor:default}.archive-coverage>summary{cursor:pointer;min-height:44px;padding-block:12px}.archive-coverage{margin-block:24px}.archive-page .week-strip{margin-top:32px}.archive-page .atlas-spine{margin-top:16px}
@media(max-width:900px){.archive-page .records-day{grid-template-columns:85px minmax(0,1fr);gap:20px}.archive-page .record-row{grid-template-columns:1fr;gap:14px}.archive-page .day-num{font-size:47px}.archive-page .record-row h3{font-size:26px}.archive-page .row-side{flex-direction:row;flex-wrap:wrap;gap:4px 12px}.archive-page .row-who{width:100%}.finder-more-body{grid-template-columns:1fr}}
@media(max-width:600px){.archive-page .page-head{padding-block:52px 8px}.archive-page h1{font-size:50px}.archive-page .lede{font-size:13px}.finder-row{gap:12px}.finder-field--q{margin-bottom:0}#f-q{height:50px}.finder-more>summary{padding:12px 16px}.finder-status:empty{display:none}.finder{margin-bottom:20px}.result-range{margin:20px 0 28px}.archive-page .records-day{grid-template-columns:1fr;gap:0;margin-bottom:30px}.archive-page .day-date{padding-top:0;border-top:2px solid var(--ink);padding-bottom:12px}.archive-page .day-date time{display:flex;align-items:baseline;gap:7px}.archive-page .day-num{font-size:36px}.archive-page .day-week{display:none}.archive-page .record-row{padding-block:21px}.archive-page .record-row h3{font-size:28px}.finder-row>.btn{min-width:145px}.archive-page .row-side{gap:4px 12px}}
@media print{.finder,.pager{display:none!important}.archive-page .records-day,.archive-page .record-row{display:block}.archive-page h1{font-size:30pt}}
/* A broad profile is the archive's edge, never a field behind record text. */
.archive-page>.wrap{position:relative;isolation:isolate}
.archive-page .page-head{padding-block:35px 105px;margin-bottom:0;min-height:270px;border-bottom:0}
.archive-page .page-head h1{font-size:clamp(64px,7vw,96px);max-width:14ch}
.archive-page .page-head::after{width:43%;inset:-20px -30px -170px auto;background-size:auto 700px;background-position:right 55%}
.archive-page #browse{position:relative;max-width:72%;margin-bottom:34px}
.archive-page .finder{padding:22px;background:var(--surface);border:1px solid var(--rule)}
.archive-page .finder-more[open]{position:relative;z-index:3;background:var(--surface)}
.archive-page #results{background:var(--bg) url('assets/material/chart-paper.png');position:relative;padding-top:14px}
.archive-page .processing-plate-head{padding-bottom:100px}
.archive-page .processing-engraving{display:none}
.archive-page .processing-plate-head::after{content:'';position:absolute;inset:auto 0 0;height:80px;background:url('assets/material/chart-shelf.svg') no-repeat center 50%/700px auto;pointer-events:none}
@media(max-width:900px){.archive-page #browse{max-width:100%}.archive-page .page-head{min-height:240px;padding-bottom:85px}.archive-page .page-head::after{width:30%;bottom:0}}
@media(max-width:700px){.archive-page .page-head{min-height:0;padding-block:22px 65px}.archive-page .page-head h1{font-size:56px}.archive-page .page-head::after{width:100%;inset:auto -22px 0;height:44px;background-size:700px auto}.archive-page .finder{padding:15px}}
.archive-page .page-head{min-height:240px;padding-bottom:75px}
.archive-page .page-head::after{inset:-1px -22px -180px auto;background-position:right 55%;mask-image:linear-gradient(black 87%,transparent)}
@media(max-width:700px){.archive-page .page-head{min-height:0;padding-bottom:65px}.archive-page .page-head::after{inset:auto -22px 0;height:44px;mask-image:none}}

/* Desk marker (Phase 2b): the desk country's outline before its link, a mask over a muted fill.
   The server rows and browse.js card() both draw `.row-side a` with the desk route as its href, so one
   rule serves both; a desk with no file here shows none. Outlines: assets/desk-marks, built by
   scripts/build_desk_marks.py. Decorative: empty generated content, hidden in forced colours and print. */
.archive-page .row-side a:is([href="china.html"],[href="japan.html"],[href="singapore.html"],[href="vietnam.html"])::before{content:"";display:inline-block;width:1.25em;height:1em;margin-right:.4em;vertical-align:-.12em;background:var(--muted);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.archive-page .row-side a[href="china.html"]::before{-webkit-mask-image:url(assets/desk-marks/china.svg);mask-image:url(assets/desk-marks/china.svg)}
.archive-page .row-side a[href="japan.html"]::before{-webkit-mask-image:url(assets/desk-marks/japan.svg);mask-image:url(assets/desk-marks/japan.svg)}
.archive-page .row-side a[href="singapore.html"]::before{-webkit-mask-image:url(assets/desk-marks/singapore.svg);mask-image:url(assets/desk-marks/singapore.svg)}
.archive-page .row-side a[href="vietnam.html"]::before{-webkit-mask-image:url(assets/desk-marks/vietnam.svg);mask-image:url(assets/desk-marks/vietnam.svg)}
@media(forced-colors:active){.archive-page .row-side a::before{display:none!important}}
@media print{.archive-page .row-side a::before{display:none!important}}