:root{--bg: #fdf8f1;--bg-alt: #f7edda;--surface: #ffffff;--surface-2: #fffcf7;--text: #241c17;--muted: #6c5c50;--brand: #fbad1b;--brand-gold: #fcc90f;--brand-hover: #e89c10;--brand-ink: #8a5405;--brand-soft: #fff3dc;--on-brand: #241c17;--border: #ece0cb;--border-strong: #ddcaa9;--shadow-sm: 0 1px 2px rgba(74, 42, 18, .05), 0 2px 6px rgba(74, 42, 18, .04);--shadow-md: 0 4px 12px rgba(74, 42, 18, .07), 0 12px 28px rgba(74, 42, 18, .07);--shadow-lg: 0 8px 20px rgba(74, 42, 18, .09), 0 24px 48px rgba(74, 42, 18, .1);--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--step--2: clamp(.72rem, .7rem + .1vw, .78rem);--step--1: clamp(.84rem, .81rem + .14vw, .92rem);--step-0: clamp(1.02rem, .99rem + .16vw, 1.12rem);--step-1: clamp(1.18rem, 1.12rem + .3vw, 1.38rem);--step-2: clamp(1.4rem, 1.29rem + .55vw, 1.8rem);--step-3: clamp(1.7rem, 1.49rem + 1.05vw, 2.4rem);--step-4: clamp(2.05rem, 1.68rem + 1.85vw, 3.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--maxw: 72rem;--measure: 40rem;--gutter: clamp(1rem, 4vw, 2rem)}@media(prefers-color-scheme:dark){:root{--bg: #17120f;--bg-alt: #1e1714;--surface: #221b16;--surface-2: #281f19;--text: #f4ebe0;--muted: #b6a493;--brand: #fbad1b;--brand-gold: #fcc90f;--brand-hover: #fcc90f;--brand-ink: #fbad1b;--brand-soft: #3a2b10;--on-brand: #241c17;--border: #372c24;--border-strong: #4a3a2e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35), 0 12px 28px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .4), 0 24px 48px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;--header-h: 4.25rem;scroll-padding-top:calc(var(--header-h) + var(--space-4));-webkit-text-size-adjust:100%}@media(max-width:46rem){html{--header-h: 3.5rem}}body{margin:0;font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-ink);text-underline-offset:.18em}a:hover{color:var(--text)}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--brand-ink);outline-offset:3px;border-radius:4px}::selection{background:var(--brand);color:var(--on-brand)}hr{border:0;border-top:1px solid var(--border);margin:var(--space-7) 0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}main{max-width:var(--maxw);margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-9)}.band{background:var(--bg-alt);border-block:1px solid var(--border);margin-inline:calc(var(--gutter) * -1);padding:var(--space-7) var(--gutter)}.band--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--space-5) clamp(2rem,6vw,5rem);align-items:start}.band--split .section-head{margin-bottom:0}.band--split .lede{margin-bottom:var(--space-5)}@media(max-width:60rem){.band--split{grid-template-columns:1fr}}.stack>*+*{margin-top:var(--space-5)}.section{margin-top:var(--space-8)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.section-head h2{margin:0}.section-head .more{font-size:var(--step--1);font-weight:600;text-decoration:none;white-space:nowrap}.section-head .more:hover{text-decoration:underline}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:100;padding:.7rem 1.1rem;background:var(--brand);color:var(--on-brand);font-weight:600;border-radius:var(--radius-sm);transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0);color:var(--on-brand)}.site-header{position:sticky;top:0;z-index:50;background:var(--bg);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;max-width:var(--maxw);margin:0 auto;padding:var(--space-3) var(--gutter)}.brand{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto;transition:opacity .15s ease}.brand:hover{opacity:.8}.brand__logo{display:block;height:2.35rem;width:auto}.site-nav{display:flex;gap:var(--space-1);flex-wrap:wrap}@media(max-width:46rem){.site-header__inner{flex-wrap:nowrap;gap:var(--space-3)}.site-nav{min-width:0}.brand__logo{height:1.9rem}.site-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.site-nav::-webkit-scrollbar{display:none}.site-nav{-webkit-mask-image:linear-gradient(to right,#000 88%,transparent 100%);mask-image:linear-gradient(to right,#000 88%,transparent 100%)}.site-nav a{padding:.4rem .6rem}}.site-nav a{padding:.45rem .8rem;border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink)}.site-footer{border-top:1px solid var(--border);background:var(--bg-alt);padding:var(--space-7) var(--gutter) var(--space-6);font-size:var(--step--1);color:var(--muted)}.site-footer__inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-6)}.site-footer h2{font-family:var(--font-sans);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.1em;color:var(--text);margin:0 0 var(--space-3)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li+li{margin-top:var(--space-2)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--brand-ink);text-decoration:underline}.site-footer__blurb{margin:0;max-width:30ch}.social__list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.social__list a{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.social__list a:hover{color:var(--brand-ink);border-color:var(--brand);background:var(--brand-soft)}.social__list svg{display:block}.site-footer__legal{max-width:var(--maxw);margin:var(--space-6) auto 0;padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--step--2)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;line-height:1.15;color:var(--text);text-wrap:balance}h1{font-size:var(--step-4);margin:0 0 var(--space-4)}h2{font-size:var(--step-2);margin:var(--space-7) 0 var(--space-4)}h3{font-size:var(--step-1);margin:0 0 var(--space-2)}p{text-wrap:pretty}.lede{font-size:var(--step-1);line-height:1.55;color:var(--muted);max-width:var(--measure);margin:0 0 var(--space-5)}.eyebrow{display:inline-block;font-family:var(--font-sans);font-size:var(--step--2);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-ink);margin:0 0 var(--space-2)}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}.empty{color:var(--muted);font-style:italic;padding:var(--space-6);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.35rem;border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--step--1);font-weight:650;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--brand-hover);color:var(--on-brand);box-shadow:var(--shadow-md)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand-ink)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-ink);font-size:var(--step--2);font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap}a.chip:hover{background:var(--brand);color:var(--on-brand)}.chip--neutral{background:transparent;border:1px solid var(--border-strong);color:var(--muted);text-transform:none;letter-spacing:0;font-weight:600}a.chip--neutral:hover{border-color:var(--brand);background:transparent;color:var(--brand-ink)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:var(--space-6) 0 var(--space-7)}.hero__title{margin-bottom:var(--space-4)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.hero__media{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);outline:1px solid var(--border);outline-offset:0}.hero__media img{aspect-ratio:4 / 3;object-fit:cover;width:100%}.hero__media--empty{display:grid;place-items:center;aspect-ratio:4 / 3;background:radial-gradient(circle at 50% 45%,var(--brand-soft),var(--bg-alt))}.hero__media--empty img{width:40%;max-width:220px;height:auto;opacity:.9}.hero__caption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:.2rem;padding:var(--space-8) var(--space-5) var(--space-5);color:#fff;text-decoration:none;background:linear-gradient(to top,#140c06f0,#140c06c7 45%,#140c0600)}.hero__caption strong{font-family:var(--font-display);font-size:var(--step-1)}.hero__caption span{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--brand-gold)}.hero__caption:hover strong{text-decoration:underline}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:var(--space-4)}.hero__media{order:-1}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:clamp(1rem,2.5vw,1.75rem)}.start-guides{color:var(--muted);max-width:var(--measure);margin:var(--space-5) 0 0}.recipe-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong);color:inherit}.recipe-card__media{position:relative;overflow:hidden}.recipe-card .thumb{aspect-ratio:4 / 3;object-fit:cover;width:100%;transition:transform .4s ease}.recipe-card:hover .thumb{transform:scale(1.04)}.thumb--placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,var(--brand-soft),var(--bg-alt))}.thumb--placeholder img{width:42%;max-width:120px;height:auto;opacity:.9}.recipe-card__time{position:absolute;top:var(--space-3);right:var(--space-3);padding:.25rem .65rem;border-radius:var(--radius-pill);background:#fffffff0;color:#241c17;font-size:var(--step--2);font-weight:700;box-shadow:var(--shadow-sm)}.card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5)}.card-body .eyebrow{margin:0}.card-body h3{margin:0;line-height:1.25}.recipe-card:hover h3{color:var(--brand-ink)}.card-body p{color:var(--muted);font-size:var(--step--1);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:var(--space-4)}.category-tile{position:relative;display:block;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.category-tile:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-sm);color:inherit}.category-tile h3{color:var(--brand-ink);margin-bottom:var(--space-1)}.category-tile p{color:var(--muted);font-size:var(--step--1);margin:0}.category-tile__count{display:block;margin-top:var(--space-3);font-size:var(--step--2);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.category-intro{max-width:var(--measure);margin:0 0 var(--space-7);font-size:var(--step-0);line-height:1.75;color:var(--text)}.breadcrumb{margin:0 0 var(--space-4);font-size:var(--step--1)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0;color:var(--muted)}.breadcrumb li{display:flex;align-items:center;gap:.4rem}.breadcrumb li+li:before{content:"/";color:var(--border-strong)}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--brand-ink);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--text);font-weight:600}.recipe{max-width:56rem;margin:0 auto;display:grid;grid-template-columns:1fr min(var(--measure),100%) 1fr}.recipe>*{grid-column:2}.recipe__wide{grid-column:1 / -1}.recipe__byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--step--1);color:var(--muted);margin:0 0 var(--space-5)}.recipe__byline strong{color:var(--text);font-weight:650}.recipe .hero-img{border-radius:var(--radius-lg);aspect-ratio:3 / 2;object-fit:cover;width:100%;box-shadow:var(--shadow-md)}.recipe-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-4);padding:var(--space-5);margin:var(--space-6) 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.recipe-meta div{display:flex;flex-direction:column;gap:.15rem;text-align:center}.recipe-meta dt{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted)}.recipe-meta dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--step-1);color:var(--text)}.jump-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0 var(--space-6)}.recipe-body{font-size:var(--step-0);line-height:1.75}.recipe-body>*+*{margin-top:var(--space-4)}.recipe-body h2{font-size:var(--step-2)}.recipe-body h3{font-size:var(--step-1);margin-top:var(--space-6)}.recipe-body blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--text)}.recipe-body ul,.recipe-body ol{padding-left:1.35rem}.recipe-body li+li{margin-top:var(--space-2)}.recipe-card-block{margin:var(--space-8) 0;padding:clamp(1.25rem,4vw,2.25rem);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);scroll-margin-top:calc(var(--header-h) + var(--space-4))}.recipe-card-block>h2:first-child{margin-top:0}.recipe-card-block h2{display:flex;align-items:center;gap:var(--space-3);font-size:var(--step-2);margin-top:var(--space-7)}.recipe-card-block h2:after{content:"";flex:1;height:1px;background:var(--border)}.recipe-hint{font-size:var(--step--1);color:var(--muted);margin:calc(var(--space-3) * -1) 0 var(--space-4)}.recipe-card-block .step-list,.recipe-card-block .recipe-hint{max-width:var(--measure)}.ing-list{list-style:none;margin:0;padding:0}@media(min-width:46rem){.ing-list{columns:2;column-gap:var(--space-7)}.ing-list li{break-inside:avoid}.ing-list li:first-child{border-top:0}}.ing-list li+li{border-top:1px dashed var(--border)}.ing-list label{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;cursor:pointer}.ing-list input[type=checkbox]{flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:.3rem;accent-color:var(--brand-ink);cursor:pointer}.ing-list input:checked~span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--brand-ink)}.step-list{list-style:none;counter-reset:step;margin:0;padding:0}.step-list li{counter-increment:step;display:grid;grid-template-columns:2.1rem 1fr;gap:var(--space-4);padding:var(--space-4) 0}.step-list li+li{border-top:1px solid var(--border)}.step-list li{scroll-margin-top:calc(var(--header-h) + var(--space-4))}.step-list li:before{content:counter(step);display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-weight:700;font-size:var(--step-0)}.callout{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-alt)}.callout>h2:first-child,.callout>h3:first-child{margin-top:0}.callout ul{margin:0;padding-left:1.2rem}.callout li+li{margin-top:var(--space-3)}.share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-7) 0;padding-top:var(--space-5);border-top:1px solid var(--border)}.share__label{font-size:var(--step--2);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.related{margin-top:var(--space-8)}.prose{max-width:var(--measure);margin:0 auto}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-7)}.prose p{line-height:1.75}@media print{.site-header,.site-footer,.skip-link,.share,.related,.jump-row,.breadcrumb,.hero__actions{display:none!important}body{background:#fff;color:#000;font-size:11pt}main{padding:0;max-width:none}.recipe{display:block;max-width:none}.recipe-card-block,.recipe-meta,.callout{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.step-list li,.ing-list li{break-inside:avoid}.recipe .hero-img{max-height:7cm;object-fit:cover}a[href^=http]:after{content:" (" attr(href) ")";font-size:9pt;color:#555}}.recipe__answer{font-size:1.05rem;line-height:1.65;margin:1.25rem 0 0;padding:.9rem 1.15rem;border-left:4px solid var(--brand);background:color-mix(in srgb,var(--brand) 9%,transparent);border-radius:0 10px 10px 0}
