/*
Theme Name: Il Mulino delle Carni
Description: Ricettario della macelleria Il Mulino delle Carni. Ricette sfiziose e veloci, prodotti dal banco, ricette da salvare e contatti del banco.
Version: 2.3.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mulino
*/

/* Caratteri: sono dentro il tema (assets/fonts), licenza SIL OFL. */
@font-face{font-family:'Bricolage';src:url('assets/fonts/Bricolage-Variable.woff2') format('woff2');font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:'Figtree';src:url('assets/fonts/Figtree-Variable.woff2') format('woff2');font-weight:300 900;font-display:swap}

:root{
	--bordeaux:#8C1A3B;      /* il rosso del logo */
	--bordeaux-deep:#5E1027;
	--paglia:#EEE2C0;        /* la carta paglia del banco */
	--paglia-2:#E3D3A6;
	--carta:#FFFCF4;
	--ink:#241519;
	--muted:#4A3B37;
	--t:19px;               /* testo normale: grande, per leggere senza occhiali */
	--lama:#8F8D8B;          /* il grigio delle mannaie del logo */
	--r:18px;
	--pad:20px;
	--display:'Bricolage','Arial Narrow',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paglia);color:var(--ink);font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:var(--t);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--bordeaux-deep);outline-offset:3px;border-radius:6px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;clip:auto;z-index:99;background:var(--carta);padding:10px 16px;border-radius:10px}
.muted{color:var(--muted)}
body.big{--t:23px}
[hidden]{display:none!important}

/* Titoli: grottesco stretto, tagliato come un cartellino del banco */
.display{font-family:var(--display);font-stretch:88%;font-weight:800;line-height:1.02;letter-spacing:-.005em;font-variation-settings:'opsz' 96}

/* ---------- Tenda e barra ---------- */
.awning{height:12px;background:repeating-linear-gradient(90deg,var(--bordeaux) 0 22px,var(--carta) 22px 44px)}
/* Home: logo grande al centro, come nella prima versione */
.top{position:relative;background:#fff;padding:22px var(--pad) 26px;display:flex;justify-content:center}
.brand-big img{width:min(270px,68vw);height:auto}
.top .saved-link{position:absolute;top:14px;right:14px}

/* Altre pagine: barra fissa con Home, logo al centro e cuore */
.bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid var(--paglia-2)}
.bar .brand img{width:118px;height:auto}
.bar .saved-link{justify-self:end}
.home-link{justify-self:start;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 16px 0 12px;border-radius:999px;background:var(--bordeaux);color:var(--carta);font-weight:700;font-size:16px}

.saved-link{position:relative;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 14px 0 12px;border-radius:999px;background:var(--paglia);color:var(--bordeaux);font-weight:700;font-size:16px}
.saved-link .count{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--bordeaux);color:var(--carta);font-size:14px;display:grid;place-items:center}
.saved-link.has .i-heart{fill:currentColor}
.bar .brand img{width:96px}
@media (max-width:374px){.bar .brand img{width:78px}.home-link{padding:0 12px 0 10px}.saved-link{padding:0 10px}}
@media (max-width:339px){.home-link span,.sl-t{display:none}}

/* ---------- Struttura ---------- */
main{max-width:640px;margin:0 auto;padding:0 var(--pad) 48px;display:flex;flex-direction:column;gap:40px}
.block{display:flex;flex-direction:column;gap:16px}
.sec{font-size:32px}
.sec-head{display:flex;flex-direction:column;gap:6px}
.sec-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sec-link{color:var(--bordeaux);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:8px 0}
.lede{font-size:var(--t);color:var(--muted);max-width:34em}

/* ---------- Pulsanti ---------- */
.btn{min-height:56px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;background:var(--bordeaux);color:var(--carta);font-weight:700;font-size:18px;border:0;cursor:pointer;text-align:center}
.btn:active{transform:translateY(1px)}
.btn svg{flex:none}
.btn-paper{background:var(--carta);color:var(--bordeaux)}
.btn-line{background:transparent;color:var(--carta);box-shadow:inset 0 0 0 2px var(--carta)}
.btn-line-dark{background:transparent;color:var(--bordeaux);box-shadow:inset 0 0 0 2px var(--bordeaux)}

