/* Gastrosex.com — "candlelit kitchen" design system */

:root{
  --plum:#2b1631; --plum-2:#4a2a52; --bg:#f4eef2; --paper:#fffcfa; --text:#2b1631; --muted:#6a566e; --line:#dccfd8; --line-2:#c7b5c2;
  --saffron:#e3a008; --saffron-ink:#8a5a00; --pom:#a3203a; --herb:#3f6b4c;
  --btn-dark-bg:var(--plum); --btn-dark-fg:#fffcfa; --focus:#e3a008;
  --serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif; --sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:6px; --wrap:1180px; --shadow:0 30px 60px -30px rgba(43,22,49,.45);
}
[data-theme="dark"]{
  --bg:#1d0f22; --paper:#2a1830; --text:#f3e9ef; --muted:#bba8bf; --line:#46304d; --line-2:#5c4464;
  --saffron-ink:#f2c14e; --pom:#e06a80; --herb:#8fc29d; --btn-dark-bg:#f3e9ef; --btn-dark-fg:#2b1631; --shadow:0 30px 60px -30px rgba(0,0,0,.7);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 var(--sans);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--saffron);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--saffron-ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;margin:0 0 .5em;font-optical-sizing:auto;letter-spacing:-.005em}
h1{font-size:clamp(2.2rem,4.5vw,3.3rem)}
h2{font-size:clamp(1.45rem,2.4vw,1.85rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wrap-narrow{max-width:760px;margin:2rem auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--saffron);color:var(--plum);padding:.6rem 1rem;z-index:99}
.skip:focus{left:8px;top:8px}
.muted{color:var(--muted)} .small{font-size:.875rem}
.lede{font-size:1.18rem;color:var(--muted);max-width:62ch}
.hp{position:absolute;left:-5000px}

/* owner bar */
.owner-bar{background:var(--plum);color:#f3e9ef;text-align:center;font-size:.86rem;padding:.45rem 1rem;line-height:1.35}
.owner-bar a{color:#f6cf6a;text-decoration:underline;text-decoration-color:rgba(246,207,106,.5)}
[data-theme="dark"] .owner-bar{background:#120815}

/* header */
.site-head{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;gap:1.2rem;min-height:68px}
.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text)}
.brand .mark{width:34px;height:34px;color:var(--text)}
.brand .word{font-family:var(--serif);font-size:1.55rem;font-weight:700;letter-spacing:-.01em}
.main-nav{display:flex;align-items:center;gap:1.2rem;margin-left:auto}
.main-nav ul{display:flex;gap:1.15rem;list-style:none;margin:0;padding:0}
.main-nav a{text-decoration:none;font-weight:500;font-size:.98rem}
.main-nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--saffron)}
.head-actions{display:flex;gap:.2rem;align-items:center}
.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:var(--text);border-radius:50%;cursor:pointer;position:relative;text-decoration:none}
.icon-btn:hover{background:var(--line)}
.ic{width:22px;height:22px}
.saved-count{position:absolute;top:2px;right:0;background:var(--pom);color:#fff;font-size:.68rem;font-weight:700;border-radius:9px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px}
.saved-count[hidden]{display:none}
.menu-btn{display:none}
@media (max-width:980px){
  .menu-btn{display:inline-grid}
  .main-nav{position:fixed;inset:calc(68px + 2.2rem) 0 auto 0;background:var(--bg);flex-direction:column;align-items:stretch;padding:1rem 20px 1.5rem;border-bottom:1px solid var(--line);display:none;margin:0}
  .main-nav.open{display:flex}
  .main-nav ul{flex-direction:column;gap:.2rem}
  .main-nav ul a{display:block;padding:.6rem 0;font-size:1.1rem}
  .head-actions{margin-left:auto}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font:600 1rem/1.2 var(--sans);padding:.72rem 1.15rem;border-radius:var(--r);border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
.btn .ic{width:18px;height:18px}
.btn-lg{padding:.95rem 1.5rem;font-size:1.06rem}
.btn-sm{padding:.5rem .85rem;font-size:.9rem}
.btn-saffron{background:var(--saffron);color:#2b1631}
.btn-saffron:hover{background:#f0b12a;color:#2b1631}
.btn-plum{background:var(--btn-dark-bg);color:var(--btn-dark-fg)}
.btn-plum:hover{color:var(--btn-dark-fg);opacity:.9}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--text);color:var(--text)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn[aria-pressed="true"]{background:var(--saffron);color:#2b1631;border-color:var(--saffron)}

/* sections */
.sec{padding:3.2rem 0}
.wrap.sec{padding-left:20px;padding-right:20px}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem}
.sec-head a{font-weight:600;white-space:nowrap}
.page-head{padding:3rem 20px 1.5rem}
.page-head-tight{padding:1rem 0 1.4rem}

/* hero + menu card */
.hero{padding:3.5rem 0 3rem}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center}
.hero h1{font-size:clamp(3.2rem,8.5vw,6.6rem);font-weight:500;line-height:.95;letter-spacing:-.025em;margin-bottom:.35em}
.hero h1::after{content:"";display:block;width:3.2rem;height:4px;background:var(--saffron);margin-top:.4em}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 1rem}
.hero-note{color:var(--muted);font-size:.92rem}
.menu-card{background:var(--paper);border:1px solid var(--line-2);padding:2.2rem 2rem 1.7rem;text-align:center;position:relative;box-shadow:var(--shadow);border-radius:2px}
.menu-card::before{content:"";position:absolute;inset:9px;border:1px solid var(--line);pointer-events:none}
.mc-head{font-family:var(--serif);font-style:italic;font-size:1.3rem;margin:0}
.mc-date{color:var(--muted);font-size:.88rem;margin:.2rem 0 1.2rem}
.mc-list{list-style:none;padding:0;margin:0 0 1.2rem}
.mc-list li{padding:.65rem 0;border-top:1px dotted var(--line-2)}
.mc-list li:first-child{border-top:0}
.mc-course{display:block;font-family:var(--serif);font-style:italic;color:var(--muted);font-size:.95rem}
.mc-dish{font-family:var(--serif);font-size:1.32rem;font-weight:500;text-decoration:none;line-height:1.25;display:inline-block}
.mc-dish:hover{color:var(--saffron-ink)}
.mc-serve{font-size:.92rem;color:var(--muted);margin-bottom:1.1rem}
.mc-actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;position:relative}
.mc-list.dealing li{animation:deal .45s ease both}
.mc-list.dealing li:nth-child(2){animation-delay:.06s}.mc-list.dealing li:nth-child(3){animation-delay:.12s}.mc-list.dealing li:nth-child(4){animation-delay:.18s}.mc-list.dealing li:nth-child(5){animation-delay:.24s}
@keyframes deal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr;gap:2.2rem}.hero{padding-top:2.2rem}}

