/* Schede della sezione Lieviti: stessi blocchi a tutta larghezza della home e delle ricette */

/* Apertura: metà verde con titolo, metà foto (come "Crea il tuo lievito madre" in home) */
.scheda-hero{background:var(--green);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:clamp(480px,52vw,720px)}
.scheda-hero-text{padding:clamp(48px,6vw,96px) clamp(32px,5vw,80px) clamp(48px,6vw,88px) var(--pad);display:flex;flex-direction:column;justify-content:flex-end;gap:24px}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sand);margin-bottom:auto;padding-bottom:40px}
.crumbs a{color:var(--sand);border-bottom:1px solid var(--sand)}
.crumbs a:hover{color:var(--paper)}
.scheda-hero h1{color:var(--paper);font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.scheda-lead{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:var(--sand);max-width:600px;text-wrap:pretty}
.scheda-lead strong{color:var(--paper);font-weight:500}
.scheda-hero-media{position:relative;overflow:hidden}
.scheda-hero-media .ph{position:absolute;inset:0}
.scheda-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.scheda-hero{grid-template-columns:1fr}.scheda-hero-text{padding-right:var(--pad)}.scheda-hero-media{aspect-ratio:4/3;order:-1}.crumbs{padding-bottom:16px}}

/* Indice della scheda: elenco numerato su più colonne */
.scheda-indice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,5vw,96px);padding:clamp(40px,5vw,64px) var(--pad);border-bottom:1px solid var(--sand)}
.scheda-indice>span{font:clamp(22px,2.2vw,28px)/1.2 var(--display);color:var(--green)}
.scheda-indice ol{list-style:none;margin:0;padding:0;columns:2 280px;column-gap:clamp(24px,4vw,56px);counter-reset:voce}
.scheda-indice li{break-inside:avoid;counter-increment:voce;display:grid;grid-template-columns:32px minmax(0,1fr);padding:10px 0;border-bottom:1px solid var(--sand)}
.scheda-indice li::before{content:counter(voce);font:18px/1.4 var(--display);color:var(--brown)}
.scheda-indice a{font-size:16px;line-height:1.4;color:var(--ink)}
.scheda-indice a:hover{color:var(--brown)}
@media(max-width:900px){.scheda-indice{grid-template-columns:1fr;gap:16px}}

/* Blocchi: titolo a sinistra (resta visibile mentre scorri), testo a destra */
.blocco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,5vw,96px);padding:clamp(56px,7vw,104px) var(--pad);border-top:1px solid var(--sand);scroll-margin-top:0}
.blocco:first-of-type,.scheda-indice+.blocco{border-top:0}
.blocco>h2{font-size:clamp(30px,3.4vw,48px);line-height:1.06;text-wrap:balance;align-self:start}
.blocco-body{max-width:720px;display:flex;flex-direction:column;gap:20px}
.blocco-body p,.blocco-body li{font-size:18px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.blocco-body strong{font-weight:600;color:var(--ink)}
.blocco-body h3{font-size:clamp(22px,2.2vw,28px);line-height:1.2;margin-top:16px}
.blocco-body ul{margin:0;padding-left:1.2em}
.blocco-body li+li{margin-top:6px}
.blocco-body li::marker{color:var(--brown)}
.blocco-body code{font-size:.9em;background:var(--soft);padding:2px 6px}
.blocco-intro .blocco-body p{font-size:clamp(19px,1.7vw,22px);line-height:1.6;color:var(--ink)}
@media(max-width:900px){.blocco{grid-template-columns:1fr}.blocco>div:empty{display:none}}

/* Frasi da ricordare */
.blocco-body blockquote{margin:12px 0;padding:6px 0 6px 28px;border-left:2px solid var(--brown)}
.blocco-body blockquote p{font:clamp(22px,2.4vw,30px)/1.3 var(--display);color:var(--green)}
.blocco-body blockquote strong{font-weight:400;color:inherit}

/* Quantità: come gli ingredienti delle ricette */
.qty-list{border-top:1px solid var(--green);margin:4px 0}
.qty-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid var(--sand);font-size:17px;color:var(--ink)}
.qty-row b{font:22px var(--display);font-weight:400;color:var(--green);white-space:nowrap;font-variant-numeric:tabular-nums}
.qty-row.is-total span{color:var(--brown)}
.qty-row.is-total b{color:var(--brown)}
.qty-note span{color:var(--muted);font-size:16px}

