:root{--ink:#1a1512;--paper:#f5f0e8;--cream:#fffaf2;--red:#c83c2e;--red-dark:#98291f;--gold:#f5b91e;--muted:#72665d;--line:rgba(26,21,18,.14);--dark:#17120f;--dark-2:#261d18;--green:#607b52;--radius:18px;--shadow:0 18px 55px rgba(39,22,12,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.site-header{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:rgba(23,18,15,.96);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:44px;height:44px;display:block;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-family:Georgia,serif;font-size:17px}.brand small{font-size:9px;letter-spacing:.28em;color:var(--gold);margin-top:5px}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav>a,.nav-menu-button{font-size:14px;font-weight:700;color:rgba(255,255,255,.82)}.site-header nav>a:hover,.nav-menu-button:hover{color:#fff}.nav-menu{position:relative}.nav-menu-button{border:0;background:none;padding:12px 0;cursor:pointer}.nav-menu-button span{color:var(--gold);margin-left:4px}.nav-dropdown{position:absolute;right:0;top:48px;width:286px;padding:9px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}.nav-menu.open .nav-dropdown{opacity:1;visibility:visible;transform:none}.nav-dropdown a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px}.nav-dropdown a:hover{background:#f6f0e8}.nav-dropdown a.is-current{background:#fff5d9}.nav-dropdown a>span:last-child{display:flex;flex-direction:column}.nav-dropdown strong{font-size:14px}.nav-dropdown small{font-size:12px;color:var(--muted)}.tool-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff}.tool-icon.palette{background:linear-gradient(135deg,#e04a3a,#f4bf28,#5e875c)}.tool-icon.pizza{background:var(--red)}
.hero{min-height:300px;max-width:1440px;margin:0 auto;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:48px clamp(22px,5vw,74px);color:#fff;background:linear-gradient(90deg,rgba(18,13,11,.98) 0%,rgba(18,13,11,.86) 38%,rgba(18,13,11,.15) 74%),url("assets/neapolitan-pizza.png") center right/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--gold) 0 12%,var(--red) 12% 30%,transparent 30%)}.hero-copy{max-width:650px;position:relative;z-index:1}.eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--gold)}.eyebrow.dark{color:var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.045em;margin-bottom:18px}.hero h1 em{color:var(--gold);font-weight:400}.hero-copy>p:last-child{max-width:560px;color:rgba(255,255,255,.74);font-size:17px;margin-bottom:0}.hero-badge{position:relative;z-index:1;display:flex;align-items:center;gap:12px;background:rgba(20,15,12,.72);border:1px solid rgba(255,255,255,.16);padding:13px 18px;border-radius:14px;backdrop-filter:blur(8px)}.hero-badge>span{color:var(--gold);font-weight:900;font-size:25px}.hero-badge p{margin:0;font-size:12px;color:rgba(255,255,255,.65)}.hero-badge strong{font-size:14px;color:#fff}
.workspace{max-width:1240px;margin:-26px auto 0;padding:0 22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px;position:relative;z-index:2}.panel{border-radius:var(--radius);box-shadow:var(--shadow)}.controls{background:var(--cream);border:1px solid rgba(255,255,255,.9);padding:26px}.panel-heading,.recipe-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.panel-heading>div,.recipe-top>div{display:flex;align-items:center;gap:12px}.step-number{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;flex:none}.step-number.light{background:var(--gold);color:var(--ink)}.panel h2,.method-breakdown h2,.timeline-section h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.1;margin:0}.panel-heading>p{margin:4px 0 0;color:var(--muted);font-size:13px;text-align:right}.field-row{display:grid;gap:14px}.field-row.two{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span:first-child,.method-field legend{font-size:14px;font-weight:800}.input-shell{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.input-shell:focus-within,.datetime:focus,.select-shell:focus-within{outline:3px solid rgba(245,185,30,.22);border-color:#c69419}.input-shell input{width:100%;border:0;background:transparent;padding:12px 14px;font-weight:800;color:var(--ink);outline:0}.input-shell b{padding:0 14px;color:var(--muted);font-size:13px}.range-field>span:first-child{display:flex;justify-content:space-between}.range-field output{color:var(--red);font-size:18px}.range-field input{accent-color:var(--red);width:100%}.range-labels{display:flex;justify-content:space-between;color:var(--muted)}.method-field{border:0;padding:0;margin:3px 0 20px}.method-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.method-tabs input{position:absolute;opacity:0;pointer-events:none}.method-tabs label span{display:flex;flex-direction:column;gap:2px;padding:12px 11px;border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer;transition:.15s ease}.method-tabs label span:hover{border-color:rgba(200,60,46,.45)}.method-tabs input:checked+span{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 18px rgba(200,60,46,.2)}.method-tabs b{font-size:14px}.method-tabs small{font-size:11px;opacity:.72}.select-shell{display:block;position:relative;background:#fff;border:1px solid var(--line);border-radius:11px}.select-shell:after{content:"⌄";position:absolute;right:13px;top:10px;color:var(--red);pointer-events:none}.select-shell select{width:100%;appearance:none;border:0;background:transparent;padding:12px 36px 12px 13px;outline:0;color:var(--ink);font-size:14px}.datetime{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:var(--ink);width:100%;font-size:14px}.advanced{border-top:1px dashed var(--line);padding-top:15px}.advanced summary{cursor:pointer;display:flex;justify-content:space-between;font-weight:800;font-size:14px;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:"+";color:var(--red);font-size:20px;margin-right:9px;line-height:1}.advanced[open] summary:before{content:"−"}.advanced summary span{margin-right:auto}.advanced summary small{color:var(--muted);font-weight:500}.advanced-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:15px}.advanced-grid label{font-size:12px;font-weight:700;color:var(--muted)}.advanced-grid label>span{display:flex;align-items:center;gap:4px;margin-top:5px;padding:7px 9px;background:#fff;border:1px solid var(--line);border-radius:8px}.advanced-grid label>span b{font-size:12px;color:var(--muted)}.advanced-grid input[type="number"]{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-weight:800}.advanced-grid input[type="number"]:disabled{color:#807870}.formula-readonly span{background:#eee7dc!important}.formula-readonly strong{color:var(--ink)}.auto-toggle{display:flex!important;align-items:center;gap:5px;margin-top:6px;font-size:10px;font-weight:600;color:var(--red)}.auto-toggle input{accent-color:var(--red)}.tradition-note{font-size:12px;color:var(--muted);margin:12px 0 0}.recipe{background:var(--dark);color:#fff;padding:26px;position:relative;overflow:hidden}.recipe:after{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-90px;border:30px solid rgba(245,185,30,.08);border-radius:50%}.recipe-top{position:relative;z-index:1}.method-pill{font-size:11px;letter-spacing:.14em;font-weight:900;padding:7px 10px;border-radius:999px;background:rgba(245,185,30,.14);color:var(--gold);border:1px solid rgba(245,185,30,.28)}.dough-summary{display:grid;grid-template-columns:1fr 1fr;background:var(--dark-2);border:1px solid rgba(255,255,255,.09);border-radius:13px;margin-bottom:18px}.dough-summary>div{padding:15px}.dough-summary>div+div{border-left:1px solid rgba(255,255,255,.09)}.dough-summary span{display:block;color:rgba(255,255,255,.55);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.dough-summary strong{display:block;font-family:Georgia,serif;font-size:24px;color:var(--gold);margin-top:2px}.ingredient-list{display:flex;flex-direction:column}.ingredient{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}.ingredient-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:var(--gold);font-weight:800}.ingredient-name{display:flex;flex-direction:column;font-size:14px;font-weight:700}.ingredient-name small{font-size:11px;font-weight:400;color:rgba(255,255,255,.48)}.ingredient strong{font-size:17px}.recipe-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:20px}.primary-action,.secondary-action,.ghost-button{border:0;border-radius:10px;font-weight:800;cursor:pointer}.primary-action{background:var(--gold);color:var(--ink);padding:13px}.primary-action:hover{background:#ffc72d}.whatsapp-action{display:flex;align-items:center;justify-content:center;gap:8px}.whatsapp-action span{width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--gold);display:grid;place-items:center;font-size:12px}.secondary-action{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);padding:0 18px}.rounding-note{font-size:11px;color:rgba(255,255,255,.45);margin:11px 0 0;text-align:center}
.method-breakdown{max-width:1196px;margin:72px auto;padding:0}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.section-title .eyebrow{margin-bottom:4px}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.starter-card,.final-card{border-radius:var(--radius);padding:26px;min-height:250px}.starter-card{background:#fff;box-shadow:var(--shadow);border-top:4px solid var(--gold)}.final-card{background:#e8ddd0;border-top:4px solid var(--red)}.card-kicker{font-size:10px;letter-spacing:.14em;color:var(--red);font-weight:900}.starter-card h3,.final-card h3{font-family:Georgia,serif;font-size:25px;margin:7px 0 18px}.mini-ingredient{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.mini-ingredient strong{color:var(--red)}.starter-card p,.final-card p{font-size:13px;color:var(--muted);margin:16px 0 0}
.timeline-section{background:var(--dark);color:#fff;padding:60px max(22px,calc((100vw - 1196px)/2));position:relative;overflow:hidden}.timeline-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(200,60,46,.17),transparent 31%);pointer-events:none}.timeline-heading{position:relative;justify-content:flex-start}.timeline-heading .ghost-button{margin-left:auto;color:var(--gold);background:transparent;border:1px solid rgba(245,185,30,.32);padding:10px 14px}.timeline{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}.timeline:before{content:"";position:absolute;height:2px;left:3%;right:3%;top:17px;background:linear-gradient(90deg,var(--gold),var(--red))}.timeline li{position:relative;padding:48px 14px 0 0}.timeline-dot{position:absolute;top:9px;left:0;width:18px;height:18px;border-radius:50%;background:var(--dark);border:5px solid var(--gold);z-index:1}.timeline li:last-child .timeline-dot{border-color:var(--red);background:var(--red)}.timeline time{display:block;color:var(--gold);font-size:12px;font-weight:900;margin-bottom:6px}.timeline h3{font-size:14px;margin-bottom:5px}.timeline p{font-size:12px;line-height:1.45;color:rgba(255,255,255,.55);margin:0;max-width:160px}.tips{max-width:1196px;margin:0 auto;padding:58px 0 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tips article{display:flex;gap:15px;padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.35)}.tips article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--red);font-size:20px;flex:none}.tips h3{font-size:15px;margin-bottom:4px}.tips p{font-size:13px;color:var(--muted);margin:0}footer{background:#0f0c0a;color:#fff;padding:32px max(22px,calc((100vw - 1196px)/2));display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;align-items:center}.footer-brand{width:max-content}footer>p{font-size:12px;color:rgba(255,255,255,.48);margin:0}footer>a:last-child{color:var(--gold);font-size:13px;font-weight:800}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#fff;color:var(--ink);padding:11px 16px;border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.25);font-size:13px;font-weight:800;opacity:0;visibility:hidden;transition:.2s;z-index:40}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px){.workspace{grid-template-columns:1fr;margin-top:-18px}.recipe{min-height:auto}.method-breakdown,.tips{padding-left:22px;padding-right:22px}.timeline{grid-template-columns:repeat(3,1fr);row-gap:28px}.timeline:before{display:none}.timeline li{padding-top:34px}.timeline-dot{top:5px}.hero-badge{display:none}.hero{min-height:270px}.tips{grid-template-columns:1fr}.advanced-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.site-header{height:64px;padding:0 16px}.brand strong{font-size:15px}.brand-logo{width:38px;height:38px}.site-header nav{gap:15px}.site-header nav>a{display:none}.nav-menu-button{font-size:13px}.nav-dropdown{right:-4px;top:43px;width:min(286px,calc(100vw - 32px))}.hero{min-height:248px;padding:34px 20px;background-position:66% center}.hero h1{font-size:44px}.hero-copy>p:last-child{font-size:15px;max-width:340px}.workspace{padding:0 12px}.controls,.recipe{padding:20px}.panel-heading{display:block}.panel-heading>p{text-align:left;margin:9px 0 0}.field-row.two{grid-template-columns:1fr}.method-tabs{grid-template-columns:1fr}.method-tabs label span{flex-direction:row;align-items:baseline;gap:8px}.advanced summary small{display:none}.advanced-grid{grid-template-columns:1fr 1fr}.method-breakdown{margin:52px auto;padding:0 12px}.breakdown-grid{grid-template-columns:1fr}.timeline-section{padding:50px 20px}.timeline-heading{align-items:flex-start;flex-wrap:wrap}.timeline-heading .ghost-button{margin-left:48px}.timeline{grid-template-columns:1fr;margin-left:14px}.timeline li{padding:0 0 25px 38px}.timeline-dot{left:0;top:2px}.timeline:before{display:block;width:2px;height:auto;left:8px;right:auto;top:8px;bottom:18px}.timeline p{max-width:none}.tips{padding:42px 12px}.dough-summary strong{font-size:21px}footer{padding:28px 20px}}
/* Navigation system shared with Racik Warna Buttercream */
body{overflow-x:hidden}.site-header{height:auto;min-height:108px;padding:28px max(22px,calc((100vw - 1196px)/2));background:linear-gradient(100deg,#fff8d5 0%,#fffdf8 48%,#fff9f4 100%);color:var(--ink);position:relative;top:auto;border:0;backdrop-filter:none}.brand-logo{width:52px;height:52px;filter:none}.brand strong{font-size:18px}.brand small{font-size:11px;letter-spacing:0;color:var(--muted);margin-top:5px}.site-header nav{gap:8px}.site-header nav>a,.nav-menu-button{height:42px;padding:0 14px;background:rgba(255,255,255,.78);border:1px solid #e9e1d5;border-radius:13px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;white-space:nowrap}.site-header nav>a:hover,.nav-menu-button:hover{color:var(--ink);background:#fff;border-color:#d9cdbc}.site-header nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-menu-button{cursor:pointer}.nav-menu-button svg{transition:transform .18s ease}.nav-menu.open .nav-menu-button svg{transform:rotate(180deg)}.nav-dropdown{top:50px;width:264px;padding:8px;background:#fff;border:1px solid #eee6db;border-radius:18px;box-shadow:0 16px 38px rgba(49,35,24,.13)}.nav-dropdown a,.menu-disabled{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px}.nav-dropdown a:hover{background:#faf5ec}.nav-dropdown a.is-current{background:#fff8df}.menu-disabled{color:#766f69}.menu-item-copy{font-size:13px;font-weight:650;line-height:1.25}.menu-badge{flex:none;padding:3px 7px;border-radius:999px;background:#fff5c9;color:#8b7113;font-size:10px;font-weight:800;letter-spacing:.02em}.menu-badge.ready{background:#e9f5e8;color:#477443}.menu-badge.current{background:#f9ded8;color:#9c3428}

.facts-section{max-width:1196px;margin:72px auto 0;padding:0}.facts-section .section-title{margin-bottom:24px}.facts-section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4vw,42px);line-height:1.08;margin:0}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fact-card{position:relative;min-height:246px;padding:25px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.68);overflow:hidden}.fact-card:nth-child(2),.fact-card:nth-child(5){background:#fff6d9}.fact-card:nth-child(4){background:#eaded1}.fact-card:after{content:"";position:absolute;width:92px;height:92px;border:18px solid rgba(200,60,46,.055);border-radius:50%;right:-30px;top:-32px}.fact-metric{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:1;color:var(--red);letter-spacing:-.04em}.fact-card>span{margin-left:6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.fact-card h3{font-size:17px;margin:21px 0 7px}.fact-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.fact-sources{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.fact-sources a{color:var(--red);font-weight:750;text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){.site-header{padding-left:22px;padding-right:22px}.facts-section{padding:0 22px}.facts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{min-height:0;padding:14px 16px;flex-wrap:wrap;gap:12px}.site-header .brand{width:100%}.site-header .brand-logo{width:44px;height:44px}.site-header .brand strong{font-size:16px}.site-header .brand small{font-size:11px}.site-header nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.site-header nav>a,.nav-menu-button{display:flex!important;width:100%;height:44px}.nav-menu{position:relative}.nav-dropdown{right:0;left:auto;top:51px;width:min(300px,calc(100vw - 32px))}.hero{min-height:238px}.workspace{margin-top:-12px}.facts-section{margin-top:52px;padding:0 16px}.facts-grid{grid-template-columns:1fr}.fact-card{min-height:0;padding:22px}.fact-metric{font-size:40px}}
@media(max-width:420px){.hero{padding:30px 18px;min-height:230px}.hero h1{font-size:39px;line-height:1}.hero-copy>p:last-child{font-size:14px}.workspace{padding:0 10px}.controls,.recipe{padding:17px}.advanced-grid{grid-template-columns:1fr}.recipe-actions{grid-template-columns:1fr}.secondary-action{min-height:44px}.timeline-section{padding-left:17px;padding-right:17px}.tips article{padding:17px}.facts-section{padding:0 12px}}

:where(a,button,input,select,summary):focus-visible{outline:3px solid rgba(200,60,46,.36);outline-offset:3px}.method-tabs input:focus-visible+span{outline:3px solid rgba(200,60,46,.36);outline-offset:3px}.primary-action,.secondary-action,.ghost-button,.nav-menu-button,.site-header nav>a{min-height:44px}

.topping-guides{max-width:1196px;margin:76px auto 84px;padding:0}.topping-heading{align-items:flex-start}.topping-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,44px);line-height:1.05;margin:0}.topping-heading>div>p:last-child{max-width:700px;margin:10px 0 0;color:var(--muted);font-size:15px}.topping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.topping-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(39,22,12,.09)}.pizza-visual{position:relative;display:grid;place-items:center;min-height:310px;padding:18px;background:radial-gradient(circle at 50% 48%,#fff 0 42%,#fff4d6 72%,#f1e5d8 100%);overflow:hidden}.marinara-card .pizza-visual{background:radial-gradient(circle at 50% 48%,#fff 0 42%,#fbe9dd 72%,#ead9cc 100%)}.pizza-visual:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(26,21,18,.12);border-radius:50%;pointer-events:none}.pizza-visual img{position:relative;z-index:1;width:min(82%,290px);height:auto;display:block;filter:drop-shadow(0 18px 20px rgba(77,37,17,.18))}.pizza-label{position:absolute;z-index:2;top:18px;right:18px;padding:6px 10px;background:rgba(255,255,255,.9);border:1px solid rgba(26,21,18,.1);border-radius:999px;font-size:11px;font-weight:850;color:var(--red);backdrop-filter:blur(6px)}.topping-card-body{display:flex;flex:1;flex-direction:column;padding:26px}.topping-card-body h3{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.05;margin:7px 0 10px}.recipe-intro{min-height:66px;margin:0 0 18px;color:var(--muted);font-size:14px}.topping-ingredients{margin:0 0 20px;border-top:1px solid var(--line)}.topping-ingredients>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}.topping-ingredients dt{font-size:14px}.topping-ingredients dd{margin:0;color:var(--red);font-size:14px;font-weight:850;text-align:right}.topping-steps{margin:0 0 22px;padding:0;list-style:none;counter-reset:topping-step}.topping-steps li{position:relative;padding:0 0 11px 34px;color:var(--muted);font-size:13px;line-height:1.5;counter-increment:topping-step}.topping-steps li:before{content:counter(topping-step);position:absolute;left:0;top:0;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#fff1c2;color:#7f5b00;font-size:11px;font-weight:900}.pro-oven{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:auto;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden}.pro-oven>span{min-width:0;padding:11px 8px;background:var(--dark);color:#fff;text-align:center}.pro-oven small,.pro-oven strong{display:block}.pro-oven small{margin-bottom:3px;color:rgba(255,255,255,.57);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.pro-oven strong{color:var(--gold);font-size:12px;white-space:nowrap}.home-oven-guide{margin-top:24px;padding:32px;border-radius:24px;background:var(--dark);color:#fff;box-shadow:var(--shadow)}.home-oven-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:30px;align-items:end;margin-bottom:24px}.home-oven-heading .eyebrow{margin-bottom:7px}.home-oven-heading h3{max-width:650px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,38px);line-height:1.08}.home-oven-heading>p{margin:0;color:rgba(255,255,255,.62);font-size:13px}.oven-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.oven-grid article{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.055)}.oven-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:11px;font-weight:900}.oven-grid h4{margin:0 0 4px;font-size:17px}.oven-temp{margin:0 0 12px;color:var(--gold);font-size:13px;font-weight:850}.oven-grid article>p:last-child{margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.55}.oven-note{margin-top:14px;padding:15px 17px;border-left:3px solid var(--gold);border-radius:4px 12px 12px 4px;background:rgba(245,185,30,.09);color:rgba(255,255,255,.72);font-size:13px}.oven-note strong{color:#fff}.guide-source{margin:16px auto 0;max-width:900px;text-align:center;color:var(--muted);font-size:12px}.guide-source a{color:var(--red);font-weight:750;text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){.topping-guides{padding:0 22px}.topping-grid{grid-template-columns:1fr}.topping-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.pizza-visual{min-height:100%}.recipe-intro{min-height:0}.home-oven-heading{grid-template-columns:1fr}.oven-grid{grid-template-columns:1fr 1fr}.oven-grid article:last-child{grid-column:1/-1}}
@media(max-width:700px){.topping-guides{margin:56px auto 64px;padding:0 16px}.topping-heading>div>p:last-child{font-size:14px}.topping-card{display:flex}.pizza-visual{min-height:260px}.pizza-visual img{width:min(78%,260px)}.topping-card-body{padding:22px}.topping-card-body h3{font-size:28px}.home-oven-guide{padding:22px}.oven-grid{grid-template-columns:1fr}.oven-grid article:last-child{grid-column:auto}.pro-oven strong{white-space:normal}.guide-source{text-align:left}}
@media(max-width:420px){.topping-guides{padding:0 12px}.pizza-visual{min-height:225px}.pizza-visual img{width:min(76%,220px)}.pizza-label{top:13px;right:13px}.topping-card-body{padding:19px}.pro-oven small{font-size:8px}.pro-oven strong{font-size:11px}.home-oven-guide{padding:19px}.oven-grid article{padding:17px}}

@media print{.site-header,.hero,.controls,.method-breakdown,.tips,.facts-section,.topping-guides,footer,.recipe-actions,.ghost-button,.toast{display:none!important}body{background:#fff}.workspace{display:block;margin:0;padding:0}.recipe{box-shadow:none;border-radius:0;color:#000;background:#fff}.recipe .ingredient{border-color:#ddd}.ingredient-name small,.rounding-note{color:#555}.ingredient-icon{background:#eee;color:#000}.method-pill{color:#000;border-color:#555}.timeline-section{background:#fff;color:#000;padding:25px}.timeline p{color:#555}.timeline:before{background:#555}.timeline time{color:#000}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}