/* menu boards (recipe lists with dotted leaders) */
.menu-board{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.menu-board-full{grid-template-columns:repeat(2,1fr);gap:2.4rem 3.2rem;margin-top:1.5rem}
.menu-col h2,.menu-col h3{font-style:italic;font-weight:500;border-bottom:2px solid var(--text);padding-bottom:.35rem;margin-bottom:.4rem}
.mlist{list-style:none;padding:0;margin:0}
.mline{padding:.7rem 0;border-bottom:1px solid var(--line)}
.mline>a{display:flex;align-items:baseline;text-decoration:none;gap:.4rem}
.ml-course{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:.9rem;margin-right:.2rem}
.ml-title{font-family:var(--serif);font-size:1.16rem;font-weight:600;line-height:1.25}
.mline>a:hover .ml-title{color:var(--saffron-ink)}
.ml-lead{flex:1;border-bottom:2px dotted var(--line-2);min-width:1.5rem;transform:translateY(-.28em)}
.ml-time{font-size:.88rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.ml-desc{margin:.25rem 0 0;color:var(--muted);font-size:.93rem}
.ml-diets{white-space:nowrap}
.diet-dot{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;border:1.3px solid var(--herb);color:var(--herb);font-size:.66rem;font-weight:700;text-decoration:none;margin-left:.2rem;vertical-align:1px;cursor:help}
.mline[hidden],.menu-col[hidden]{display:none}
@media (max-width:860px){.menu-board,.menu-board-full{grid-template-columns:1fr}}

/* filters */
.filters{display:grid;gap:.7rem;padding:1rem 0 .4rem;border-bottom:1px solid var(--line)}
.f-group{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}
.f-label{font-weight:600;font-size:.9rem;margin-right:.3rem;min-width:3.4rem}
.pill{font:500 .9rem var(--sans);padding:.38rem .8rem;border:1.5px solid var(--line-2);background:transparent;color:var(--text);border-radius:var(--r);cursor:pointer}
.pill[aria-pressed="true"]{background:var(--btn-dark-bg);color:var(--btn-dark-fg);border-color:var(--btn-dark-bg)}
.f-count{color:var(--muted);font-size:.9rem;margin:0}
.empty{padding:2rem 0;color:var(--muted)}

/* occasion band */
.occasion{background:var(--plum);color:#f3e9ef}
[data-theme="dark"] .occasion{background:#120815}
.occasion .btn-ghost{color:#f3e9ef;border-color:#7d6383}
.occasion .btn-plum{background:var(--saffron);color:#2b1631}
.occ-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}
.occasion h2{color:#fff}
.occasion .muted{color:#c9b6cc}
.anniv-form label{font-weight:600;display:block;margin-bottom:.5rem}
.anniv-form .row{display:flex;gap:.5rem}
.anniv-form input{flex:1}
@media (max-width:760px){.occ-grid{grid-template-columns:1fr}}

/* lead band */
.lead-band{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:start;border:1.5px solid var(--text);padding:2.4rem;margin-top:3rem;margin-bottom:1rem;background:var(--paper)}
.wrap.lead-band{padding:2.4rem}
.lead-mini{display:grid;gap:.85rem}
.ticks{list-style:none;padding:0;margin:0 0 1rem}
.ticks li{padding-left:1.6rem;position:relative;margin:.35rem 0}
.ticks li::before{content:"";position:absolute;left:.2rem;top:.5em;width:.7rem;height:.38rem;border-left:2px solid var(--herb);border-bottom:2px solid var(--herb);transform:rotate(-45deg)}
@media (max-width:860px){.lead-band{grid-template-columns:1fr;padding:1.5rem}.wrap.lead-band{padding:1.5rem}}

/* lists of tools & guides */
.tool-list,.guide-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;border-top:1px solid var(--line)}
.tool-list li a,.guide-list li a{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.2rem 1.25rem 0;text-decoration:none;border-bottom:1px solid var(--line);height:100%}
.tool-list li a strong,.guide-list li a strong{font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:1.25}
.tool-list li a span,.g-desc{color:var(--muted);font-size:.95rem}
.tool-list li a:hover strong,.guide-list li a:hover strong{color:var(--saffron-ink)}
.g-cat{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:.92rem}
.g-read{font-size:.85rem;color:var(--muted)}
.tool-list-big{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.guide-list-col{grid-template-columns:1fr}
.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 3rem;padding-bottom:3rem}
.guide-cat h2{font-style:italic;font-weight:500;border-bottom:2px solid var(--text);padding-bottom:.35rem;margin:1.5rem 0 0}
@media (max-width:760px){.guides-grid{grid-template-columns:1fr}}

/* video */
.yt{margin:0}
.yt-btn{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden;border-radius:var(--r)}
.yt-btn img{width:100%;height:100%;object-fit:cover;opacity:.88}
.yt-play{position:absolute;inset:0;display:grid;place-items:center}
.yt-play .ic{width:64px;height:64px;padding:16px;border-radius:50%;background:var(--saffron);color:#2b1631;fill:#2b1631}
.yt iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r);display:block}
.yt figcaption{padding:.55rem 0 0;font-size:.93rem;line-height:1.4}
.yt figcaption span{color:var(--muted);display:block}
.vid-row,.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.vid-group{margin-bottom:2.6rem}
.vid-group h2{font-style:italic;font-weight:500}
.vid-item a.small{display:inline-block;margin-top:.35rem}
@media (max-width:860px){.vid-row,.vid-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vid-row,.vid-grid{grid-template-columns:1fr}}

/* involve */
.inv-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.2rem}
.inv{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--line-2);text-decoration:none;border-radius:var(--r);background:var(--paper)}
.inv strong{font-family:var(--serif);font-size:1.3rem;line-height:1.2}
.inv span{color:var(--muted)}
.inv-contest{background:var(--saffron);border-color:var(--saffron);color:#2b1631}
.inv-contest span{color:#4a2a10}
.inv:hover strong{text-decoration:underline;text-decoration-color:currentColor}
@media (max-width:860px){.inv-grid{grid-template-columns:1fr}}
.news-list{list-style:none;padding:0;margin:0;columns:2;column-gap:3rem}
.news-list li{break-inside:avoid;padding:.55rem 0;border-bottom:1px solid var(--line)}
.news-list li span{color:var(--muted);font-size:.85rem}
@media (max-width:760px){.news-list{columns:1}}

/* forms */
input,select,textarea{font:inherit;font-size:1rem;color:var(--text);background:var(--paper);border:1.5px solid var(--line-2);border-radius:var(--r);padding:.65rem .75rem;width:100%;min-height:44px}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px color-mix(in srgb,var(--saffron) 30%,transparent)}
input[type="checkbox"],input[type="radio"]{width:1.1rem;height:1.1rem;min-height:0;accent-color:var(--plum);flex:none}
[data-theme="dark"] input[type="checkbox"],[data-theme="dark"] input[type="radio"]{accent-color:var(--saffron)}
label{display:block;font-weight:600;font-size:.95rem}
label>input,label>select,label>textarea{margin-top:.35rem;font-weight:400}
.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.92rem}
.check input{margin-top:.2rem}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media (max-width:560px){.f2{grid-template-columns:1fr}}
.lead-box{background:var(--paper);border:1px solid var(--line-2);padding:1.8rem;border-radius:var(--r);display:grid;gap:.95rem;align-content:start}
.lead-box h2{margin:0}
.form-msg{margin:0;font-weight:600;min-height:1.2em}
.form-msg.ok{color:var(--herb)} .form-msg.err{color:var(--pom)}
.inline-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start}
.inline-form input[type=email]{flex:1 1 240px}
.inline-form .form-msg{flex-basis:100%}
.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.row>input{flex:1 1 140px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:start}
.split-flat{grid-template-columns:.8fr 1.2fr}
@media (max-width:860px){.split,.split-flat{grid-template-columns:1fr;gap:2rem}}

/* recipe */
.crumbs{font-size:.88rem;color:var(--muted);padding:1.4rem 0 .4rem}
.crumbs a{color:var(--muted)}
.recipe{padding-bottom:3rem}
.rec-head{max-width:860px;padding-bottom:1rem}
.rec-course{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1.05rem;margin-bottom:.3rem}
.rec-facts{display:flex;flex-wrap:wrap;margin:1.4rem 0 1rem;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rec-facts div{padding:.75rem 1.4rem .75rem 0;margin-right:1.4rem;border-right:1px solid var(--line)}
.rec-facts div:last-child{border-right:0}
.rec-facts dt{font-size:.82rem;color:var(--muted)}
.rec-facts dd{margin:0;font-weight:600}
.rec-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.chip{font-size:.82rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--r);border:1.3px solid var(--herb);color:var(--herb)}
.rec-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.rec-intro{display:grid;grid-template-columns:1.3fr .9fr;gap:2.5rem;margin:1.5rem 0 2rem;max-width:none}
.why{border-left:3px solid var(--saffron);padding:.2rem 0 .2rem 1.2rem}
.why h2{font-size:1.2rem;font-style:italic;font-weight:500}
.rec-video{max-width:760px;margin:0 0 2.5rem}
.make-it{display:grid;grid-template-columns:.85fr 1.15fr;gap:2.5rem;align-items:start;scroll-margin-top:90px}
.ing-card{background:var(--paper);border:1px solid var(--line-2);padding:1.5rem;border-radius:var(--r);position:sticky;top:90px}
.ing-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.ing-head h2{margin:0}
.servings{display:flex;align-items:center;gap:.25rem;font-size:.88rem}
.servings span{margin-right:.3rem;color:var(--muted)}
.servings button{font:600 .9rem var(--sans);width:2.1rem;height:2.1rem;border:1.5px solid var(--line-2);background:transparent;color:var(--text);border-radius:var(--r);cursor:pointer}
.servings button[aria-pressed="true"]{background:var(--btn-dark-bg);color:var(--btn-dark-fg);border-color:var(--btn-dark-bg)}
.ings{list-style:none;padding:0;margin:0 0 1rem}
.ings li{border-bottom:1px solid var(--line);padding:.5rem 0}
.ings label{display:flex;gap:.6rem;font-weight:400;font-size:1rem;align-items:baseline;cursor:pointer}
.ings input{transform:translateY(2px)}
.ings .amt{font-weight:700;white-space:nowrap}
.ings .alt{color:var(--muted);font-weight:500}
.ings input:checked~span{text-decoration:line-through;color:var(--muted)}
.method-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem}
.method-head h2{margin:0}
.steps{list-style:none;counter-reset:s;padding:0;margin:0}
.steps li{counter-increment:s;position:relative;padding:.9rem 0 .9rem 3.2rem;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.steps li::before{content:counter(s);position:absolute;left:0;top:.75rem;font-family:var(--serif);font-size:1.7rem;font-weight:600;color:var(--saffron-ink);width:2.4rem;text-align:center}
.steps li p{margin:0}
.timer-btn{margin-top:.55rem;display:inline-flex;align-items:center;gap:.35rem;font:600 .86rem var(--sans);padding:.35rem .7rem;border:1.5px solid var(--line-2);background:transparent;color:var(--text);border-radius:var(--r);cursor:pointer}
.timer-btn .ic{width:16px;height:16px}
.timer-btn.running{background:var(--saffron);border-color:var(--saffron);color:#2b1631}
.timer-btn.done{background:var(--pom);border-color:var(--pom);color:#fff}
body.cooking .steps li{font-size:1.18rem;cursor:pointer;opacity:.55}
body.cooking .steps li.current{opacity:1;background:color-mix(in srgb,var(--saffron) 14%,transparent);border-radius:var(--r)}
.rec-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem 2.5rem;margin:3rem 0 1rem}
.note-block h3{font-style:italic;font-weight:500;font-size:1.25rem;border-bottom:1px solid var(--line);padding-bottom:.3rem}
.note-block ul{padding-left:1.2rem;margin:0}
.faq details,.rules{border-bottom:1px solid var(--line);padding:.85rem 0}
.faq summary,.rules summary{font-weight:600;cursor:pointer}
.faq details p{margin:.6rem 0 0;color:var(--muted)}
.faq{max-width:860px;margin-top:2rem}
.rec-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0 1rem}
.cta-card{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem;border:1.5px solid var(--text);border-radius:var(--r);text-decoration:none}
.cta-card strong{font-family:var(--serif);font-size:1.15rem;line-height:1.25}
.cta-card span{color:var(--muted);font-size:.93rem}
.cta-card:hover{background:var(--paper)}
@media (max-width:860px){.rec-intro,.make-it,.rec-notes,.rec-cta{grid-template-columns:1fr}.ing-card{position:static}}

/* prose */
.prose{max-width:70ch;font-size:1.08rem;line-height:1.7}
.prose h2{margin-top:1.8em}
.prose ul,.prose ol{padding-left:1.3rem}
.prose li{margin:.35rem 0}
.prose .note,.note{background:var(--paper);border-left:3px solid var(--saffron);padding:.8rem 1rem;font-size:.95rem;color:var(--muted)}
.prose-page{padding-bottom:3rem}
.prose-page .split{max-width:none}
.table-wrap{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:700;border-bottom:2px solid var(--text)}
.guide{padding-bottom:2rem}
.guide-head{max-width:820px}
.byline{color:var(--muted);font-size:.9rem}
.guide-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start;margin-top:1rem}
.guide-side{position:sticky;top:90px;display:grid;gap:1.2rem}
.side-card{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);padding:1.2rem}
.side-card h2{font-size:1.15rem}
.side-card ul{padding-left:1.1rem;margin:0;font-size:.95rem}
@media (max-width:960px){.guide-body{grid-template-columns:1fr}.guide-side{position:static}}