/* ---------- Foto ---------- */
.ph{position:relative;overflow:hidden;background:var(--paglia-2);border-radius:var(--r)}
.ph.r45{aspect-ratio:4/5}
.ph.r11{aspect-ratio:1/1}
.ph.r54{aspect-ratio:5/4}
.ph img{width:100%;height:100%;object-fit:cover}
.ph-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--bordeaux);font-size:14px;font-weight:600;background:
	repeating-linear-gradient(0deg,transparent 0 7px,rgba(140,26,59,.06) 7px 8px),var(--paglia-2)}
.ph-empty svg{opacity:.75}

/* ---------- Cuore "metti da parte" ---------- */
.save{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;border-radius:999px;border:0;display:grid;place-items:center;background:rgba(255,252,244,.94);color:var(--bordeaux);cursor:pointer;box-shadow:0 1px 0 rgba(36,21,25,.15)}
.save[aria-pressed="true"] .i-heart{fill:currentColor}
.save.pop .i-heart{animation:pop .35s ease-out}
@keyframes pop{40%{transform:scale(1.3)}}

/* ---------- Pastiglie ---------- */
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pills li{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--carta);font-size:16px;font-weight:600;color:var(--ink)}
.pills svg{color:var(--bordeaux)}

/* ---------- Home ---------- */
.hero{padding-top:24px;display:flex;flex-direction:column;gap:12px}
.hero h1{font-size:clamp(44px,12vw,72px);color:var(--bordeaux)}

/* Il biglietto del banco: la ricetta del giorno */
.ticket{position:relative;display:grid;grid-template-columns:1fr;background:var(--bordeaux);color:var(--carta);border-radius:var(--r)}
.ticket-stub{position:absolute;top:14px;left:14px;z-index:3;width:84px;padding:8px 0 6px;border-radius:12px;background:var(--carta);color:var(--bordeaux);text-align:center;display:flex;flex-direction:column;line-height:1}
.ticket-n{font-family:var(--display);font-stretch:75%;font-weight:800;font-size:44px}
.ticket-m{font-size:13px;font-weight:700;margin-top:2px}
.ticket-f{font-size:13px;font-weight:700;margin-bottom:2px}
.ticket-media{position:relative;padding:10px 10px 0}
.ticket-media .ph{border-radius:12px;aspect-ratio:5/4}
.ticket-media .save{top:20px;right:20px}
.ticket-body{position:relative;padding:22px 20px 22px;display:flex;flex-direction:column;gap:12px;border-top:2px dashed rgba(255,252,244,.45);margin-top:18px}
.ticket-body::before,.ticket-body::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--paglia)}
.ticket-body::before{left:-12px}
.ticket-body::after{right:-12px}
.ticket-k{font-weight:700;font-size:17px}
.ticket-t{font-size:clamp(32px,9vw,48px)}
.ticket-t a::after{content:"";position:absolute;inset:0;z-index:1}
.ticket .pills li{background:rgba(255,252,244,.14);color:var(--carta)}
.ticket .pills svg{color:var(--carta)}
.ticket .btn{margin-top:6px}
.ticket:has(.ticket-t a:hover) .btn{background:#fff}

/* Categorie */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tile{min-height:116px;padding:14px 14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:var(--carta);border-radius:16px;color:var(--ink)}
.tile svg{color:var(--bordeaux);flex:none}
.tile-n{font-size:20px;font-weight:700;line-height:1.15}
.tile-hot{grid-column:1/-1;min-height:0;padding:20px;flex-direction:row;align-items:center;background:var(--ink);color:var(--carta)}
.tile-hot svg{color:var(--paglia)}
.tile-txt{display:flex;flex-direction:column;gap:4px}
.tile-hot .tile-n{font-size:36px;line-height:.95;font-weight:800}
.tile-s{color:var(--paglia);font-size:17px}

/* Scorrimento orizzontale */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad) * -1);padding:2px var(--pad) 8px;scroll-padding:0 var(--pad);scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail > *{scroll-snap-align:start}
@media (min-width:640px){.rail{grid-auto-columns:42%}}

