@layer reset{*,:before,:after{box-sizing:border-box}body{margin:0}img,svg{max-width:100%}button,input,select{font:inherit}[hidden]{display:none!important}}@layer base{:root{color-scheme:light;--bg:#f6eace;--panel:#fcf4e2;--ink:#21201d;--muted:#655f52;--accent:#de452c;--accent-text:#a92f1b;--line:#8a7e67;--soft-line:#d7c9aa;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;--display:Archivo, "Arial Black", sans-serif;--serif:Georgia, "Times New Roman", serif}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--bg);color:var(--ink);border-top:8px solid var(--accent);font:1rem/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--accent-text)}:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}::selection{background:var(--ink);color:var(--bg)}h1,h2,h3{font-family:var(--display);text-wrap:balance;font-weight:850;line-height:1.05}h1{letter-spacing:-.055em;margin:.4em 0;font-size:clamp(3rem,6.6vw,6.4rem)}h2{letter-spacing:-.045em;font-size:clamp(2.1rem,4vw,3.3rem)}p{margin-top:0}em{color:var(--accent-text)}.muted{color:var(--muted)}.eyebrow{font:.7rem/1.6 var(--mono);letter-spacing:.09em;color:var(--accent-text)}.lede{font:1.35rem/1.7 var(--serif);color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer layout{.shell{width:min(1180px,100% - 80px);margin-inline:auto}.site-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:2rem;padding-block:24px;display:flex}nav{flex-wrap:wrap;gap:2rem;display:flex}nav a{font:.75rem/1.6 var(--mono);padding:.8rem .1rem;text-decoration:none}nav a:hover{text-decoration:underline 2px}.hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,7vw,7rem);padding:4.5rem 0 5.5rem;display:grid}.hero-copy>.eyebrow{margin-bottom:1.8rem}.hero h1{margin:0 0 1.5rem}.hero-wordmark img{width:100%;height:auto;margin-left:-2.7%;display:block}.mission{max-width:37rem;font:1.18rem/1.8 var(--serif);margin:1.5rem 0 2rem}.hero-art{gap:1.8rem;display:grid}.hero-symbol{width:min(100%,320px);height:auto;margin-inline:auto;display:block}.section-heading{border-top:5px solid var(--ink);justify-content:space-between;align-items:end;gap:2rem;padding:2rem 0;display:flex}.section-heading h2{margin:.2em 0 0}.section-heading .muted{margin-bottom:.1rem;font-size:.85rem}.archive{padding-bottom:5rem}.page-heading{max-width:55rem;padding:4rem 0 3rem}.site-footer{border-top:5px solid var(--accent);font:.75rem/1.7 var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 0 3rem;display:flex}.site-footer p{margin:0}.site-footer a{text-decoration:none}.footer-brand{color:var(--ink);align-items:center;gap:.75rem;display:flex}.footer-brand img{width:46px;height:auto}.prose{max-width:68ch;font:1.2rem/1.85 var(--serif);margin:3rem auto 5rem}.prose h1{margin-bottom:.6em}.prose h2{border-top:1px solid var(--soft-line);margin-top:2em;padding-top:1rem;font-size:clamp(1.8rem,3vw,2.3rem)}.prose h3{font-size:1.5rem}.prose li{margin:1rem 0;padding-left:.4rem}.prose li::marker{color:var(--accent-text);font:700 1rem var(--mono)}.prose a{color:var(--accent-text)}}@layer components{.skip-link{z-index:10;background:var(--ink);color:var(--bg);padding:1rem;position:absolute;top:-6rem;left:1rem}.skip-link:focus{color:var(--bg);top:1rem}.brand{flex-shrink:0;width:200px;text-decoration:none;display:block}.brand img{width:100%;height:auto;display:block}.text-link{font:.75rem/1.6 var(--mono);color:var(--ink);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--accent);justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.2rem;text-decoration:none;display:inline-flex}.text-link:hover{background:var(--ink);color:var(--bg)}.text-link span{font-size:1.3rem;line-height:1}.current{background:var(--ink);color:var(--bg);border-top:5px solid var(--accent);padding:1.5rem 1.8rem}.current .eyebrow{color:var(--bg);align-items:center;gap:.65rem;display:flex}.current .eyebrow:before{content:"";background:var(--accent);width:.5rem;height:.5rem}.current h2{letter-spacing:-.035em;margin:.5em 0;font-size:clamp(1.7rem,2.5vw,2.2rem)}.current>p:not(.eyebrow,.current-footer){margin-bottom:0;font-size:.85rem}.current-footer{font:.65rem/1.5 var(--mono);border-top:1px solid var(--line);margin:1.25rem 0 0;padding-top:.8rem}.book-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}[data-book]{border-bottom:1px solid var(--soft-line);grid-template-columns:3rem minmax(0,1fr) 6rem;align-items:center;gap:1.4rem;padding:1.65rem .8rem;transition:background .2s;display:grid}[data-book]:hover{background:var(--panel)}.record-number{font:.7rem var(--mono);color:var(--accent-text);align-self:start;padding-top:.4rem}[data-book] h3{letter-spacing:-.025em;margin:0 0 .5rem;font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:700;line-height:1.2}[data-author]{color:var(--muted);margin:0;font-size:.85rem}.read-year{font:.7rem var(--mono);color:var(--muted)}.notice{border:1px solid var(--line);background:var(--panel);padding:1rem;font:.85rem/1.7 system-ui,sans-serif}.notice h2{margin:0 0 .5rem;font:1rem system-ui,sans-serif}.notice p{margin:0}.breadcrumbs{font:.75rem/1.7 var(--mono);color:var(--muted);padding-top:2rem}.breadcrumbs ol{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:.6rem}.metadata{flex-wrap:wrap;gap:2rem;display:flex}.metadata dt{font:.7rem var(--mono);color:var(--muted)}.metadata dd{margin:.5rem 0}.draft-banner{background:var(--ink);color:var(--bg);text-align:center;font:.7rem/1.6 var(--mono);padding:.65rem 1rem}}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.comparison-scroll{border:1px solid var(--line);margin:2rem 0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:38rem;font-size:.9rem}caption{text-align:left;color:var(--accent-text);font:1rem var(--mono);padding:1rem}th,td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:1.25rem}th{background:var(--panel)}td small{color:var(--muted);margin-top:1rem;display:block}.product-links{padding:1rem 0}.product-links h2{font-size:2rem}.product-links h3{font-size:1.4rem}.product-links>div{border:1px solid var(--line);margin:1rem 0;padding:1rem}[data-controls]{grid-template-columns:minmax(0,1fr) 13rem auto;align-items:end;gap:1rem;margin-bottom:1rem;display:grid}[data-controls] label{font:.7rem/1.6 var(--mono);color:var(--muted)}input,select,button{border:1px solid var(--line);background:var(--panel);min-height:46px;color:var(--ink);border-radius:0;padding:.7rem}input,select{width:100%;margin-top:.5rem;display:block}input::placeholder{color:var(--muted);opacity:1}button{cursor:pointer;background:var(--ink);color:var(--bg);padding-inline:1.2rem}button:hover{background:var(--accent-text)}@media (width<=900px){.site-header{flex-wrap:wrap;gap:.8rem 1.5rem}nav{gap:.5rem 1.25rem}.hero{gap:2rem}}@media (width<=760px){.shell{width:calc(100% - 36px)}.site-header{padding-block:1rem}.brand{width:174px}.site-header nav{gap:.25rem 1.1rem}nav a{font-size:.7rem}.hero{grid-template-columns:1fr;gap:3rem;padding:2.5rem 0 3.5rem}.hero-copy>.eyebrow{margin-bottom:1.4rem;font-size:.65rem}.hero-wordmark{max-width:34rem}.mission{margin-block:1rem 1.5rem;font-size:1.1rem}.hero-art{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:1rem}.current{padding:1.25rem}.current h2{font-size:1.65rem}.current-footer{margin-top:1rem}.section-heading{display:block}.section-heading .muted{margin-top:1rem}.desktop-break{display:none}[data-book]{grid-template-columns:1.5rem minmax(0,1fr);gap:.5rem 1rem;padding:1.4rem .25rem}.read-year{grid-column:2}.page-heading{padding-top:2rem}.prose{margin-top:2rem;font-size:1.1rem}.prose h1{font-size:clamp(2.8rem,11vw,4.5rem)}.prose ol{padding-left:1.5rem}.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=650px){[data-controls]{grid-template-columns:minmax(0,1fr) auto}[data-controls] label:first-child{grid-column:1/-1}}@media (width<=420px){.hero-art{grid-template-columns:1fr;gap:1.5rem}.hero-symbol{width:220px}.current h2{max-width:16ch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}