/* tools */
.tool-page{padding-bottom:3rem}
.builder{display:grid;grid-template-columns:340px minmax(0,1fr);gap:2.5rem;align-items:start}
.builder-form{display:grid;gap:1.1rem;background:var(--paper);border:1px solid var(--line-2);padding:1.4rem;border-radius:var(--r)}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{font-weight:700;font-size:.95rem;margin-bottom:.45rem;padding:0}
.seg{display:flex;flex-wrap:wrap;gap:.35rem}
.seg label{font-weight:500}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:inline-block;padding:.42rem .75rem;border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer;font-size:.92rem}
.seg input:checked+span{background:var(--btn-dark-bg);color:var(--btn-dark-fg);border-color:var(--btn-dark-bg)}
.seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem}
.checks label{display:flex;gap:.45rem;align-items:center;font-weight:500;font-size:.93rem}
.builder-out{display:grid;gap:1.6rem}
.menu-card-lg{padding:2.6rem 2.2rem 2rem}
.menu-card .swap{font:600 .8rem var(--sans);margin-left:.4rem;border:1px solid var(--line-2);background:transparent;color:var(--muted);border-radius:var(--r);padding:.15rem .45rem;cursor:pointer;vertical-align:middle}
.menu-card .swap:hover{color:var(--text);border-color:var(--text)}
.mc-meta{display:block;color:var(--muted);font-size:.85rem;margin-top:.15rem}
.out-block{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);padding:1.4rem}
.out-block h2{font-size:1.3rem;font-style:italic;font-weight:500}
.out-extra{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.out-extra .lead-box,.out-extra .out-actions{grid-column:1/-1}
.out-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.shop{list-style:none;padding:0;margin:0 0 .8rem;columns:1}
.shop li{padding:.3rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
.shop li b{font-weight:700}
.shop .shop-r{font-family:var(--serif);font-style:italic;color:var(--muted);border-bottom:0;padding-top:.8rem}
.tline{list-style:none;padding:0;margin:0}
.tline li{display:grid;grid-template-columns:5.2rem 1fr;gap:.6rem;padding:.42rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
.tline time{font-weight:700;font-variant-numeric:tabular-nums}
.tline .serve{background:color-mix(in srgb,var(--saffron) 18%,transparent)}
@media (max-width:960px){.builder{grid-template-columns:1fr}.out-extra{grid-template-columns:1fr}}
.tl-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}
.tl-picks{display:grid;gap:.3rem;max-height:340px;overflow:auto;padding-right:.4rem}
.tl-pick{display:flex;gap:.5rem;align-items:center;font-weight:500;font-size:.93rem}
.tl-pick .muted{margin-left:auto;font-size:.85rem}
@media (max-width:860px){.tl-tool{grid-template-columns:1fr}}
.pair-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}
.seg-wrap span{font-size:.88rem}
.pair-out{display:grid;gap:1rem}
.pair-card{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);padding:1.2rem 1.3rem}
.pair-card h3{font-style:italic;font-weight:500;margin-bottom:.3rem}
.pair-card p{margin:0;color:var(--muted)}
@media (max-width:860px){.pair-tool{grid-template-columns:1fr}}
.conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.conv-form{display:grid;gap:.7rem}
.conv-form .row label{display:flex;align-items:center;gap:.4rem;font-weight:500}
.conv-form .row label input{width:5rem;margin:0}
.conv-out{margin-top:.8rem;font-size:1.05rem}
.conv-out ul{padding-left:1.1rem;margin:0}
@media (max-width:760px){.conv-grid{grid-template-columns:1fr}}
.quiz{max-width:760px}
.quiz-qs{list-style:none;padding:0;margin:0}
.quiz-q h2{font-size:1.5rem}
.quiz-opts{display:grid;gap:.5rem}
.quiz-opts label{display:flex;gap:.7rem;align-items:center;font-weight:500;padding:.8rem 1rem;border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer;background:var(--paper)}
.quiz-opts label:has(input:checked){border-color:var(--saffron);background:color-mix(in srgb,var(--saffron) 12%,var(--paper))}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem}
.quiz-result{margin-top:1.4rem;display:grid;gap:1rem}
.quiz-result .menu-card{text-align:left}

