/* Fonts are served from this site, not Google, so no visitor's browser contacts a third party
   just to draw the text. Both are open-source (SIL Open Font License). */
@font-face{font-family:"Prata";src:url("fonts/prata.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Mulish";src:url("fonts/mulish.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
/* RESET360 with Camille McLaughlin -- site styles.
   Palette from the brand Camille already uses: the olive of the favicon, the terracotta and linen
   of the WordPress theme, the mauve-brown of the logo. Layout: one calm reading column with wide
   bands for the pillars; generous space, nothing loud. */
:root{
  --linen:#F7F3EE; --paper:#FFFDFA; --sand:#EDE5DA;
  --olive:#5B6047; --olive-deep:#454935; --terracotta:#C27B54; --mauve:#875E53;
  --ink:#2F2E2B; --muted:#6B655E; --line:#E2D9CD;
  --display:"Prata", Georgia, "Times New Roman", serif;
  --body:"Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap:1080px; --read:68ch; --radius:10px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --linen:#1E1C19; --paper:#26231F; --sand:#302C27;
  --olive:#AEB58F; --olive-deep:#C6CCA8; --terracotta:#E0A07C; --mauve:#D3A99D;
  --ink:#EEE8E0; --muted:#B5ADA3; --line:#3B362F; color-scheme:dark; } }
:root[data-theme="dark"]{
  --linen:#1E1C19; --paper:#26231F; --sand:#302C27;
  --olive:#AEB58F; --olive-deep:#C6CCA8; --terracotta:#E0A07C; --mauve:#D3A99D;
  --ink:#EEE8E0; --muted:#B5ADA3; --line:#3B362F; color-scheme:dark; }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--linen);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--olive);text-underline-offset:3px}
a:hover{color:var(--terracotta)}
:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--mauve);line-height:1.2;text-wrap:balance;margin:0}
h1{font-size:clamp(2rem,5vw,3rem)} h2{font-size:clamp(1.6rem,3.6vw,2.2rem)} h3{font-size:1.3rem}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--olive)}

/* header */
.site-head{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;flex-wrap:wrap}
.brand img{width:190px}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .brand img, :root:not([data-theme="light"]) .hero-logo{filter:brightness(1.6) saturate(.8)} }
:root[data-theme="dark"] .brand img, :root[data-theme="dark"] .hero-logo{filter:brightness(1.6) saturate(.8)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;font-size:.92rem;font-weight:600}
.nav a{color:var(--ink);text-decoration:none;padding:4px 0}
.nav a:hover{color:var(--olive)}
/* The 6 Pillars menu: shown on hover and on keyboard focus; the link itself opens the overview page */
.nav-drop{position:relative}
.nav-drop > a{display:block}
.nav-drop .drop{display:none;position:absolute;top:100%;left:-14px;z-index:6;list-style:none;margin:0;padding:8px 0;min-width:13rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.nav-drop:hover .drop,.nav-drop:focus-within .drop{display:block}
.nav-drop .drop a{display:flex;gap:10px;align-items:baseline;padding:7px 16px;font-weight:600}
.nav-drop .drop a span{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--terracotta)}
.nav-drop .drop a:hover{background:var(--linen)}

/* buttons */
.btn{display:inline-block;font:700 .95rem var(--body);text-decoration:none;border-radius:999px;padding:12px 22px;border:1.5px solid var(--olive);transition:background .15s,color .15s}
.btn-solid{background:var(--olive);color:var(--paper)}
.btn-solid:hover{background:var(--olive-deep);color:var(--paper);border-color:var(--olive-deep)}
.btn-line{color:var(--olive);background:transparent}
.btn-line:hover{background:var(--olive);color:var(--paper)}
:root[data-theme="dark"] .btn-solid, :root[data-theme="dark"] .btn-solid:hover{color:#1E1C19}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .btn-solid{color:#1E1C19} }

/* hero */
.hero{padding-block:56px 48px;text-align:center}
.hero-logo{width:min(560px,100%);margin:0 auto 26px}
.hero p.lede{font-size:1.18rem;max-width:44ch;margin:0 auto 26px;color:var(--ink)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* sections */
section.band{padding-block:56px;border-top:1px solid var(--line)}
section.band.alt{background:var(--paper)}
.section-head{max-width:var(--read);margin-bottom:28px;display:flex;flex-direction:column;gap:10px}
.section-head p{color:var(--muted)}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px}
.pillar{display:flex;flex-direction:column;gap:12px;min-width:0}
.pillar img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%}
.pillar h3{display:flex;align-items:baseline;gap:10px}
.pillar h3 span{font-family:var(--body);font-size:.8rem;font-weight:700;color:var(--terracotta);letter-spacing:.08em}
.pillar p{color:var(--muted);font-size:.97rem}