/* Passi numerati: come il procedimento delle ricette */
.passi{list-style:none;margin:4px 0;padding:0;border-top:1px solid var(--green);counter-reset:passo}
.passi li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:22px 0;border-bottom:1px solid var(--sand);counter-increment:passo}
.passi li::before{content:counter(passo);font:30px/1 var(--display);color:var(--brown);grid-row:span 2}
.passi li+li{margin-top:0}
.passi h3{font-size:22px;line-height:1.2;margin:0 0 8px}
.passi p{font-size:17px}

/* Tabelle */
.blocco-body .table-wrap{overflow-x:auto;border-top:1px solid var(--green)}
.blocco-body table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px}
.blocco-body th,.blocco-body td{text-align:left;padding:14px 14px 14px 0;border-bottom:1px solid var(--sand);vertical-align:top;line-height:1.5}
.blocco-body thead th{font:19px/1.2 var(--display);font-weight:400;color:var(--green)}
.blocco-body tbody th{font-weight:400;color:var(--brown)}

/* Riquadri (In breve, Errore comune, Da evitare…): blocco verde come la cottura nelle ricette */
.scheda-box{background:var(--green);color:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(24px,5vw,96px);padding:clamp(56px,7vw,104px) var(--pad)}
.scheda-box>h2{color:var(--paper);font-size:clamp(30px,3.4vw,48px);line-height:1.06}
.scheda-box .blocco-body p,.scheda-box .blocco-body li{color:var(--sand)}
.scheda-box .blocco-body strong{color:var(--paper)}
.scheda-box .blocco-body li::marker{color:var(--sand)}
.scheda-box blockquote{border-left-color:var(--sand)}
.scheda-box blockquote p{color:var(--paper)}
@media(max-width:900px){.scheda-box{grid-template-columns:1fr}}

/* Continua a leggere */
.scheda-next{border-top:1px solid var(--sand)}
.scheda-box+.scheda-next{border-top:0}
.next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2px;background:var(--sand);border:1px solid var(--sand)}
.next-card{background:var(--paper);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:14px;color:var(--ink);min-height:260px;transition:background .15s}
.next-card h3{font-size:clamp(24px,2.4vw,30px);line-height:1.12}
.next-card p{font-size:16px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.next-card .link-line{margin-top:auto;align-self:flex-start}
.next-card:hover{background:var(--soft)}
.next-card:hover h3{color:var(--brown)}

/* I tre dolci */
.scheda-dolci{padding-top:0}

/* Link nel testo */
.blocco-body p a,.blocco-body li a{color:var(--green);border-bottom:1px solid var(--brown)}
.blocco-body p a:hover,.blocco-body li a:hover{color:var(--brown)}
.scheda-box .blocco-body p a{color:var(--paper);border-color:var(--sand)}

/* Domande frequenti a tendina (come nelle ricette) */
.blocco-body .faq-item{border-bottom:1px solid var(--sand)}
.blocco-body .faq-item:first-of-type{border-top:1px solid var(--green)}
.blocco-body>.faq-item+.faq-item{margin-top:0}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font:28px/1 var(--display);color:var(--brown)}
.faq-item[open] summary::after{content:"−"}
.blocco-body .faq-item h3{font-size:clamp(20px,2vw,24px);line-height:1.25;margin:0}
.faq-item summary:hover h3{color:var(--brown)}
.faq-item p{padding:0 0 24px}