/* plan page */
.plan-hero{padding:2.5rem 0 1rem}
.plan-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem;align-items:start}
.how{padding-left:1.3rem}
.how li{margin:.45rem 0}
.step-count{font-weight:700;margin:0;font-size:.9rem;color:var(--muted)}
.progress{height:4px;background:var(--line);border-radius:4px;overflow:hidden}
.progress span{display:block;height:100%;width:33%;background:var(--saffron);transition:width .25s}
.step{display:grid;gap:.9rem}
.step[hidden]{display:none}
.choice-list{display:grid;gap:.5rem}
.choice-list label{display:flex;gap:.75rem;align-items:flex-start;font-weight:400;padding:.8rem .9rem;border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer}
.choice-list label:has(input:checked){border-color:var(--saffron);background:color-mix(in srgb,var(--saffron) 10%,var(--paper))}
.choice-list input{margin-top:.25rem}
.choice-list strong{display:block}
.step-nav{display:flex;justify-content:space-between;gap:.6rem}
.step-nav [data-step-next],.step-nav [data-step-submit]{margin-left:auto}
@media (max-width:860px){.plan-grid{grid-template-columns:1fr}}
.cta-strip{border-top:1px solid var(--line);text-align:center}
.cta-strip p{margin:0;font-size:1.08rem}