/* plate */
.plate{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border-top:1px solid var(--line)}
.plate div{padding:20px 18px 20px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.plate b{font-family:var(--display);font-weight:400;font-size:1.15rem;color:var(--olive)}
.plate span{color:var(--muted);font-size:.95rem}

/* story */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;align-items:center}
.story img{max-width:340px;width:100%;margin:0 auto;background:var(--sand);border-radius:50% 50% var(--radius) var(--radius)}
.story-text{display:flex;flex-direction:column;gap:16px;max-width:var(--read)}
.story-text .sig{font-family:var(--display);color:var(--mauve);font-size:1.2rem}
@media (max-width:760px){ .story{grid-template-columns:1fr} }

/* program */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;counter-reset:s}
.steps li{counter-increment:s;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px;font-size:.95rem}
.steps li::before{content:counter(s);font-family:var(--display);font-size:1.6rem;color:var(--terracotta);line-height:1}
section.band.alt .steps li{background:var(--linen)}

/* signup */
.signup{background:var(--olive);color:var(--paper);border-radius:14px;padding:34px 28px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}
.signup h2{color:var(--paper)}
.signup p{opacity:.92}
.signup form{display:flex;flex-wrap:wrap;gap:10px}
.signup input{flex:1 1 200px;min-width:0;font:inherit;padding:12px 14px;border-radius:999px;border:0;background:var(--paper);color:var(--ink)}
.signup button{font:700 .95rem var(--body);border:0;border-radius:999px;padding:12px 20px;background:var(--terracotta);color:#fff;cursor:pointer}
.signup .note{font-size:.82rem;opacity:.85;flex-basis:100%}
@media (max-width:760px){ .signup{grid-template-columns:1fr} }
:root[data-theme="dark"] .signup{color:#1E1C19} :root[data-theme="dark"] .signup h2{color:#1E1C19}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .signup, :root:not([data-theme="light"]) .signup h2{color:#1E1C19} }

/* footer */
.site-foot{border-top:1px solid var(--line);padding-block:36px;font-size:.9rem;color:var(--muted)}
.site-foot .wrap{display:flex;flex-direction:column;gap:12px}
.site-foot .cross{color:var(--ink)}

/* recipe page */
.recipe-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding-block:40px}
.recipe-hero img{border-radius:var(--radius);aspect-ratio:1/1;object-fit:cover;width:100%}
.recipe-hero .intro{display:flex;flex-direction:column;gap:14px}
.facts{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.92rem;color:var(--muted);font-variant-numeric:tabular-nums}
.facts b{color:var(--ink)}
@media (max-width:760px){ .recipe-hero{grid-template-columns:1fr} }
.plate-check{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.plate-check div{display:flex;flex-direction:column;gap:2px}
.plate-check b{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--olive)}
.recipe-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:40px;padding-block:36px}
@media (max-width:760px){ .recipe-body{grid-template-columns:1fr} }
.recipe-body h2{font-size:1.5rem;margin-bottom:14px}
.ing{list-style:none;padding:0;margin:0}
.ing li{padding:9px 0;border-bottom:1px solid var(--line)}
.steps-text{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:14px}
.steps-text li::marker{color:var(--terracotta);font-weight:700}
.prose{max-width:var(--read);display:flex;flex-direction:column;gap:14px}
table.nut{border-collapse:collapse;width:100%;max-width:420px;font-variant-numeric:tabular-nums;font-size:.95rem}
table.nut td{padding:7px 0;border-bottom:1px solid var(--line)}
table.nut td:last-child{text-align:right}
@media (prefers-reduced-motion: reduce){ *{transition:none!important} }

