.pub{--pub-bg:#fdfbf4;--pub-ink:#141414;--pub-ink-2:#3b3833;--pub-muted:#6f6a60;--pub-line:#ebe4d1;--pub-sun:#f6c624;--pub-sun-deep:#e2b30f;--pub-cream:#fbf3dc;--pub-green:#1f5c3a;background:var(--pub-bg);min-height:100vh;color:var(--pub-ink);font-family:var(--font-nunito), system-ui, sans-serif}.pub a{color:inherit}.pub-head{max-width:1040px;padding:16px max(16px, env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.pub-brand{font-family:var(--font-outfit), system-ui, sans-serif;letter-spacing:.04em;text-transform:uppercase;font-size:20px;font-weight:900;text-decoration:none}.pub-nav{align-items:center;gap:16px;font-weight:700;display:flex}.pub-nav a{text-decoration:none}.pub-cta{border:2px solid var(--pub-sun-deep);background:var(--pub-sun);min-height:44px;color:var(--pub-ink);border-radius:999px;align-items:center;padding:0 18px;font-weight:800;display:inline-flex}.pub-main{max-width:1040px;padding:8px max(16px, env(safe-area-inset-left,0px)) 48px;margin:0 auto}.pub-crumbs{color:var(--pub-muted);margin:8px 0 16px;font-size:14px}.pub-crumbs a{text-decoration:none}.pub-crumbs a:hover{text-decoration:underline}.pub h1{font-family:var(--font-outfit), system-ui, sans-serif;letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(30px,5vw,48px);font-weight:900;line-height:1.08}.pub h2{font-family:var(--font-outfit), system-ui, sans-serif;letter-spacing:-.01em;margin:32px 0 12px;font-size:clamp(20px,3vw,26px);font-weight:800}.pub-lede{max-width:68ch;color:var(--pub-ink-2);margin:0 0 16px;font-size:18px;line-height:1.6}.pub-facts{flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.pub-facts li{background:var(--pub-cream);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.pub-facts li.is-allergen{color:#8a1c1c;background:#fdeaea}.pub-card{border:1px solid var(--pub-line);background:#fff;border-radius:20px;margin:20px 0;padding:20px 22px}.pub-ingredients{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin:0;padding-left:20px;font-size:17px;line-height:1.5;display:grid}.pub-steps{color:var(--pub-ink-2);margin:0;padding-left:24px;font-size:17px;line-height:1.65}.pub-steps li+li{margin-top:8px}.pub-tip{border-left:4px solid var(--pub-sun);background:var(--pub-cream);border-radius:10px;margin:16px 0 0;padding:12px 14px;font-size:15px;line-height:1.5}.pub details{margin-top:12px}.pub summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.pub-plan-cta{background:#fde88f;border:2px solid #f3d25a;border-radius:24px;gap:8px;margin:32px 0;padding:24px;display:grid}.pub-plan-cta p{margin:0;font-size:17px;line-height:1.5}.pub-plan-cta .pub-cta{justify-self:start;margin-top:4px;text-decoration:none}.pub-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pub-grid a{border:1px solid var(--pub-line);box-sizing:border-box;background:#fff;border-radius:16px;gap:4px;height:100%;padding:16px 18px;text-decoration:none;display:grid}.pub-grid a:hover{border-color:var(--pub-ink)}.pub-grid strong{font-size:17px;line-height:1.3}.pub-grid span{color:var(--pub-muted);font-size:14px}.pub-prose{max-width:72ch;color:var(--pub-ink-2);font-size:17px;line-height:1.7}.pub-prose p,.pub-prose li{margin:0 0 12px}.pub-foot{max-width:1040px;padding:24px max(16px, env(safe-area-inset-left,0px)) 40px;border-top:1px solid var(--pub-line);color:var(--pub-muted);margin:0 auto;font-size:14px}.pub-foot-brand{color:var(--pub-ink);margin:0 0 8px;font-weight:800}.pub-foot-links{flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;display:flex}.pub-foot-links a{align-items:center;min-height:32px;display:inline-flex}.pub-foot-note{margin:0}@media (max-width:560px){.pub-nav>a:not(.pub-cta){display:none}.pub-cta{padding:0 14px;font-size:14px}}