/* support */
.alloc{list-style:none;padding:0;margin:0 0 .6rem}
.alloc li{position:relative;padding:.6rem 0 .6rem;border-bottom:1px solid var(--line)}
.alloc .bar{display:block;height:6px;width:var(--w);background:var(--saffron);border-radius:3px;margin-bottom:.35rem}
.tiers{display:grid;gap:.45rem}
.tier{display:grid;grid-template-columns:auto 4.2rem 1fr;gap:.2rem .6rem;align-items:center;padding:.7rem .9rem;border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer;font-weight:400}
.tier:has(input:checked){border-color:var(--saffron);background:color-mix(in srgb,var(--saffron) 10%,var(--paper))}
.tier-amt{font-family:var(--serif);font-size:1.35rem;font-weight:700}
.tier-name{font-weight:700}
.tier-desc{grid-column:2/-1;color:var(--muted);font-size:.88rem}
.pay-buttons{display:flex;flex-wrap:wrap;gap:.5rem}

/* contest */
.contest-hero{background:var(--saffron);color:#2b1631;padding:3.2rem 0 3rem}
.contest-hero .rec-course{color:#4a2a10}
.contest-hero h1{font-size:clamp(2.6rem,6.5vw,4.8rem);font-weight:500;max-width:16ch}
.contest-hero .lede{color:#3a2210}
.contest-hero .btn-saffron{background:#2b1631;color:#fffcfa}
.countdown{font-weight:700;font-size:1.1rem}
.prize-list{list-style:none;padding:0;margin:0 0 1.5rem}
.prize-list li{padding:.7rem 0;border-bottom:1px solid var(--line)}
.prize-list strong{display:block;font-family:var(--serif);font-size:1.2rem}
.theme-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 2rem}
.theme-list li{padding:.45rem 0;border-bottom:1px solid var(--line)}
.theme-list li span{display:inline-block;width:6.5rem;font-family:var(--serif);font-style:italic;color:var(--muted)}
.theme-list li.now{font-weight:700}

/* careers / advertise */
.role-list,.ad-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
.role-list li,.ad-list li{border-top:2px solid var(--text);padding:1rem 0 0}
.role-list h3,.ad-list h2{font-size:1.3rem}

/* saved, search, sitemap */
.saved-wrap{display:grid;gap:2rem;padding-bottom:3rem}
.search-dlg{border:0;padding:0;width:min(680px,94vw);max-height:80vh;border-radius:var(--r);background:var(--paper);color:var(--text);box-shadow:var(--shadow);margin-top:10vh}
.search-dlg::backdrop{background:rgba(29,15,34,.55)}
.search-form{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--line)}
.search-results{list-style:none;padding:.4rem 1rem 1rem;margin:0;overflow:auto;max-height:60vh}
.search-results li a{display:block;padding:.6rem 0;border-bottom:1px solid var(--line);text-decoration:none}
.search-results li a strong{font-family:var(--serif);font-size:1.1rem}
.search-results li a span{display:block;color:var(--muted);font-size:.9rem}
.search-results-page{max-width:760px;padding:0 0 3rem}
.search-page-form{display:flex;gap:.6rem;max-width:620px;margin-top:1rem}
.smap{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 3rem}
@media (max-width:760px){.smap{grid-template-columns:1fr}}
.pb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;padding-bottom:3rem}
.pb-menu{background:var(--paper);border:1px solid var(--line-2);padding:1.4rem;border-radius:var(--r)}
.pb-menu h2{font-size:1.3rem}
.pb-lines{list-style:none;padding:0;margin:0 0 .6rem}
.pb-lines li{padding:.35rem 0;border-bottom:1px dotted var(--line-2)}
@media (max-width:760px){.pb-grid{grid-template-columns:1fr}}
.thanks{padding-bottom:4rem}
.thanks-extra{margin:1rem 0 1.5rem}

/* footer */
.site-foot{background:var(--plum);color:#e9dce6;margin-top:3rem;padding:3rem 0 2rem}
[data-theme="dark"] .site-foot{background:#120815}
.site-foot a{color:#f3e9ef}
.site-foot a:hover{color:#f6cf6a}
.foot-signup{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding-bottom:2.4rem;border-bottom:1px solid #4d3355}
.foot-signup h2{color:#fff}
.foot-signup p{color:#cdb9cf}
.foot-signup input{background:#fffcfa;color:#2b1631;border-color:#fffcfa}
.foot-signup .form-msg.ok{color:#a7dbb4}
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding:2.2rem 0}
.foot-cols h3{font-family:var(--sans);font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.6rem}
.foot-cols ul{list-style:none;padding:0;margin:0}
.foot-cols li{margin:.3rem 0;font-size:.95rem}
.foot-cols a{text-decoration:none}
.foot-brand .brand{color:#fff}
.foot-brand .brand .mark{color:#fff}
.foot-brand p{color:#cdb9cf;font-size:.95rem;margin-top:.8rem}
.foot-legal{border-top:1px solid #4d3355;padding-top:1.4rem;font-size:.84rem;color:#bba5bf}
.foot-legal p{max-width:none}
@media (max-width:860px){.foot-signup,.foot-cols{grid-template-columns:1fr 1fr}.foot-signup{grid-template-columns:1fr}.foot-brand{grid-column:1/-1}}

/* consent */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;background:var(--paper);color:var(--text);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:var(--r);padding:1rem 1.2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.consent[hidden]{display:none}
.consent p{margin:0;flex:1 1 320px;font-size:.92rem}
.consent-actions{display:flex;gap:.5rem}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--btn-dark-bg);color:var(--btn-dark-fg);padding:.7rem 1.1rem;border-radius:var(--r);font-weight:600;z-index:60;box-shadow:var(--shadow)}

/* print */
@media print{
  .owner-bar,.site-head,.site-foot,.consent,.rec-actions,.rec-video,.rec-cta,.related,.servings,[data-copy-list],.method-head .btn,.timer-btn,.builder-form,.out-actions,.lead-box,.crumbs,.guide-side,ins.adsbygoogle,.google-auto-placed{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .make-it,.out-extra{grid-template-columns:1fr 1.3fr}
  .ing-card,.out-block,.menu-card{box-shadow:none;border:1px solid #999;position:static}
  a{text-decoration:none}
}