/* ---- shared page parts (added with the site builder) ---- */
.skip{position:absolute;left:-9999px;top:0;background:var(--paper);padding:8px 12px;z-index:10}
.skip:focus{left:12px;top:12px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px}
.page-hero{padding-block:48px 36px}
.page-hero .wrap{display:grid;gap:32px;align-items:center}
.page-hero.with-img .wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.page-hero-text{display:flex;flex-direction:column;gap:14px;max-width:var(--read)}
.page-hero .lede{font-size:1.15rem;color:var(--ink)}
.page-hero-img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}
@media (max-width:760px){ .page-hero.with-img .wrap{grid-template-columns:1fr} }
.body-band{padding-block:20px 56px}
.prose{max-width:var(--read);display:flex;flex-direction:column;gap:16px}
.prose h2{margin-top:22px} .prose h3{margin-top:10px;color:var(--olive)}
.prose ul,.prose ol{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:8px}
.prose li::marker{color:var(--terracotta)}
.prose strong{color:var(--ink)}
.callout{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.callout p{margin:0}
.wide{max-width:var(--wrap)}
.pillar-next{display:flex;flex-direction:column;gap:14px}
.pillar-next h2 a{color:var(--mauve)}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pill{display:inline-flex;gap:8px;align-items:baseline;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 14px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.92rem}
.pill span{color:var(--terracotta);font-size:.78rem}
.pill.current{border-color:var(--olive);color:var(--olive)}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-bottom:18px}
.foot-cols h3{font-size:1.05rem;margin-bottom:8px}
.foot-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.foot-cols a{color:var(--muted);text-decoration:none}
.foot-cols a:hover{color:var(--olive)}
.signup-form label:not(.visually-hidden){font-size:.9rem}
/* cards used by Start Here, Programs, Shop, Tools */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.card h3{font-size:1.2rem}
.card p{color:var(--muted);font-size:.97rem}
.card .btn{align-self:flex-start;margin-top:auto}
.card .tag{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta)}
/* FAQ */
.faq{max-width:var(--read);display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.faq summary{cursor:pointer;font-weight:700;color:var(--ink)}
.faq details p{margin-top:10px}
.faq h2{margin-top:24px}
/* testimonials */
.quotes{display:grid;gap:20px;max-width:var(--read)}
blockquote.story{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;gap:12px}
blockquote.story h2{font-size:1.4rem}
blockquote.story .sub{color:var(--muted);font-style:italic}
.short-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.short-quotes blockquote{margin:0;background:var(--paper);border-left:3px solid var(--olive);padding:14px 18px;color:var(--ink)}
/* forms */
.form{display:flex;flex-direction:column;gap:12px;max-width:520px}
.form label{font-weight:600;font-size:.95rem;display:flex;flex-direction:column;gap:6px}
.form input,.form textarea{font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.form button{align-self:flex-start;font:700 .95rem var(--body);border:0;border-radius:999px;padding:12px 22px;background:var(--olive);color:var(--paper);cursor:pointer}
.form .note{font-size:.85rem;color:var(--muted)}
.steps li strong{display:block;color:var(--ink);margin-bottom:2px}
.pillar h3 a{color:inherit;text-decoration:none}
.pillar h3 a:hover{color:var(--olive)}
a.card:hover h3{color:var(--olive)}
.hero-h1{margin:0;line-height:0}
.page-hero-img[src*="camille"]{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;max-height:440px;margin:0 auto;background:var(--sand);border-radius:50% 50% var(--radius) var(--radius)}
@media (max-width:760px){
  .site-head{position:static}
  .brand img{width:150px}
  .nav{gap:2px 14px;font-size:.88rem}
  .hero{padding-block:36px 32px}
}

/* recipe pages built from recipes/*.json (recipes_lib.py) */
.recipe-hero.no-img{grid-template-columns:1fr;max-width:780px}
.recipe-facts{display:flex;flex-wrap:wrap;gap:10px 22px;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-block:8px 0}
.recipe-facts b{margin-right:4px}
.recipe-sec{padding-block:22px;max-width:820px}
.recipe-sec h2{font-size:1.5rem;margin-bottom:12px}
.recipe-sec h3{font-size:1.1rem;margin:18px 0 6px}
.recipe-sec ul{padding-left:1.2em;display:flex;flex-direction:column;gap:8px}
.ing .lbl{display:block;font-size:.85rem;color:var(--muted);margin-top:2px}
.steps-text li{margin-bottom:12px}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;font-size:.8rem;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.recipe-section{padding-block:18px}
.recipe-section h2{margin-bottom:14px}
.recipe-jump{margin-bottom:10px}

/* Recipe collections (recipe_collections.py) */
.recipe-collections{margin-bottom:.6rem}
.recipe-collections .lab{font-weight:700;margin-right:.5rem;align-self:center}
.recipe-card .swap{font-size:.85rem;font-style:italic;opacity:.8;margin-top:.3rem}
.back-link{margin-top:2rem}

/* ---------- Recipe navigation bar (the old recipe page's bar, rebuilt; 17 October 2026) ----------
   Sticks under the site header while the recipes scroll, highlights the section you are in, and
   links every collection. Rows 1 and 2: linen pills, terracotta outline. Collections: terracotta
   pills. Hover, the section you are in, and the collection you are on: olive. */
.recipes-index{position:relative}
.recipe-nav{position:sticky;top:calc(var(--head-h,64px) + 10px);z-index:4;margin:0 0 1.2rem;padding:.8rem .8rem .7rem;
  background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.06);transition:box-shadow .2s ease}
.recipe-nav.scrolled{box-shadow:0 12px 26px rgba(0,0,0,.12)}
.recipe-nav .nav-row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;align-items:center}
.recipe-nav .nav-row + .nav-row{margin-top:.45rem}
.recipe-nav hr{border:0;border-top:1px solid var(--line);margin:.7rem 0 .65rem}
.recipe-nav a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;
  font-weight:650;font-size:.9rem;line-height:1;padding:.45rem .8rem;border-radius:999px;
  transition:transform .16s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}
