@font-face{font-family:Geist;src:url('fonts/geist-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('fonts/geist-medium.ttf') format('truetype');font-style:normal;font-weight:500 700;font-display:swap}
@font-face{font-family:Quantico;src:url('fonts/quantico-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Quantico;src:url('fonts/quantico-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('fonts/geist-mono-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

:root{--archive-bg:#f5f5f2;--archive-surface:#fff;--archive-ink:#111;--archive-muted:#62625e;--archive-line:rgba(17,17,17,.16);--archive-accent:#f98202;color-scheme:light}
html{font-size:16px!important;scroll-behavior:smooth}
body{background:var(--archive-bg)!important;background-image:none!important;color:var(--archive-ink)!important;font-family:Geist,system-ui,sans-serif!important;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body *{box-shadow:none!important}
body a{color:inherit}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible{outline:2px solid var(--archive-accent)!important;outline-offset:3px}
body h1,body h2,body h3,body h4,body .font-serif{font-family:Quantico,sans-serif!important;font-variant:normal!important;letter-spacing:-.025em!important;line-height:1.1}
body h1{font-weight:400}
body h2,body h3,body h4{font-weight:400}
body .font-body,body .font-label{font-family:Geist,system-ui,sans-serif!important}
body .text-ink,body .text-ink\/70{color:var(--archive-ink)!important}
body .text-ink-muted,body .text-ink\/60,body .text-ink\/50,body .text-ink\/40,body .text-ink\/35{color:var(--archive-muted)!important}
body .text-rust,body .accent-link,body .hover\:text-rust:hover{color:var(--archive-accent)!important}
body .accent-link:hover,body .text-rust:hover{color:#c86600!important}
body mark{background:rgba(249,130,2,.2);color:inherit;border-radius:0}

/* The archive header borrows the folder tab and registration lines of the reference. */
body>nav{background:var(--archive-surface)!important;border-color:var(--archive-line)!important;backdrop-filter:none!important}
body>nav>div{max-width:1440px!important;height:64px!important}
body>nav a{font-family:Quantico,sans-serif!important;font-size:17px!important;font-variant:normal!important;letter-spacing:-.025em!important}
body>nav button{font:500 14px Geist,system-ui,sans-serif!important;color:var(--archive-accent)!important}
.hero{position:relative;isolation:isolate;max-width:1392px!important;margin:32px auto 0!important;padding:90px clamp(24px,7vw,104px) 84px!important;text-align:left!important;color:#fff}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--archive-accent);clip-path:polygon(0 0,37% 0,calc(37% + 18px) 18px,100% 18px,100% 100%,0 100%)}
.hero::after{content:"";position:absolute;right:32px;bottom:30px;width:130px;height:40px;opacity:.42;background:linear-gradient(#fff,#fff) left 20px/100% 1px no-repeat,linear-gradient(#fff,#fff) 30px 0/1px 40px no-repeat,linear-gradient(#fff,#fff) 80px 0/1px 40px no-repeat;pointer-events:none}
.hero h1{font-size:clamp(48px,5.5vw,72px)!important;max-width:850px;margin-bottom:24px!important;color:#fff!important}
.hero h1 span{color:#fff!important}
.hero p{margin:0!important;max-width:760px!important;color:rgba(255,255,255,.93)!important;font:400 16px/1.65 Geist,system-ui,sans-serif!important}
.hero a{color:#fff!important;text-decoration-color:rgba(255,255,255,.55)!important;text-underline-offset:3px}
.hero a:hover{text-decoration-color:#fff!important}

.filter-bar{background:var(--archive-bg)!important;border-color:var(--archive-line)!important;backdrop-filter:none!important}
.filter-bar>div{max-width:1440px!important}
.filter-bar input,.filter-bar select{min-height:44px;background:var(--archive-surface)!important;color:var(--archive-ink)!important;border:1px solid var(--archive-line)!important;border-radius:0!important;font:400 14px Geist,system-ui,sans-serif!important}
.filter-bar input::placeholder{color:var(--archive-muted)!important}
.filter-bar i{color:var(--archive-muted)!important}
.filter-bar button{font:500 14px Geist,system-ui,sans-serif!important;color:var(--archive-accent)!important}
select option{background:var(--archive-surface)!important;color:var(--archive-ink)!important}
main>section.max-w-7xl{max-width:1440px!important}
#resultCount{font:400 13px/1.5 Geist,system-ui,sans-serif!important;letter-spacing:0;color:var(--archive-muted)!important;font-variant-numeric:tabular-nums}
#grid{gap:24px!important}
.card{display:flex!important;flex-direction:column;background:var(--archive-surface)!important;border:1px solid var(--archive-line)!important;border-radius:0!important;overflow:hidden;transform:none!important;will-change:auto!important;transition:border-color .15s ease!important}
.card:hover{border-color:var(--archive-accent)!important;transform:none!important}
.card .thumb{display:block;width:100%;aspect-ratio:8.5/11;object-fit:contain!important;object-position:center!important;background:#f0f0ee!important;border-bottom:1px solid var(--archive-line)}
.card>div:last-child{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px 18px!important}
.card .pill,.pill{display:inline-block;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--archive-muted)!important;font:400 11px/1.45 'Geist Mono',monospace!important;letter-spacing:.06em!important;text-transform:uppercase;font-variant-numeric:tabular-nums}
.card h3{font-size:20px!important;line-height:1.2!important;font-weight:400!important;color:var(--archive-ink)!important;margin-top:8px}
.card .text-sm.text-ink-muted{font:500 12px/1.5 Geist,system-ui,sans-serif!important;font-variant-numeric:tabular-nums;color:var(--archive-accent)!important;margin-top:auto;padding-top:16px}
.card .text-xs{font:400 11px/1.5 Geist,system-ui,sans-serif!important;color:var(--archive-muted)!important;padding-top:8px;margin-top:8px;border-top:1px solid var(--archive-line);width:100%}
.card .text-rust{color:var(--archive-accent)!important}
#pagination button{border:1px solid var(--archive-line)!important;border-radius:0!important;background:var(--archive-surface)!important;color:var(--archive-ink)!important;font:500 14px Geist,system-ui,sans-serif!important}
#pagination button:hover,#pagination button[aria-current="page"]{border-color:var(--archive-accent)!important;color:var(--archive-accent)!important}
#pagination button[aria-current="page"]{background:var(--archive-accent)!important;color:#111!important}

/* Report pages use the same typography, rules, and surfaces. */
main.max-w-7xl{max-width:1440px!important}
main.max-w-7xl>div.mb-8:first-of-type{border-bottom:1px solid var(--archive-line);padding-bottom:32px}
main.max-w-7xl h1{font-size:clamp(38px,4.5vw,64px)!important}
main.max-w-7xl h2{font:400 12px/1.5 'Geist Mono',monospace!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--archive-muted)!important}
main.max-w-7xl .bg-cream\/70{background:var(--archive-surface)!important;border-color:var(--archive-line)!important;border-radius:0!important}
main.max-w-7xl .border-ink\/10,main.max-w-7xl iframe{border-color:var(--archive-line)!important}
main.max-w-7xl iframe{border-radius:0!important;background:#fff}
main.max-w-7xl dt{color:var(--archive-muted)!important}
main.max-w-7xl dd{color:var(--archive-ink)!important}
main.max-w-7xl .pill{color:var(--archive-accent)!important}
main.max-w-7xl .text-rust{color:var(--archive-accent)!important}

footer{background:var(--archive-surface)!important;border-color:var(--archive-line)!important}
footer>div{max-width:1440px!important}
footer h3{font-size:20px!important}
footer h4{font:400 12px/1.5 'Geist Mono',monospace!important;letter-spacing:.08em!important;color:var(--archive-muted)!important}
footer .bg-ink{background:var(--archive-ink)!important;color:#fff!important;border-radius:0!important}
footer .border-ink\/10{border-color:var(--archive-line)!important}

@media(max-width:640px){.hero{margin-top:16px!important;padding:74px 24px 64px!important}.hero::before{clip-path:polygon(0 0,45% 0,calc(45% + 14px) 14px,100% 14px,100% 100%,0 100%)}.hero::after{right:20px;bottom:16px;transform:scale(.7);transform-origin:right bottom}.filter-bar{top:64px!important}#grid{gap:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}
