:root{--ink:#243629;--forest:#173f2d;--green:#2e6545;--sage:#d9e8cf;--cream:#fff4d8;--paper:#fffdf2;--gold:#f1b82d;--peach:#e8a56b;--line:#243629;--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"IBM Plex Sans",Arial,Helvetica,sans-serif;--mono:"IBM Plex Mono","Courier New",ui-monospace,monospace;--pixel:"Pixelify Sans","Courier New",ui-monospace,monospace}
html{image-rendering:auto}
body{background-color:var(--paper);background-image:linear-gradient(rgba(36,54,41,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,54,41,.035) 1px,transparent 1px);background-size:16px 16px;font-family:var(--sans);color:var(--ink)}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.025em;line-height:1.02}.eyebrow{display:none!important}em{font-style:normal;color:var(--green)}
.announcement{font-family:var(--mono);background:var(--forest);color:#fff4d8;border-bottom:3px solid var(--ink);letter-spacing:.08em}
.site-header{position:relative;background:var(--paper);z-index:30}.nav-shell{height:86px;gap:24px}.brand{gap:10px;min-width:0;white-space:nowrap}.brand-logo{width:64px;height:auto;image-rendering:pixelated;flex:0 0 auto}.brand-name{font-family:var(--serif);font-size:23px;line-height:1;white-space:nowrap}.primary-nav{gap:18px}.primary-nav a,.nav-more>button{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.025em}.primary-nav a:hover,.primary-nav a:focus-visible{background:var(--gold);color:var(--ink);outline:2px solid var(--ink);text-decoration:none}.header-search input{font-family:var(--mono);border:2px solid var(--ink);background:#fff;padding:8px;width:105px}.nav-dropdown{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.menu-toggle{width:46px;height:42px;border:3px solid var(--ink)!important;background:var(--gold)!important;padding:8px!important;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.menu-icon{display:grid;gap:5px}.menu-icon i{display:block;width:24px;height:3px;background:var(--ink);transition:transform .18s,opacity .18s}.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.hero{background:var(--cream);border:0;border-bottom:4px solid var(--ink)}.hero-copy{border-right:4px solid var(--ink)}.hero h1{font-size:clamp(48px,5.8vw,88px)}.hero-lede{color:var(--ink)}.hero-visual img,.article-image img,.card-image img{image-rendering:pixelated}.hero-visual{background:var(--forest)}.image-note{border:3px solid var(--ink);border-right:0;border-bottom:0;font-family:var(--mono)}
.button,.print-button{font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.button:hover,.print-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-primary{background:var(--gold);color:var(--ink)}.button-primary:hover{background:#ffd463}.text-link{font-family:var(--mono);text-decoration:underline;text-decoration-thickness:2px}.hero-proof{font-family:var(--mono);color:var(--ink)}
.story-section,.featured,.context-links{background:rgba(255,253,242,.88)}.story-copy h2,.prose h2{font-family:var(--serif)}.topic-grid{border-width:3px;border-color:var(--ink)}.topic-grid>a{border-color:var(--ink);border-width:0 3px 3px 0;min-height:200px}.topic-grid>a:hover{background:var(--gold)}.topic-grid>a>span,.list-grid article>span{font-family:var(--pixel);color:var(--green)}.topic-grid strong{font-family:var(--mono);color:var(--green)}
.recipe-card{border:4px solid var(--ink);box-shadow:10px 10px 0 var(--gold);background:var(--forest)}.recipe-card-head h2{font-family:var(--serif)}.recipe-stats,.recipe-stats div,.check-list li,.method-list li{border-color:rgba(255,244,216,.45)}.recipe-stats small,.recipe-note strong{font-family:var(--mono)}.method-list li>span{font-family:var(--pixel)}.check-list input{width:18px;height:18px;border-radius:0}.recipe-note{border:2px solid var(--gold)}
.card-image{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.card-image:hover img{transform:none}.card-image span{font-family:var(--pixel);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}.card-kicker,.aside-label{font-family:var(--mono);letter-spacing:.06em}.editorial-card h3 a:hover,.list-grid h3 a:hover{background:var(--gold)}
.context-title{font-size:clamp(32px,4vw,50px);margin-bottom:30px}.context-grid p,.list-grid{border-color:var(--ink)}.context-grid p{border-width:2px}.context-grid a,.in-context a{text-decoration-thickness:2px}
.breadcrumbs{font-family:var(--mono)}.article-hero h1{font-size:clamp(46px,6vw,78px)}.article-dek{font-family:var(--sans);font-weight:500}.avatar{border-radius:0;border:3px solid var(--ink);background:var(--gold);font-family:var(--mono)}.article-image{border:4px solid var(--ink);padding:0;background:var(--ink);box-shadow:8px 8px 0 var(--gold)}.article-image figcaption{font-family:var(--mono);background:var(--ink);color:#fff;padding:7px;margin:0}.article-aside{border-color:var(--ink);border-width:3px}.aside-tip,.in-context,.answer-box{border:3px solid var(--ink);background:var(--cream);box-shadow:5px 5px 0 var(--ink)}.answer-box{border-left:8px solid var(--gold)}
.site-footer{border-top:5px solid var(--gold);background:var(--forest)}.site-footer .brand-name{color:#fff4d8}.site-footer .brand-logo{width:72px}.footer-grid h2,.footer-bottom{font-family:var(--mono)}
.admin-panel,.admin-card{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--paper)}.metric-grid article{border:3px solid var(--ink);background:var(--cream)}.admin-panel input,.editor-form input,.editor-form select,.editor-form textarea,.large-search input{border:2px solid var(--ink);border-radius:0;font-family:var(--mono)}.status{border-radius:0;border:2px solid var(--ink);font-family:var(--mono)}
.error-page h1{margin-bottom:24px}
@media(max-width:1100px){.brand-name{font-size:19px}.brand-logo{width:56px}.primary-nav{gap:10px}.primary-nav a,.nav-more>button{font-size:10px}}
@media(max-width:900px){.nav-shell{height:76px}.brand-name{font-size:21px}.brand-logo{width:58px}.menu-toggle{display:block;margin-left:auto}.primary-nav.open{top:100%;left:0;right:0;display:grid;gap:0;padding:14px 20px 22px;background:var(--paper);border-block:4px solid var(--ink);box-shadow:0 8px 0 var(--gold)}.primary-nav.open>a,.primary-nav.open .nav-more>button{padding:12px;text-align:left;font-size:13px;border-bottom:2px solid var(--ink)}.nav-more{display:block}.nav-dropdown{position:static;display:grid;width:auto;border:0;box-shadow:none;padding:0 0 0 18px;background:transparent}.nav-dropdown a{padding:10px 12px!important}.hero-copy{border-right:0;border-bottom:4px solid var(--ink)}.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.announcement{font-size:9px}.nav-shell{width:calc(100% - 24px)}.brand-name{font-size:clamp(15px,4.5vw,19px)}.brand-logo{width:48px}.menu-toggle{width:42px;height:38px}.hero-copy{padding:48px 22px}.hero h1{font-size:44px}.hero-visual{min-height:300px}.topic-grid{grid-template-columns:1fr}.recipe-card{box-shadow:6px 6px 0 var(--gold)}.article-image{box-shadow:5px 5px 0 var(--gold)}.footer-intro .brand{white-space:normal}.footer-intro .brand-name{font-size:18px}}