.recipe-nav .jump-row a{background:var(--linen);color:var(--terracotta);border:1px solid var(--terracotta)}
.recipe-nav .coll-row a{background:var(--terracotta);color:var(--paper);border:1px solid var(--terracotta)}
.recipe-nav .pick-row a{background:var(--paper);color:var(--olive);border:1px solid var(--olive)}
.recipe-nav .jump-row a:hover,.recipe-nav .jump-row a.active,.recipe-nav .coll-row a:hover,.recipe-nav .coll-row a.here,.recipe-nav .pick-row a:hover,.recipe-nav .pick-row a.here{
  background:var(--olive);color:var(--paper);border-color:var(--olive);box-shadow:0 8px 18px rgba(91,96,71,.2);transform:translateY(-1px)}
.recipe-nav a:focus-visible{outline:2px solid var(--olive);outline-offset:2px}
.recipes-index .recipe-section{scroll-margin-top:calc(var(--head-stick,64px) + var(--nav-h,160px) + 24px)}
/* On a phone the bar would cover half the screen if every row wrapped, so each row becomes one line
   that scrolls sideways, and the active pill slides into view as you scroll the page. */
@media (max-width:720px){
  .recipe-nav{padding:.6rem .5rem;border-radius:12px}
  .recipe-nav .nav-row{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .recipe-nav .nav-row::-webkit-scrollbar{display:none}
  .recipe-nav a{font-size:.86rem;padding:.4rem .7rem}
  .recipe-nav hr{margin:.5rem 0}
}
@media (prefers-reduced-motion:reduce){.recipe-nav a{transition:none}.recipe-nav a:hover,.recipe-nav a.active{transform:none}}

/* ---------- Recipe cards, three to a row (the old recipe page's layout; 17 October 2026) ----------
   Camille: "The original page also has 3 recipe cards on each line. That's why I'm using the 9
   recipes & recipes in groups of 3." One column on a phone, two on a tablet, three from 980px. */
.recipe-grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));margin:.75rem 0 1.1rem}
@media (min-width:680px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.recipe-card{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.08);transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}
.recipe-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.recipe-card > a{display:block;height:100%;text-decoration:none;color:inherit}
.recipe-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:var(--sand)}
.recipe-card .rc-body{padding:.9rem .95rem 1rem}
.recipe-card h3{margin:0 0 .35rem;font-size:1.12rem;line-height:1.25}
.recipe-card:hover h3{color:var(--olive)}
.recipe-card .recipe-meta{margin:0 0 .55rem;font-size:.88rem;color:var(--muted);font-weight:650}
.recipe-card .rc-body p:not(.recipe-meta){margin:0;color:var(--ink);font-size:.95rem}
@media (prefers-reduced-motion:reduce){.recipe-card,.recipe-card:hover{transition:none;transform:none}}