/* Scheda ricetta: in riga, foto a sinistra (niente da scorrere di lato) */
.rows{display:flex;flex-direction:column;gap:12px}
.rc{position:relative;display:grid;grid-template-columns:112px 1fr auto;gap:14px;align-items:center;padding:10px;background:var(--carta);border-radius:var(--r)}
.rc .ph{border-radius:12px}
.rc .ph-empty span{display:none}
.rc-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.rc-t{font-size:20px;font-weight:700;line-height:1.2}
.rc-t a::after{content:"";position:absolute;inset:0;z-index:1}
.rc:hover .rc-t a{text-decoration:underline;text-underline-offset:3px}
.rc .pills li{font-size:15px;padding:3px 10px 3px 8px;background:var(--paglia)}
.rc .pills li:nth-child(2){display:none}
.rc .save{position:relative;top:auto;right:auto;align-self:start;background:var(--paglia)}
@media (max-width:374px){.rc{grid-template-columns:88px 1fr auto;gap:10px}.rc-t{font-size:18px}}

/* Scheda prodotto */
.pcs{display:flex;flex-direction:column;gap:12px}
.pc{position:relative;display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center;padding:10px;background:var(--carta);border-radius:var(--r)}
.pc .ph{border-radius:12px}
.pc .ph-empty span{display:none}
.pc-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.pc-t{font-size:20px;font-weight:700;line-height:1.2}
.pc-t a::after{content:"";position:absolute;inset:0}
.pc .muted{font-size:17px;line-height:1.4}
.pc-go{color:var(--bordeaux);font-weight:700;font-size:17px;margin-top:2px}

/* Contatti */
.visit{background:var(--bordeaux-deep);color:var(--carta);border-radius:var(--r);padding:28px 22px;display:flex;flex-direction:column;gap:18px}
.visit h2{font-size:44px}
.visit-info{display:flex;flex-direction:column;gap:10px}
.visit-row{display:flex;gap:10px;align-items:flex-start}
.visit-row svg{flex:none;margin-top:2px;color:var(--paglia)}
.visit-btns{display:grid;grid-template-columns:1fr;gap:10px}

/* ---------- Ricetta ---------- */
.recipe{gap:28px;padding-top:16px}
.r-media{position:relative}
.r-media .ph{border-radius:22px;aspect-ratio:5/4}
.r-head{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.r-head h1{font-size:clamp(38px,10.5vw,60px);color:var(--bordeaux)}
.size-btn{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:12px;border:2px solid var(--bordeaux);background:var(--carta);color:var(--bordeaux);font-weight:700;font-size:17px;cursor:pointer}
.size-btn[aria-pressed="true"]{background:var(--bordeaux);color:var(--carta)}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--bordeaux);color:var(--carta);font-size:14px;font-weight:700}
.r-head .pills li{font-size:15px;padding:6px 12px 6px 10px}

/* Il consiglio del macellaio: un foglietto di carta da banco */
.note{position:relative;background:var(--carta);border-radius:4px 4px 18px 18px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 0 var(--paglia-2);border-top:6px solid var(--bordeaux);transform:rotate(-.6deg)}
.note-t{font-family:var(--display);font-stretch:80%;font-weight:800;font-size:26px;color:var(--bordeaux);line-height:1}
.note p{font-size:var(--t)}
.note-link{align-self:flex-start;color:var(--bordeaux);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
@media (prefers-reduced-motion:reduce){.note{transform:none}}

/* Ingredienti da spuntare */
.ingr{background:var(--carta);border-radius:var(--r);padding:4px 16px}
.ingr li + li{border-top:1px dashed var(--paglia-2)}
.ingr label{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 0;cursor:pointer}
.ingr input{position:absolute;opacity:0;width:1px;height:1px}
.tick{flex:none;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 2px var(--bordeaux);display:grid;place-items:center}
.ingr input:checked + .tick{background:var(--bordeaux)}
.ingr input:checked + .tick::after{content:"";width:12px;height:7px;border:solid var(--carta);border-width:0 0 3px 3px;transform:translateY(-2px) rotate(-45deg)}
.ingr input:checked ~ .ingr-t{text-decoration:line-through;color:var(--muted)}
.ingr input:focus-visible + .tick{outline:3px solid var(--bordeaux-deep);outline-offset:3px}

/* Passaggi */
.steps{counter-reset:s;display:flex;flex-direction:column;gap:22px}
.steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}
.steps li::before{content:counter(s);font-family:var(--display);font-stretch:75%;font-weight:800;font-size:52px;line-height:.8;color:var(--bordeaux)}
.steps p{font-size:var(--t);padding-top:2px}
.done{font-size:36px;color:var(--bordeaux);padding-top:6px}

