:root{--bg:#f4f8fb;--surface:#fff;--ink:#26203a;--muted:#635c73;--accent:#c2255c;--accent-ink:#a81e50;--accent-tint:#ffe0ec;--accent2:#3b5bdb;--accent2-ink:#2f49b4;--accent2-tint:#e3e7ff;--mint-tint:#d6f3e4;--border:#eceaf3;--radius:24px;--radius-sm:14px;--shadow:0 4px 12px #26203a0f, 0 12px 28px #3b5bdb1a;--shadow-lg:0 10px 24px #26203a14, 0 24px 48px #3b5bdb24;--container:1120px;--measure:68ch;--font-display:"Fredoka", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-body:"Nunito Sans", ui-sans-serif, -apple-system, "Segoe UI", sans-serif}::selection{color:var(--ink);background:#ffd7e6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:var(--accent-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-weight:600;line-height:1.15}:focus-visible{outline:3px solid var(--accent2);outline-offset:2px;border-radius:4px}.container{max-width:var(--container);margin-inline:auto;padding-inline:22px}main{padding-block:40px 64px;display:block}.site-header{z-index:20;backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);background:#fbf7f2db;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--accent-ink)}.brand .dot{color:var(--accent)}.nav{flex-wrap:wrap;gap:6px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:7px 12px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{color:var(--ink);background:var(--surface)}.nav a[aria-current=page]{color:var(--accent-ink);background:var(--accent-tint)}.chip{letter-spacing:.02em;background:var(--accent2-tint);color:var(--accent2-ink);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.chip.pink{background:var(--accent-tint);color:var(--accent-ink)}.hero{text-align:center;background:linear-gradient(135deg,#d6f3e4 0%,#e3e7ff 52%,#ffe0ec 100%);border-radius:32px;margin-bottom:46px;padding:clamp(38px,6vw,72px) 24px}.hero .eyebrow{color:var(--accent-ink);box-shadow:var(--shadow);background:#fff;margin-bottom:18px;display:inline-flex}.hero h1{margin:0 0 16px;font-size:clamp(2.3rem,6vw,3.9rem);font-weight:700}.hero .lead{color:#4a4560;max-width:46ch;margin:0 auto;font-size:clamp(1.05rem,2.2vw,1.3rem)}.hero .tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.hero .tags .chip{color:var(--ink);background:#ffffffbd}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin:8px 0 22px;display:flex}.section-head h2{margin:0;font-size:1.7rem}.section-head p{color:var(--muted);margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card .thumb{aspect-ratio:3/2;object-fit:cover;background:var(--accent2-tint);width:100%}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 20px;display:flex}.card-body h3{margin:2px 0 0;font-size:1.22rem}.card-body .summary{color:var(--muted);flex:1;margin:0;font-size:.95rem}.card-meta{color:var(--muted);align-items:center;gap:10px;margin-top:4px;font-size:.85rem;font-weight:500;display:flex}.card-meta .sep{opacity:.4}.breadcrumb{color:var(--muted);margin:0 0 18px;font-size:.85rem}.breadcrumb ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li:after{content:"/";opacity:.4;margin-left:8px}.breadcrumb li:last-child:after{content:""}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent-ink)}.recipe{max-width:840px;margin-inline:auto}.recipe>.chip{margin-bottom:12px}.recipe h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem)}.recipe .lead{color:var(--muted);margin:0 0 14px;font-size:1.2rem}.byline{color:var(--muted);margin:0 0 22px;font-size:.95rem}.byline a{font-weight:600}.hero-img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);margin:8px 0 24px}.meta-tiles{grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 30px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:14px 12px}.tile dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem;font-weight:600}.tile dd{font-family:var(--font-display);margin:4px 0 0;font-size:1.15rem;font-weight:600}.prose{max-width:var(--measure)}.prose p{margin:0 0 1.1em}.recipe h2{margin:36px 0 14px;font-size:1.55rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.ingredients ul{margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px dashed var(--border);padding:9px 0 9px 30px;position:relative}.ingredients li:last-child{border-bottom:0}.ingredients li:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:17px;left:4px}.method{counter-reset:step;gap:16px;margin:0;padding:0;list-style:none;display:grid}.method li{counter-increment:step;align-items:center;min-height:40px;padding-left:58px;display:flex;position:relative}.method li:before{content:counter(step);background:var(--accent2-tint);width:40px;height:40px;color:var(--accent2-ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.1rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.notes{background:var(--mint-tint);border-radius:var(--radius);border:1px solid #bce7d3;margin-top:34px;padding:22px 26px}.notes h2{margin-top:0}.notes :is(p,li){color:#223b34}.notes a{color:var(--accent2-ink)}.notes p:last-child{margin-bottom:0}.article{max-width:var(--measure);margin-inline:auto}.article h1{margin:0 0 8px;font-size:clamp(2rem,5vw,2.8rem)}.article .lead{color:var(--muted);margin:0 0 26px;font-size:1.2rem}.article h2{margin:34px 0 12px;font-size:1.5rem}.article h3{margin:24px 0 8px;font-size:1.2rem}.article p,.article li{margin:0 0 1em}.article ul,.article ol{padding-left:1.2em}.site-footer{border-top:1px solid var(--border);background:#f6efe6;margin-top:40px}.site-footer .container{gap:14px;padding-block:32px 40px;display:grid}.site-footer .foot-brand{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}.site-footer nav a{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none}.site-footer nav a:hover{color:var(--accent-ink)}.site-footer small{color:var(--muted);font-size:.82rem;line-height:1.6}@media (width<=640px){.meta-tiles{grid-template-columns:repeat(2,1fr)}main{padding-block:26px 44px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}