/* Recipe pages, 18 October 2026: laid out like the original RESET360 recipe page Camille pointed to
   (the Pumpkin Spice Chia Pudding): one reading column, the photograph after the introduction, two
   columns where the old page had them, and a Print button that prints only the recipe. */
.rv{max-width:780px;padding-block:28px 40px}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--terracotta);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs .sep{margin:0 4px}
.rv-head{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.rv-head h1{font-size:clamp(2rem,4.6vw,2.7rem)}
.rv-desc{color:var(--muted);font-size:1.05rem;line-height:1.55}
.rv .recipe-sec{max-width:none;padding-block:16px}
.rv .recipe-sec h2,.rv-two h2{font-size:1.35rem;margin-bottom:12px;color:var(--olive)}
.rv .recipe-sec p + p{margin-top:12px}
.rv-quick{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;font-size:.95rem;margin-top:6px}
.rv-jump{margin-top:16px}
.rv-photo{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius);margin-top:26px}
.rv-facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font-size:.92rem;color:var(--muted)}
.rv-facts b{color:var(--ink);margin-right:4px}
.rv-print{margin-top:10px}
.print-btn{font:inherit;font-weight:700;font-size:.92rem;color:var(--olive);background:none;border:1px solid var(--line);border-radius:999px;padding:5px 16px;cursor:pointer}
.print-btn:hover{border-color:var(--olive)}
.rv-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding-block:24px}
.rv-two ul{padding-left:1.2em;margin:0;display:flex;flex-direction:column;gap:8px}
.rv-ing{list-style:disc}
.rv-ing .lbl{display:block;font-size:.85rem;color:var(--muted);margin-top:2px}
.rv-ing .from-scratch{list-style:none;margin-left:-1.2em;margin-top:6px}
.rv-steps{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:12px}
.rv-steps li::marker{color:var(--terracotta);font-weight:700}
@media (max-width:700px){ .rv-two{grid-template-columns:1fr;gap:20px} }
.rv-callout{border-left:4px solid var(--olive);background:var(--paper);border-radius:0 var(--radius) var(--radius) 0;padding:12px 16px;margin-bottom:6px}
.rv-faq h3{font-family:var(--body);font-size:1rem;font-weight:600;color:var(--terracotta);margin:18px 0 6px}
.rv-also ul{list-style:none;padding:0;gap:6px}
.rv-also a{color:var(--terracotta);text-decoration:none;font-weight:600}
.rv-also a:hover{text-decoration:underline}
.rv-tags{font-size:.88rem;color:var(--muted);margin-top:14px}
.rv-tags b{color:var(--ink)}
@media print{
  .site-head,.site-foot,.skip,#guide,.no-print,.recipe-nav{display:none !important}
  body{background:#fff;color:#000;font-size:11pt}
  .rv{max-width:none;padding:0}
  .rv-photo{max-width:2.6in;margin:10px 0}
  .rv-two{gap:20px;padding-block:12px}
  a{color:#000;text-decoration:none}
}