/* Barra azioni in basso */
.has-bar{padding-bottom:48px}
.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;align-items:center;padding:10px var(--pad);padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--carta);border-top:1px solid var(--paglia-2)}
.actionbar > *{min-height:52px}
.save-wide{position:static;width:auto;height:auto;flex:none;padding:0 16px;border-radius:14px;display:flex;gap:8px;box-shadow:inset 0 0 0 2px var(--bordeaux);background:transparent;font-weight:700;font-size:18px}
.save-wide[aria-pressed="true"]{background:var(--bordeaux);color:var(--carta)}
.ab-share{flex:none;width:52px;border:0;border-radius:14px;background:var(--paglia);color:var(--bordeaux);display:grid;place-items:center;cursor:pointer}
.ab-main{flex:1;min-width:0;font-size:18px;padding:0 14px}
.ab-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (min-width:700px){.actionbar{left:50%;right:auto;transform:translateX(-50%);width:640px;bottom:16px;border-radius:20px;border:1px solid var(--paglia-2);box-shadow:0 8px 24px rgba(36,21,25,.12)}}

/* Testo libero (prodotti, pagine) */
.content{background:var(--carta);border-radius:var(--r);padding:22px 20px;font-size:var(--t)}
.content > * + *{margin-top:1em}
.content ul,.content ol{padding-left:1.3em;list-style:revert}
.content a{color:var(--bordeaux);text-decoration:underline}

/* ---------- Elenchi ---------- */
.list{padding-top:24px;gap:24px}
.page-title{font-size:clamp(48px,13vw,72px);color:var(--bordeaux)}
.strip ul{display:flex;flex-wrap:wrap;gap:8px}
.strip ul::-webkit-scrollbar{display:none}
.strip a{display:flex;align-items:center;min-height:46px;padding:0 16px;border-radius:999px;background:var(--carta);font-weight:700;font-size:17px;white-space:nowrap}
.strip a[aria-current]{background:var(--bordeaux);color:var(--carta)}
.empty{background:var(--carta);border-radius:var(--r);padding:28px 22px;display:flex;flex-direction:column;gap:10px}
.empty .display{font-size:34px;color:var(--bordeaux)}
.empty .btn{margin-top:8px}
.rc.leaving{opacity:.35;transition:opacity .25s}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pagination a,.pagination span{min-height:48px;min-width:48px;padding:0 14px;display:flex;align-items:center;justify-content:center;background:var(--carta);border-radius:12px;font-weight:700}
.pagination .current{background:var(--bordeaux);color:var(--carta)}

/* ---------- Piede e avvisi ---------- */
.site-footer{max-width:640px;margin:0 auto;padding:8px var(--pad) 40px;color:var(--muted);font-size:16px;line-height:1.6;display:flex;flex-direction:column;gap:6px}
.f-name{font-weight:700;color:var(--ink)}
.site-footer a{text-decoration:underline}
.recipe ~ .site-footer{padding-bottom:120px}
.toast{position:fixed;left:50%;bottom:24px;z-index:40;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--carta);padding:14px 20px;border-radius:16px;font-weight:600;font-size:17px;transition:opacity .2s,transform .2s;width:max-content;max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
body.single-ricetta .toast{bottom:96px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media (max-width:359px){.ab-main{font-size:16px;padding:0 10px}.ab-main svg{display:none}}


/* ==================================================================
   Versione 2.3
   ================================================================== */

/* Pulsanti degli strumenti della ricetta (testo, schermo, stampa) */
.r-tools{display:flex;flex-wrap:wrap;gap:8px}
.r-tools .size-btn{font-size:16px;padding:0 14px}
.size-btn svg{flex:none}
#wakeBtn[aria-pressed="true"]{background:var(--bordeaux);color:var(--carta)}

/* Ricerca */
.find{display:flex;flex-direction:column;gap:6px}
.find label{font-weight:700;font-size:17px}
.find-row{display:flex;gap:8px}
.find input{flex:1;min-width:0;min-height:56px;padding:0 16px;border-radius:14px;border:2px solid var(--paglia-2);background:var(--carta);color:var(--ink);font:inherit;font-size:var(--t)}
.find input::placeholder{color:#7A6A63}
.find input:focus{outline:3px solid var(--bordeaux-deep);outline-offset:2px;border-color:var(--bordeaux)}
.find .btn{flex:none}
.hero .find{margin-top:8px}

/* Categorie: tendina sul telefono, pastiglie sugli schermi larghi */
.cat-pick{display:flex;flex-direction:column;gap:6px}
.cat-pick label{font-weight:700;font-size:17px}
.cat-pick select{min-height:56px;padding:0 44px 0 16px;border-radius:14px;border:2px solid var(--bordeaux);color:var(--bordeaux);font:inherit;font-weight:700;font-size:var(--t);appearance:none;-webkit-appearance:none;background:var(--carta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238C1A3B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center}
.strip{display:none}
@media (min-width:700px){.cat-pick{display:none}.strip{display:block}}

/* Contatti in fondo alle pagine */
.f-visit{background:var(--carta);border-radius:var(--r);padding:20px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px;color:var(--ink);font-size:17px}
.f-visit .visit-row svg{color:var(--bordeaux)}
.f-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.f-btns .btn{min-height:52px;font-size:17px;padding:0 12px}
.site-footer .f-visit a{text-decoration:none}
@media (max-width:339px){.f-btns{grid-template-columns:1fr}}

/* Tabelle nelle pagine di testo (es. Privacy e cookie) */
.content table{width:100%;border-collapse:collapse;font-size:17px}
.content th,.content td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--paglia-2)}
.content th{font-weight:700;border-bottom:2px solid var(--bordeaux)}
.content .wp-block-table{margin:0;overflow-x:auto}
@media (max-width:600px){
	.content .wp-block-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
	.content .wp-block-table table,.content .wp-block-table tbody,.content .wp-block-table tr,.content .wp-block-table td{display:block;width:auto}
	.content .wp-block-table tr{padding:12px 0;border-bottom:1px dashed var(--paglia-2)}
	.content .wp-block-table td{border:0;padding:2px 0}
	.content .wp-block-table td:first-child{font-weight:700;color:var(--bordeaux);overflow-wrap:anywhere}
	.content .wp-block-table td:last-child{color:var(--muted)}
}

/* Solo in stampa */
.print-only{display:none}

/* ---------- Stampa della ricetta ---------- */
@media print{
	@page{margin:16mm 14mm}
	html,body{background:#fff!important;color:#000}
	body{font-size:12pt;line-height:1.45}
	body.big{--t:12pt}
	.awning,.bar,.top,.actionbar,.toast,.site-footer,.r-tools,.save,.note-link,.no-print,
	.steps + .done + .btn,[data-share],.skip{display:none!important}
	main{display:block;max-width:none;padding:0}
	main > * + *{margin-top:14pt}
	.recipe{padding-top:0}
	.print-only{display:block}
	.print-brand{font-size:10pt;color:#555;border-bottom:1px solid #999;padding-bottom:4pt}
	.r-media{width:42%;float:right;margin:0 0 8pt 12pt}
	.r-media .ph{border-radius:6pt;aspect-ratio:5/4}
	.r-head h1{font-size:24pt;color:#000}
	.chip{background:none;color:#000;padding:0;min-height:0;font-size:10pt}
	.pills li{background:none!important;padding:0 10pt 0 0;font-size:11pt;color:#000}
	.note{transform:none;box-shadow:none;border:1px solid #999;border-top:3pt solid #000;padding:8pt 10pt;break-inside:avoid}
	.note-t{font-size:13pt;color:#000}
	.sec{font-size:16pt;color:#000}
	.sec-head .muted{display:none}
	.ingr{background:none;padding:0;clear:both}
	.ingr label{min-height:0;padding:3pt 0}
	.ingr li + li{border-top:1px dotted #bbb}
	.tick{width:11pt;height:11pt;border-radius:2pt;box-shadow:inset 0 0 0 1px #000}
	.ingr input:checked + .tick{background:none}
	.ingr input:checked ~ .ingr-t{text-decoration:none;color:#000}
	.steps{gap:6pt}
	.steps li{grid-template-columns:22pt 1fr;gap:6pt;break-inside:avoid}
	.steps li::before{font-size:20pt;color:#000}
	.done{font-size:14pt;color:#000}
	.content{background:none;padding:0}
	a{color:#000}
}