/* Il Salvagente 2026 — design system (same language as the subscription landings) */
@font-face{font-family:"Benton Sans";src:url(../fonts/BentonSans-Regular-2.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Benton Sans";src:url(../fonts/BentonSans-Medium-2.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Benton Sans";src:url(../fonts/BentonSans-Bold-2.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Benton Sans";src:url(../fonts/BentonSans-Black-2.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}

:root{
  --navy:#003058;--navy-2:#00213d;--navy-3:#0b4a7e;--red:#c41414;--red-2:#9e0f0f;
  --paper:#f4efe8;--paper-2:#ebe3d8;--white:#fff;--ink:#1c2533;--muted:#4f5b69;--line:#e3dbd0;
  --gold:#ffd28a;--yellow:#f2be1a;--green:#1f7a4d;
  --sans:"Benton Sans","Helvetica Neue",Arial,sans-serif;
  --wrap:1088px;--gutter:24px; /* colonna «a giustezza» 1040 + 2×24 (schema del direttore 7/10) */--radius:16px;--radius-lg:24px;
  --shadow:0 18px 40px rgba(0,48,88,.08);--shadow-lg:0 30px 60px rgba(0,48,88,.18);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:18px;line-height:1.6;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px} /* navy su bianco/carta 11-13:1; il giallo era 1,4-1,7:1 */
.topbar :focus-visible,.site-footer :focus-visible,.section--navy :focus-visible,.issue-band :focus-visible,.sub-band :focus-visible,.test-head :focus-visible,.aside-card :focus-visible,.sostegno--fascia :focus-visible,.sg-cta--gratis :focus-visible{outline-color:var(--yellow)} /* sui fondi blu resta il giallo */
h1,h2,h3,h4{font-family:var(--sans);font-weight:900;color:var(--navy);letter-spacing:-.015em;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0 0 1em}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:9999;width:auto;height:auto;clip:auto;background:#fff;padding:12px 18px;border-radius:8px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:760px}
.ico{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:-.15em}
.section{padding-block:64px}
.section--paper{background:var(--paper)}
.section--navy{background:var(--navy);color:#fff}
.section--navy h2,.section--navy h3{color:#fff}
@media(max-width:767px){:root{--gutter:18px}.section{padding-block:44px}}

/* labels (content type) */
.label{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);line-height:1.2}
.label--test{color:#fff;background:var(--red);padding:5px 10px;border-radius:6px}
.label--inchiesta{color:#fff;background:var(--navy);padding:5px 10px;border-radius:6px}
.label--notizia,.label--area{color:var(--navy);background:var(--paper-2);padding:5px 10px;border-radius:6px}
.label--richiamo{color:#7a4a00;background:#ffe7b3;padding:5px 10px;border-radius:6px}
.label--domanda,.label--famiglia,.label--farmaci,.label--miti,.label--condominio,.label--occhi{color:var(--navy);background:var(--paper-2);padding:5px 10px;border-radius:6px} /* rubriche del giornale (direttore 6/10) */
.eyebrow{font-weight:900;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.section--navy .eyebrow,.issue-band .eyebrow,.sub-band .eyebrow,.aside-card .eyebrow,.test-head .eyebrow,.sg-cta--gratis .eyebrow,.sostegno--fascia .eyebrow{color:var(--gold)} /* rosso su blu era 2,2-2,7:1; oro 9,5-11,5:1 */
.meta{font-size:15px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.meta__item{white-space:nowrap;display:inline-flex;align-items:center} /* autore, data, tempo: ogni voce intera su una riga, niente «·» appesi (al telefono vanno a capo) */
.article-head .meta{gap:4px 18px}
.meta__autore a{color:var(--navy);font-weight:700;text-decoration:none}
.meta__autore a:hover{text-decoration:underline}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--red);color:#fff!important;font-weight:900;font-size:17px;text-decoration:none;border:0;cursor:pointer;box-shadow:0 12px 26px rgba(196,20,20,.28);transition:transform .2s,background .2s}
.btn:hover{background:var(--red-2);transform:translateY(-2px)}
.btn--yellow{background:var(--yellow);color:var(--navy)!important;box-shadow:0 10px 22px rgba(242,190,26,.35)}
.btn--yellow:hover{background:#ffcd33}
.btn--ghost{background:transparent;color:var(--navy)!important;border:2px solid var(--navy);box-shadow:none}
.btn--ghost:hover{background:var(--navy);color:#fff!important}
.section--navy .btn--ghost{color:#fff!important;border-color:rgba(255,255,255,.6)}
.btn--sm{min-height:52px;padding:0 20px;font-size:16px} /* 52 px anche per i pulsanti piccoli (ARCHITECTURE §0, collaudo UX 2/10) */
.link-arrow{font-weight:900;text-decoration:none;display:inline-flex;align-items:center;gap:6px}

/* ---------- top bar + header ---------- */
.topbar{background:var(--navy-2);color:#dce5ee;font-size:15px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px}
.topbar a{color:#fff;text-decoration:none;font-weight:700}
.topbar a:hover{color:var(--gold)}
.topbar .issue-note b{color:var(--gold)}
/* telefono: le due voci vanno su due righe intere, mai una parola o l'icona da sole (iPhone di Roberta, 430 px, 1/10) */
/* (da computer il link resta in linea: con inline-flex l'icona senza linea di base alzava «Assistenza» di 4 px, collaudo UX 2/10) */
.search-panel{display:none;border-top:1px solid var(--line);background:var(--paper)}
.search-panel.open{display:block}
.search-form{display:flex;gap:10px;padding:18px 0}
.search-form input[type=search]{flex:1;min-height:52px;border:2px solid var(--line);border-radius:999px;padding:0 22px;font:inherit;font-size:18px}
.icon-btn{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--navy);cursor:pointer;font-size:20px}
.icon-btn:hover{border-color:var(--navy)}
/* testata: tutte le regole stanno nel blocco «Testata v2» in fondo al file */

/* ---------- cards ---------- */
.card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)}
.card__img{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;background:var(--paper-2)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card:hover .card__img img{transform:scale(1.04)}
.card__img .label{position:absolute;top:12px;left:12px}
.card__title{font-weight:900;font-size:21px;line-height:1.2;color:var(--navy);margin:0}
.card:hover .card__title{color:var(--red)}
.card__excerpt{font-size:16px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card--h{flex-direction:row;gap:14px;align-items:flex-start}
.card--h .card__img{flex:0 0 120px;aspect-ratio:1/1;border-radius:12px}
.card--h .card__title{font-size:18px}
.grid{display:grid;gap:28px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.grid--3,.grid--4{grid-template-columns:1fr}.grid{gap:22px}}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.section-head h2{font-size:clamp(28px,3.2vw,40px)}
.section-head .link-arrow{font-size:16px}

/* ---------- home: lead ---------- */
.lead{padding:34px 0 50px}
.lead__grid{display:grid;grid-template-columns:2fr 1fr;gap:34px}
.lead__main{display:flex;flex-direction:column;gap:16px;text-decoration:none;color:var(--ink)}
.lead__main .card__img{aspect-ratio:16/9;border-radius:var(--radius-lg)}
.lead__main h1,.lead__main h2{font-size:clamp(32px,4vw,52px)}
.lead__main:hover h1,.lead__main:hover h2{color:var(--red)}
.lead__main .standfirst{font-size:20px;color:var(--muted);margin:0}
.evidenza{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;gap:18px}
.evidenza h2{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:900}
.evidenza .card{padding-bottom:18px;border-bottom:1px solid var(--line)}
.evidenza .card:last-child{border-bottom:0}
@media(max-width:900px){.lead__grid{grid-template-columns:1fr}.evidenza{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:22px}}

/* ultime notizie strip */

/* ---------- issue band ---------- */
.issue-band{background:var(--navy);color:#fff;overflow:hidden;position:relative}
.issue-band::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 90% at 85% 20%,var(--navy-3) 0%,transparent 60%)}
.issue-band .wrap{position:relative;display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;padding-top:60px;padding-bottom:60px}
.issue-band .cover{width:280px;border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(-2deg)}
.issue-band h2{color:#fff;font-size:clamp(30px,3.6vw,46px);margin:10px 0 16px}
.issue-band ul{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:10px}
.issue-band li{display:flex;gap:12px;font-size:18px;color:#dce5ee}
.issue-band li b{color:#fff}
.issue-band li .ico{color:var(--gold);margin-top:4px}
.issue-band .ctas{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:800px){.issue-band .wrap{grid-template-columns:1fr;gap:30px}.issue-band .cover{width:200px;margin:0 auto}}

/* ---------- test cards ---------- */
.test-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s}
.test-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.test-card__img{aspect-ratio:16/10;background:var(--paper-2);position:relative;overflow:hidden}
.test-card__img img{width:100%;height:100%;object-fit:cover}
.test-card__num{position:absolute;left:14px;bottom:14px;background:var(--red);color:#fff;border-radius:12px;padding:8px 12px;font-weight:900;font-size:26px;line-height:1}
.test-card__num small{font-size:13px;font-weight:700;margin-left:4px}
.test-card__body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.test-card h3{font-size:21px;line-height:1.2}
.test-card .facts{font-size:15px;color:var(--muted);margin:0}
.lockline{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--paper);font-weight:700;font-size:15px;color:var(--navy)}
.lockline .ico{color:var(--red);font-size:20px}
.areas{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:30px}
.area{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:#fff;border:1.5px solid var(--line);text-decoration:none;color:var(--navy);font-weight:900}
.area span{font-weight:500;font-size:14px;color:var(--muted)}
.area:hover{border-color:var(--red)}
@media(max-width:900px){.areas{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.areas{grid-template-columns:repeat(2,1fr)}}

/* ---------- subscribe band ---------- */
.sub-band{background:var(--navy-2);color:#fff;position:relative;overflow:hidden}
.sub-band__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18}
.sub-band .wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:70px;padding-bottom:70px}
.sub-band h2{color:#fff;font-size:clamp(32px,4vw,52px)}
.sub-band h2 em{font-style:normal;color:var(--gold)}
.sub-band p.lead-p{font-size:20px;color:#dce5ee;margin:18px 0 24px}
.offer{background:#fff;color:var(--ink);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-lg)}
.offer .price{display:flex;align-items:baseline;gap:10px}
.offer .price b{font-weight:900;font-size:clamp(46px,15vw,60px);line-height:1;color:var(--navy);white-space:nowrap} /* a 320 «39 €» su una riga */
.offer .price span{color:var(--muted)}
.offer .perday{font-weight:700;color:var(--red);font-size:16px;margin:6px 0 16px}
.checks{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.checks li{display:flex;gap:10px;font-size:17px;line-height:1.4}
.checks .ico{color:var(--green);font-size:22px;stroke-width:3}
.offer .btn{width:100%}
.offer .fine{font-size:14px;color:var(--muted);text-align:center;margin-top:12px}
.proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:6px;font-size:15px;color:#c9d6e3}
.proof span{display:inline-flex;gap:8px;align-items:center}
.proof .ico{color:var(--gold);font-size:20px}
@media(max-width:900px){.sub-band .wrap{grid-template-columns:1fr}}

/* newsletter */
.newsletter{background:var(--paper)}
.newsletter .wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.newsletter h2{font-size:clamp(26px,3vw,36px)}
.nl-form{display:flex;gap:10px}
.nl-form input{flex:1;min-height:56px;border:2px solid var(--line);border-radius:999px;padding:0 22px;font:inherit;font-size:18px;background:#fff}
@media(max-width:800px){.newsletter .wrap{grid-template-columns:1fr}.nl-form{flex-direction:column}}

/* shop cards */
:is(a.product,.woocommerce ul.products li.product){display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);background:#fff;border-radius:var(--radius);padding:16px;border:1.5px solid var(--line)}
:is(a.product,.woocommerce ul.products li.product) img{width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--paper);border-radius:10px}
:is(a.product,.woocommerce ul.products li.product) h3{font-size:17px;line-height:1.25}
:is(a.product,.woocommerce ul.products li.product) .p-price{font-weight:900;font-size:22px;color:var(--red);margin-top:auto}
:is(a.product,.woocommerce ul.products li.product):hover{border-color:var(--red)}

/* ---------- article ---------- */
.article-head{padding-top:40px;padding-bottom:10px}
.breadcrumb{font-size:15px;color:var(--muted);margin-bottom:16px}
.breadcrumb a{color:var(--muted)}
.article-head h1{font-size:clamp(36px,4.8vw,56px);margin:14px 0 16px} /* sui portatili (1024) resta ≥ 46 px: «si rimpicciolisce», direttore 6/10 */
.standfirst{font-size:22px;line-height:1.45;color:var(--ink)} /* era grigio: al telefono sono 9 righe */
.article-hero{margin:26px auto 10px;max-width:1000px}
.article-hero img{width:100%;border-radius:var(--radius-lg);aspect-ratio:16/9;height:auto;object-fit:cover} /* tetto 16/9: una foto verticale era alta 694 px a 1280 (P1b §10) */
/* gli embed di WordPress verso altri articoli (iframe nascosto + citazione col link): l'iframe faceva scorrere di lato l'articolo a 390 (P1b §11); resta il link */
.entry iframe{max-width:100%}
.entry iframe.wp-embedded-content{display:none}
.article-hero figcaption{font-size:16px;color:var(--muted);margin-top:8px}
.article-layout{display:grid;grid-template-columns:minmax(0,700px) 300px;gap:40px;justify-content:center;padding:26px var(--gutter) 60px;max-width:var(--wrap);margin:0 auto}
.entry{font-size:20px;line-height:1.7}
.entry p{margin:0 0 1.1em}
.entry h2{font-size:30px;margin:1.6em 0 .6em}
.entry h3{font-size:24px;margin:1.4em 0 .5em}
.entry a{color:var(--red)}
.entry img{border-radius:12px;margin:1em 0}
.entry blockquote{margin:1.4em 0;padding:4px 0 4px 22px;border-left:4px solid var(--red);font-size:22px;font-weight:700;color:var(--navy)}
.entry ul,.entry ol{padding-left:1.2em}
.entry li{margin-bottom:.4em}
/* «Questo mese in rivista», rifatto il 6/10 (call del direttore): copertina dritta, nome del numero, 3 pezzi, un pulsante */
.teaser-box{margin:34px 0;border-radius:var(--radius-lg);background:var(--paper);padding:26px;border:1.5px solid var(--line)}
.teaser-box__in{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start}
.teaser-box__cover img{display:block;width:120px;height:auto;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.teaser-box .eyebrow{display:block;margin-bottom:6px}
.teaser-box__titolo{font-family:var(--sans);font-weight:900;color:var(--navy);font-size:22px;line-height:1.15;margin:0 0 10px}
.teaser-box__lista{margin:0 0 16px;padding-left:1.1em;font-size:17px;line-height:1.45;color:var(--ink)}
.teaser-box__lista li{margin-bottom:4px}
.teaser-box .ctas{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.teaser-box__link{font-weight:700;color:var(--navy);font-size:16px}
@media(max-width:560px){.teaser-box{padding:20px 18px}.teaser-box__in{grid-template-columns:88px 1fr;gap:16px}.teaser-box__cover img{width:88px}.teaser-box__titolo{font-size:20px}}
.trust-note{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:30px}
.trust-note .ico{color:var(--navy);font-size:24px}
.share{display:flex;gap:10px;margin:26px 0}
.share a{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:15px}
.aside-box{position:sticky;top:calc(var(--header-h,128px) + 16px);display:flex;flex-direction:column;gap:22px}
.aside-card{border-radius:var(--radius);background:var(--navy);color:#fff;padding:22px}
.aside-card h3{color:#fff;font-size:20px;margin:6px 0 10px}
.aside-card p{color:#c9d6e3;font-size:15px}
.aside-card .btn{width:100%}
.aside-list{border:1.5px solid var(--line);border-radius:var(--radius);padding:18px}
.aside-list h3{font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.aside-list a{display:block;font-weight:700;font-size:18px;line-height:1.3;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--line)}
.aside-list a:last-child{border-bottom:0}
@media(max-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr)}.aside-box{position:static}}

/* archive */
.archive-head{background:var(--paper);padding:44px 0 34px}
.archive-head h1{font-size:clamp(34px,4vw,50px);margin-top:8px}
.archive-head p{font-size:19px;color:var(--muted);max-width:720px;margin:12px 0 0}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.pagination .page-numbers{min-width:48px;height:48px;display:grid;place-items:center;border-radius:12px;border:1.5px solid var(--line);text-decoration:none;font-weight:700;padding:0 12px}
.pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
@media(max-width:767px){.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:2px var(--gutter)}.chips::-webkit-scrollbar{display:none}.chips a{flex:0 0 auto}} /* al telefono una riga che scorre, non 5 righe prima delle notizie (audit 6/10) */
.archive-head__azione{margin:14px 0 0}
.chips a{padding:8px 14px;border-radius:999px;background:#fff;border:1.5px solid var(--line);text-decoration:none;font-weight:700;font-size:15px}
.chips a.on,.chips a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* issue archive */
.issues{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}
.issue-tile{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px}
.issue-tile img{border-radius:6px;box-shadow:0 14px 30px rgba(0,48,88,.2);aspect-ratio:3/4.1;object-fit:cover;transition:transform .3s}
.issue-tile:hover img{transform:translateY(-6px) rotate(-1deg)}
.issue-tile b{font-size:16px;color:var(--navy)}
@media(max-width:1000px){.issues{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.issues{grid-template-columns:repeat(2,1fr)}}

/* test single */
.test-head{background:var(--navy);color:#fff;padding:44px 0}
.test-head h1{color:#fff;font-size:clamp(34px,4.4vw,54px);margin:12px 0}
.test-head .facts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin-top:18px}
@media(max-width:600px){.test-head .facts-row{grid-template-columns:1fr 1fr}.test-head .fact:last-child:nth-child(odd){grid-column:1/-1}}
.fact{background:rgba(255,255,255,.08);border-radius:14px;padding:12px 16px;font-size:16px;color:#c9d6e3}
.fact b{display:block;color:#fff;font-size:22px;font-weight:900}
.locked-table{border:1.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;margin:26px 0}
.locked-table .row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center;font-size:17px}
.locked-table .row:last-child{border-bottom:0}
.locked-table .row .lock{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px;color:var(--navy)}
.locked-table .row .lock .ico{color:var(--red)}
.unlock{background:var(--paper);border-radius:var(--radius-lg);padding:26px;text-align:center}
.unlock h2,.unlock h3{font-size:24px;margin-bottom:8px}
.unlock .ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px}

/* footer */
.site-footer{background:var(--navy-2);color:#b8c7d6;font-size:17px}
.footer-top{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px;padding-block:56px 40px} /* padding-block: i margini laterali restano quelli di .wrap (prima 0 px al telefono) */
.footer-top>*{min-width:0}
.site-footer h2,.site-footer h3{color:#fff;font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.site-footer ul a{display:block;padding:10px 0} /* bersagli da toccare alti 44 px, non 14 */
.site-footer a{color:#dce5ee;text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.phone{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border-radius:16px;padding:14px 18px;margin-top:16px;max-width:100%}
.phone span{min-width:0;overflow-wrap:anywhere}
.phone b{display:block;color:#fff;font-size:22px}
.phone .ico{font-size:28px;color:var(--gold)}
.footer-legal{border-top:1px solid rgba(255,255,255,.12);padding-block:12px 30px;font-size:15px;color:#b8c7d6;list-style:none;margin-block:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:4px}
.footer-legal li+li::before{content:"·";margin-right:4px}
.footer-legal a{display:inline-block;padding:10px 4px}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-top{grid-template-columns:1fr}}

/* sticky subscribe (mobile) */
.sticky-sub{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.15);transform:translateY(110%);transition:transform .35s}
.sticky-sub.show{transform:none}
.sticky-sub p{margin:0;font-size:13px;line-height:1.3;color:var(--muted)}
.sticky-sub p b{display:block;color:var(--navy);font-size:16px}
.sticky-sub .close{background:none;border:0;font-size:22px;color:var(--muted);cursor:pointer;width:52px;height:52px;flex-shrink:0;display:grid;place-items:center}
@media(max-width:767px){.sticky-sub{display:flex}body{padding-bottom:0}}
@media(max-width:360px){.sticky-sub{gap:6px;padding-left:10px;padding-right:4px}.sticky-sub .btn{padding:0 14px}} /* a 320 «Da 39 € l'anno» su una riga */

/* reveal */
/* comparsa (giro da cliente 1/10): al telefono nessuna, contenuto subito visibile; a schermo largo solo una dissolvenza breve */
.js .rv{opacity:1;transform:none}
@media(min-width:768px){.js .rv{opacity:0;transition:opacity .15s ease-out}.js .rv.in{opacity:1}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}

/* WooCommerce light touch */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:16px!important}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button{background:var(--red)!important;color:#fff!important;border-radius:999px!important;font-weight:900!important;padding:14px 22px!important}
.woocommerce .price{color:var(--red)!important;font-weight:900!important}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}

/* test card: copertina del numero su fondo navy */
.test-card__img--cover{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);display:flex;align-items:center;justify-content:flex-end;padding:16px 26px}
.test-card__img--cover img{width:auto;height:100%;object-fit:contain;border-radius:3px;box-shadow:0 14px 28px rgba(0,0,0,.4);transform:rotate(3deg);transition:transform .4s}
.test-card:hover .test-card__img--cover img{transform:rotate(0) scale(1.03)}
.test-card__img--cover .test-card__num{left:18px;bottom:auto;top:50%;transform:translateY(-50%);font-size:54px;padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.test-card__img--cover .test-card__num small{margin:0;font-size:14px;letter-spacing:.04em}
.ph{width:100%;height:100%;background:linear-gradient(135deg,var(--paper-2),var(--paper))}
.byline{font-size:15px;color:var(--muted);font-weight:700;margin-top:-.4em}
.issue-band .btn--ghost,.test-head .btn--ghost{color:#fff!important;border-color:rgba(255,255,255,.6)}
.issue-band .btn--ghost:hover{background:#fff;color:var(--navy)!important}
.sub-band__bg{opacity:.07;filter:blur(3px);transform:scale(1.05)}
.entry table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4;margin:1.4em 0;display:block;overflow-x:auto}
.entry th{background:var(--navy);color:#fff;text-align:left;padding:10px 12px;font-weight:900}
.entry td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.entry tr:nth-child(even) td{background:var(--paper)}
.entry iframe,.entry video{max-width:100%}
/* newsletter: modulo demo + Gravity Forms (Keap) */
.nl-form--demo{flex-direction:column;align-items:stretch}
.nl-row{display:flex;gap:10px}
.nl-consent{font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:flex-start;margin-top:10px;line-height:1.4}
.nl-consent input{width:20px;height:20px;margin-top:1px;flex-shrink:0}
.nl-note{font-size:13px;color:var(--muted);margin:6px 0 0}
@media(max-width:800px){.nl-row{flex-direction:column}}
.nl-box .gform_wrapper{margin:0!important}
.nl-box .gform_wrapper .gform_title,.nl-box .gform_wrapper .gform_description{display:none}
.nl-box .gform_wrapper input[type=text],.nl-box .gform_wrapper input[type=email]{min-height:52px;border:2px solid var(--line)!important;border-radius:12px!important;padding:0 16px!important;font:inherit!important;font-size:17px!important;background:#fff}
.nl-box .gform_wrapper .gfield_label,.nl-box .gform_wrapper label{font-family:var(--sans)!important;font-size:15px!important;color:var(--ink)!important}
.nl-box .gform_wrapper .gfield_consent_label,.nl-box .gform_wrapper .ginput_container_consent label{font-weight:400!important;color:var(--muted)!important;font-size:14px!important}
.nl-box .gform_wrapper .gform_footer input[type=submit],.nl-box .gform_wrapper .gform_footer button{background:var(--red)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:52px;padding:0 28px!important;font-family:var(--sans)!important;font-weight:900!important;font-size:17px!important;cursor:pointer}
/* moduli: stesso carattere del sito (i <button> e i campi restavano in Arial: login, ricerca dei test, Contatti; collaudo UX 2/10) */
button,input,select,textarea{font-family:inherit}
/* Gravity Forms nelle pagine (Contatti): pulsante alto almeno 52 px, menu e caselle grandi */
.entry .gform_wrapper .gform_footer input[type=submit],.entry .gform_wrapper .gform_footer button,.entry .gform_wrapper .gform_page_footer input[type=submit]{min-height:56px!important;padding:0 28px!important;border:0!important;border-radius:999px!important;background:var(--red)!important;color:#fff!important;font-family:var(--sans)!important;font-weight:900!important;font-size:19px!important;line-height:1.2!important;cursor:pointer}
.entry .gform_wrapper select{min-height:52px!important;font-size:18px!important;border:2px solid var(--line);border-radius:12px;padding:0 12px!important;background:#fff}
.entry .gform_wrapper input[type=checkbox],.entry .gform_wrapper input[type=radio]{width:24px!important;height:24px!important}
.woo-wrap .woocommerce-breadcrumb{font-size:15px;color:var(--muted)}
.woo-wrap .product .product_title{display:none}
.woo-wrap .woocommerce-loop-product__title{font-family:var(--sans)!important;font-weight:900;color:var(--navy);font-size:17px!important}
.woo-wrap div.product div.summary .price{font-size:32px!important}
.woo-wrap .single_add_to_cart_button{min-height:52px}
.woo-wrap input.qty{min-height:52px;border:2px solid var(--line);border-radius:12px}
/* schede test: copertina, filtro per numero, testata */
.badge-cover{position:absolute;right:12px;top:12px;background:var(--yellow);color:var(--navy);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:6px}
.badge-cover--inline{position:static;display:inline-block;vertical-align:middle;margin-left:6px}
.issue-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;font-weight:700;font-size:15px}
.issue-filter select{min-height:48px;border:2px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-weight:500;background:#fff;color:var(--ink)}
.test-head__grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.test-head__cover{border-radius:4px;box-shadow:0 26px 50px rgba(0,0,0,.45);transform:rotate(3deg)}
.breadcrumb--dark,.breadcrumb--dark a{color:#c9d6e3}
@media(max-width:767px){.test-head__grid{grid-template-columns:1fr}}
/* prodotti digitali: avviso «niente spedizione» */
.sg-digital-notice{background:#fff7e0;border:2px solid var(--yellow);border-radius:14px;padding:14px 16px;margin:0 0 20px;font-size:17px;line-height:1.45;color:var(--ink)}
.sg-digital-notice strong{color:var(--red);font-weight:900}
.sg-digital-line{font-size:14px;font-weight:700;color:var(--green);margin-top:4px}
#ship-to-different-address{display:none!important}
.sg-ship-title{font-size:20px;margin:18px 0 10px;color:var(--navy)}
.sg-ship-link{display:block!important;width:100%!important;min-height:52px!important;margin:14px 0;padding:12px 16px!important;border:2px dashed var(--navy)!important;border-radius:14px!important;background:#fff!important;color:var(--navy)!important;font-family:var(--sans)!important;font-weight:700!important;font-size:17px!important;line-height:1.35!important;text-align:left!important;cursor:pointer;text-transform:none!important}
.sg-ship-link:hover{background:var(--paper)}

.phone-note{font-size:16px;color:#b8c7d6;margin:10px 0 0;max-width:360px}
.phone-note a{color:inherit;font-weight:inherit} /* il numero verde non si mette in risalto (ARCHITECTURE §0) */
.sg-ship-link[hidden],.sg-ship-title[hidden]{display:none!important}

/* ---------- card test (28/09): foto del prodotto, mai la copertina ---------- */
.tcard{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:transform .25s,box-shadow .25s}
.tcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.tcard__media{position:relative;display:block;aspect-ratio:3/2;background:var(--paper-2);overflow:hidden}
.tcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tcard:hover .tcard__media img{transform:scale(1.04)}
.tcard__tile{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--navy)}
.tcard__tile .ico{font-size:54px;stroke-width:1.6;opacity:.9}
.tcard__tile b{font-weight:900;font-size:18px;letter-spacing:.06em;text-transform:uppercase}
.tcard__tile--alimentari{background:#2f6b3f}.tcard__tile--bevande{background:#0b4a7e}.tcard__tile--bambini{background:#8a4b8f}
.tcard__tile--casa{background:#7a5a2e}.tcard__tile--cosmetici{background:#a33b5b}.tcard__tile--tecnologia{background:#3b4a5e}.tcard__tile--auto{background:#5a5f66}
.tcard .badge-cover{top:12px;right:12px}
.tcard__body{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;flex:1}
.tcard__labels{display:flex;flex-wrap:wrap;gap:6px}
.tcard__title{font-size:22px;line-height:1.2;margin:2px 0 0}
.tcard__title a{color:var(--navy);text-decoration:none}
.tcard__title a:hover{color:var(--red)}
.tcard__teaser{margin:0;font-size:16px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tcard__issue{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:15px;color:var(--ink);text-decoration:none}
.tcard__issue img{width:30px;height:40px;object-fit:cover;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.tcard__issue:hover b{color:var(--red)}
.tcard__facts{margin:0;font-size:15px;font-weight:700;color:var(--navy)}
.tcard__cta{margin-top:auto;align-self:flex-start;min-height:48px}
/* testata della scheda: foto del prodotto */
.test-hero{margin:0;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/2;max-width:460px;box-shadow:0 26px 50px rgba(0,0,0,.35)}
.test-hero img{width:100%;height:100%;object-fit:cover}
.test-hero .tcard__tile{position:static;height:100%}
.unlock__issue{display:flex;gap:18px;align-items:center;text-align:left;justify-content:center;flex-wrap:wrap}
.unlock__issue img{width:96px;border-radius:3px;box-shadow:0 12px 24px rgba(0,0,0,.25);transform:rotate(-2deg)}
/* fascia del numero: i pezzi con la loro foto */
.issue-band .iqn{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:12px}
.issue-band .iqn a{display:flex;gap:14px;align-items:center;color:#fff;text-decoration:none}
.issue-band .iqn img,.issue-band .iqn .ph{width:84px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,.12)}
.issue-band .iqn b{font-size:18px;line-height:1.25}
.issue-band .iqn a:hover b{color:var(--gold)}
.tcard__tile--bevande .ico{fill:currentColor;stroke:none}
/* 404 / 410 */
.notfound h1{font-size:clamp(34px,4.4vw,50px);margin:10px 0 14px}
.notfound .search-form{padding:18px 0 8px}
.notfound__links{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.notfound__links .btn{width:100%;justify-content:flex-start;min-height:56px}
.notfound__help{margin-top:22px;color:var(--muted)}
@media(max-width:560px){.notfound__links{grid-template-columns:1fr}}
.search-form input[type=search]{min-width:0}
.search-form{flex-wrap:wrap}
.search-form .btn{flex:0 0 auto}
/* pagina-numero (0.3.11) */
.issue-band--page .issue-h1{color:#fff;font-size:clamp(34px,4.4vw,54px);margin:10px 0 12px}
.issue-lead{color:#dce5ee;font-size:19px;margin:0 0 22px;max-width:560px}
.issue-reader{margin:16px 0 0;font-size:16px;color:#c9d6e3}
.issue-reader a{color:#fff;font-weight:700}
.sommario .som-t{font-size:22px;line-height:1.25;margin:28px 0 6px;color:var(--navy)}
.sommario .som-t:first-child{margin-top:0}
.sommario .som-p{font-size:19px;line-height:1.6;margin:0 0 6px;color:var(--ink)}
.sommario .som-by{font-size:15px;font-style:italic;color:var(--muted);margin:0 0 4px}
.issues--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:600px){.issues--4{grid-template-columns:repeat(2,1fr)}}
/* negozio (0.3.12) */
.section-head .sub{margin:8px 0 0;color:var(--muted)}
.year{border-top:1px solid var(--line);padding:6px 0}
.year summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:baseline;min-height:52px;padding:12px 0;font-weight:900;font-size:22px;color:var(--navy)}
.year summary::-webkit-details-marker{display:none}
.year summary::before{content:"+";width:24px;color:var(--red)}
.year[open] summary::before{content:"–"}
.year summary span{font-weight:500;font-size:15px;color:var(--muted)}
.year .issues{padding:6px 0 22px}
.issue-tile .p-price{font-weight:900;color:var(--red);font-size:17px}
:is(a.product,.woocommerce ul.products li.product) h3{display:block;overflow:visible;white-space:normal;text-overflow:clip;-webkit-line-clamp:unset}
.locked-note{display:flex;gap:12px;align-items:flex-start;background:var(--paper);border-radius:var(--radius);padding:18px 20px;font-size:19px;line-height:1.45;margin:0 0 22px}
.locked-note .ico{color:var(--red);font-size:24px;margin-top:3px}
.nl-lead{margin:0 0 12px;font-size:17px;color:var(--ink)}
/* Aiuto */
.aiuto-q{width:100%;min-height:56px;margin-top:18px;border:2px solid var(--line);border-radius:14px;padding:0 18px;font:inherit;font-size:19px;background:#fff}
.aiuto-group h2{font-size:22px;margin:0 0 10px}
.aiuto-group{margin-bottom:30px}
.aiuto-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.aiuto-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 4px;border-bottom:1px solid var(--line);font-weight:700;font-size:19px;color:var(--navy);text-decoration:none}
.aiuto-list a:hover{color:var(--red)}
.aiuto-entry ol,.aiuto-entry ul{padding-left:1.3em}
.aiuto-entry li{margin-bottom:.5em}
.aiuto-close{margin-top:30px;background:var(--paper);border-radius:var(--radius);padding:18px 20px;font-size:18px}
.aiuto-close p{margin:0 0 6px}
mark.sg-todo{background:#fff1a8;color:#5a4300;padding:1px 4px;border-radius:4px;font-size:.9em}
/* apertura home: il test del mese */
.tlead{padding-block:22px 6px} /* come .home3-apertura: il fondo giallo chiaro è il riquadro, non la fascia */
.tlead__grid{display:grid;grid-template-columns:48% 1fr;gap:36px;align-items:center;padding:28px;border-radius:var(--radius);background:color-mix(in srgb,var(--yellow) 14%,#fff)}
.tlead__media{display:block;aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-2);position:relative}
.tlead__media img{width:100%;height:100%;object-fit:cover}
.tlead__body{display:flex;flex-direction:column;gap:14px}
.tlead h1{font-size:clamp(34px,4vw,54px);margin:0}
.tlead h1 a{color:var(--navy);text-decoration:none}
.tlead h1 a:hover{color:var(--red)}
.tlead .standfirst{margin:0;font-size:20px}
.tlead .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.lead__main .lead__title{font-size:clamp(28px,3vw,40px)}
@media(max-width:767px){.tlead{padding-block:12px 0}.tlead__grid{grid-template-columns:1fr;gap:16px;padding:14px}} /* fra 768 e 900 due colonne, come l'apertura-notizia */
/* paywall */
.sg-free{position:relative}
.sg-free::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.paywall{margin:10px 0 34px;border:2px solid var(--navy);border-radius:var(--radius-lg);padding:24px;background:var(--paper)}
.paywall__lock{display:flex;gap:10px;align-items:center;font-weight:900;font-size:22px;color:var(--navy);margin:0 0 8px}
.paywall__lock .ico{color:var(--red)}
.paywall__rest{margin:0 0 16px;font-size:18px}
.paywall .ctas{display:flex;flex-wrap:wrap;gap:12px}
.paywall__login{margin:14px 0 0;font-size:16px}
/* ---------- Cassa Salvagente: checkout a blocchi (/cassa/) ---------- */
.wc-block-checkout{font-size:18px}
.wc-block-checkout .wc-block-components-title,.wc-block-checkout h2{font-family:var(--sans)!important;font-weight:900!important;color:var(--navy)!important;font-size:22px!important}
.wc-block-checkout .wc-block-components-text-input input,.wc-block-checkout .wc-blocks-components-select__select,.wc-block-checkout .wc-block-components-combobox input{min-height:56px!important;font-size:18px!important;border:2px solid var(--line)!important;border-radius:12px!important}
.wc-block-checkout .wc-block-components-text-input label{font-size:16px!important}
.wc-block-checkout .wc-block-components-checkout-place-order-button{min-height:60px!important;border-radius:999px!important;background:var(--red)!important;color:#fff!important;font-weight:900!important;font-size:20px!important;border:0!important;box-shadow:0 12px 26px rgba(196,20,20,.28)}
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover{background:var(--red-2)!important}
.wc-block-checkout .wc-block-components-express-payment{border-radius:18px}
.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-weight:900;color:var(--navy);font-size:22px}
.wc-block-checkout .wc-block-components-radio-control__label{font-size:18px}
/* Offerte in cassa (sg/bump): carta con bordo tratteggiato navy, foto vera, prezzo barrato, scelta grande */
.sg-bumps{display:grid;gap:16px;margin:8px 0 24px}
.sg-bumps.is-busy{opacity:.6;pointer-events:none}
.sg-bump{border:2px dashed var(--navy);border-radius:var(--radius);background:var(--white);padding:16px;display:grid;gap:14px}
.sg-bump.is-chosen{border-style:solid;box-shadow:var(--shadow)}
.sg-bump__head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.sg-bump__img{width:84px;height:84px;object-fit:cover;border-radius:12px;background:var(--paper)}
.sg-bump__title{margin:0 0 4px;font-weight:900;color:var(--navy);font-size:19px;line-height:1.2}
.sg-bump__text{margin:0;font-size:16px;color:var(--ink);line-height:1.4}
.sg-bump__choices{display:grid;gap:8px}
.sg-bump__choice{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:56px;padding:10px 14px;border:2px solid var(--line);border-radius:12px;background:#fff7e0;cursor:pointer;font-size:17px}
.sg-bump__choice.is-on{border-color:var(--navy);background:var(--white)}
.sg-bump__choice input{width:24px;height:24px;margin:0;accent-color:var(--navy)}
.sg-bump__choice--yes .sg-bump__label{font-weight:900;color:var(--navy)}
.sg-bump__price{white-space:nowrap;text-align:right}
.sg-bump__price s{color:var(--muted);font-size:15px}
.sg-bump__price strong{color:var(--red);font-weight:900}
@media(max-width:420px){.sg-bump__choice{grid-template-columns:28px 1fr}.sg-bump__price{grid-column:2;text-align:left}}
/* Pagina di grazie (C5): prima si legge, poi il riepilogo */
.sg-grazie{display:grid;gap:22px;font-size:18px}
.sg-grazie__ok{margin:0 0 6px;color:var(--green);font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}
.sg-grazie__title{margin:0 0 8px;color:var(--navy);font-weight:900;font-size:clamp(28px,6vw,40px);line-height:1.1;text-wrap:balance}
.sg-grazie__lead{margin:0;color:var(--muted)}
.sg-leggi{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sg-leggi__row{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}
.sg-leggi__img{width:88px;height:auto;max-height:120px;object-fit:cover;border-radius:10px;background:var(--paper)}
.sg-leggi__body{display:grid;gap:10px;justify-items:start;min-width:0}
.sg-leggi__title{margin:0;font-weight:900;color:var(--navy);font-size:20px;line-height:1.2}
.sg-leggi__btn{min-height:56px;font-size:18px}
.sg-leggi__note{margin:0;font-size:16px;color:var(--ink)}
.sg-grazie__info{background:var(--paper);border-radius:var(--radius);padding:16px 18px;font-size:16px}
.sg-grazie__info p{margin:0 0 8px}.sg-grazie__info p:last-child{margin:0}
.sg-grazie__riepilogo{border-top:1.5px solid var(--line);padding-top:12px}
.sg-grazie__riepilogo summary{cursor:pointer;font-weight:700;color:var(--navy);min-height:44px;display:flex;align-items:center}
.sg-grazie__riepilogo .woocommerce-order-overview{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:4px;font-size:16px}
@media(max-width:480px){.sg-leggi__row{grid-template-columns:64px 1fr}.sg-leggi__img{width:64px}.sg-leggi__btn{width:100%;justify-content:center}}
.sg-ship-note{margin:0 0 14px;padding:12px 14px;border-left:4px solid var(--navy);background:#fff7e0;border-radius:8px;font-size:17px;font-weight:700;color:var(--navy)}
.sg-grazie__entra{display:grid;gap:12px;justify-items:start;background:#fff7e0;border:2px solid var(--yellow);border-radius:var(--radius);padding:16px 18px}
.sg-grazie__entra p{margin:0}
/* Cassa a blocchi: larghezza piena e riepilogo leggibile (nomi che non si spezzano lettera per lettera) */
.wrap--cassa{max-width:1100px}
.wc-block-components-order-summary-item__description{min-width:0}
.wc-block-components-order-summary-item .wc-block-components-product-name{word-break:normal;overflow-wrap:break-word;hyphens:auto}
.wc-block-components-order-summary-item__total-price{white-space:nowrap}
.wc-block-components-order-summary-item .wc-block-components-sale-badge{white-space:normal;text-align:right}
/* Già cliente non collegato (cassa): riquadro neutro, non un errore; pagamento in attesa dell'accesso */
.sg-gate{margin:12px 0 4px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);display:grid;gap:10px;justify-items:start;font-size:17px;color:var(--ink)}
.sg-gate p{margin:0}
.sg-gate__btn{min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--navy);color:#fff;font-weight:900;font-size:17px;cursor:pointer}
.sg-gate__btn:disabled{opacity:.6}
.sg-gate-on .wc-block-components-checkout-place-order-button{opacity:.35;pointer-events:none}
/* Cassa: intestazione compatta (C6) — logo, «Pagamento sicuro», poi subito cosa si compra e i pagamenti rapidi */
.cassa-head{background:var(--white);border-bottom:1px solid var(--line)}
.cassa-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.cassa-head__safe{margin:0;display:flex;align-items:center;gap:6px;font-size:15px;color:var(--muted);font-weight:700}
.cassa-head__safe .ico{width:16px;height:16px;color:var(--green)}
.cassa-line{padding-block:14px 0}
.cassa-line h1{margin:0;font-weight:900;color:var(--navy);font-size:19px;line-height:1.25;letter-spacing:0}
.cassa-cambia{margin:2px 0 0}
.cassa-cambia a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--navy)}
.cassa-line .woocommerce-info,.cassa-line .woocommerce-error,.cassa-line .woocommerce-message{margin:10px 0 0}
/* «Hai già l'abbonamento…» in cima alla cassa (cambio-piano.php, 2/10): pulsanti alti, il testo va a capo */
.sg-gia{margin:14px 0 0;padding:16px 18px;border:2px solid var(--navy);border-radius:14px;background:var(--white)}
.sg-gia[hidden]{display:none}
.sg-gia__testo{margin:0;font-size:19px;font-weight:900;color:var(--navy);line-height:1.3}
.sg-gia__nota{margin:8px 0 0;font-size:17px;line-height:1.45}
.sg-gia__azioni{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.sg-gia__azioni .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px;font-size:17px}
@media (max-width:600px){.sg-gia__azioni .btn{width:100%}}
.section--cassa{padding-block:12px 44px}
@media(max-width:480px){.cassa-head__safe{font-size:14px}}
.cassa-head .brand{flex-shrink:0}
.cassa-head__safe{white-space:nowrap}
.cassa-head__mail{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-left:8px;min-height:44px;min-width:44px;color:var(--navy);text-decoration:none}
.cassa-head__mail .ico{color:var(--navy)}
@media(max-width:640px){.cassa-head__mail span{display:none}.cassa-head__mail .ico{width:24px;height:24px}} /* al telefono resta la busta: l'assistenza a un tocco (giro casse 1/10) */
/* telefoni stretti (320-400 px): «Pagamento sicuro» può andare su due righe e la busta resta sempre nello schermo (collaudo UX 2/10: a 320 usciva di 42 px, a 360 di 1 px) */
@media(max-width:400px){.cassa-head .wrap{gap:8px}.cassa-head__safe{white-space:normal;line-height:1.15;gap:4px}.cassa-head__mail{margin-left:2px}}
/* i fieldset si allargano quanto la riga più lunga (min-width:min-content): mai più largo dello schermo */
.wc-block-checkout fieldset{min-width:0}
/* 0.5.50: il riquadro di fatturazione NON si nasconde più nel solo digitale: ci sono nome e cognome obbligatori e il telefono facoltativo (Matteo 7.4) */
/* «I test li paghiamo noi» (template-parts/sostegno.php): riga · fascia · riquadro */
.sostegno--riga{margin-top:24px}
.sostegno--fascia{background:var(--navy);color:#fff;padding-block:22px}
.sostegno--fascia .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sostegno--fascia p{margin:0;display:flex;gap:10px;align-items:flex-start;font-size:18px;font-weight:700;max-width:760px}
.sostegno--fascia .ico{color:var(--gold);flex-shrink:0;margin-top:3px}
.sostegno--riquadro{margin-top:30px;padding:20px 22px;border-radius:var(--radius);background:var(--paper);border-left:5px solid var(--navy);display:grid;gap:10px;justify-items:start}
.sostegno--riquadro p{margin:0;font-size:17px}
.sostegno__titolo{font-weight:900;color:var(--navy);display:flex;gap:8px;align-items:center}
.sostegno__in{display:grid;gap:10px;justify-items:start} /* il contenuto sta in un div data-nosnippet (Google News, 6/10) */
.section--cassa .sostegno--riga{max-width:640px}
/* Ricerca: se il segnaposto non ci sta mostra i puntini, mai una parola a metà; riga d'aiuto visibile su ricerca e 404 */
.search-form input[type=search]::placeholder{text-overflow:ellipsis;color:var(--muted);opacity:1}
.search-form--label{flex-wrap:wrap}
.search-form__label{flex-basis:100%;font-weight:700;font-size:17px;color:var(--navy)}
/* telefoni stretti: campo a tutta riga e «Cerca» sotto, così «Cerca un prodotto…» si legge intero (a 320 restavano 104 px su 168, collaudo UX 2/10) */
@media(max-width:400px){.search-form input[type=search]{flex-basis:100%}.search-form .btn{width:100%}}
/* Pagina di grazie (docs/grazie-copy.md): offerta accettata, audio spiegato prima dei pulsanti, «E adesso?» */
.sg-leggi__tag{margin:0;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.sg-leggi__small{margin:0;font-size:15px;color:var(--muted)}
.sg-leggi__link{font-weight:700;color:var(--navy)}
.sg-audio{width:100%;display:grid;gap:10px;margin-top:6px;padding:14px 16px;border-radius:14px;background:var(--paper)}
.sg-audio__intro{margin:0;display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45}
.sg-audio__intro .ico{flex-shrink:0;width:22px;height:22px;color:var(--navy);margin-top:2px}
.sg-audio__list{display:grid;gap:8px}
.sg-audio__btn{display:flex;gap:10px;align-items:center;min-height:48px;padding:8px 16px;border:2px solid var(--navy);border-radius:999px;background:var(--white);color:var(--navy);font-weight:700;font-size:16px;text-decoration:none;line-height:1.25}
.sg-audio__btn .ico{flex-shrink:0;width:18px;height:18px}
.sg-audio__btn:hover{background:var(--navy);color:#fff}
.sg-adesso{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px}
.sg-adesso__title{margin:0 0 10px;font-size:22px;color:var(--navy);font-weight:900}
.sg-adesso ol{margin:0;padding-left:22px;display:grid;gap:8px;font-size:17px}
/* pagina di grazie: le righe partono dal bordo (la colonna di lettura dà rientro alle liste) e la copertina sta in alto */
.sg-grazie .sg-leggi{padding-left:0;margin-left:0}
.sg-grazie .sg-leggi__row{align-items:start}
@media(max-width:480px){.sg-grazie .sg-leggi__row{padding:14px;gap:12px}}
/* registro del Bollino (widget di Matteo, stile suo nel componente): qui solo spazio e larghezza */
.sg-bollino{margin:36px 0;max-width:100%}
.sg-bollino registro-salvagente{display:block;max-width:100%;overflow-wrap:anywhere}
/* ===== La tua area (area personale, docs/area-riservata.md): riquadri grandi, testo 18-20 px, niente elenchi sottolineati ===== */
.sg-area{display:grid;gap:28px;font-size:18px}
.sg-area__bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sg-area__back{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--navy);text-decoration:none;min-height:44px}
.sg-area__esci{font-size:16px;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
.sg-area__content{display:grid;gap:24px}
.sg-area__content h2{font-size:24px;margin:0}
.sg-area__nota{margin:0;color:var(--muted);font-size:17px}
.sg-area__sezione{display:grid;gap:14px;margin-top:12px}
.sg-area__aiuto{border-top:1.5px solid var(--line);padding-top:18px;display:grid;gap:10px;font-size:17px;color:var(--muted)}
.sg-area__aiuto p{margin:0}
.sg-stato{display:grid;gap:12px;justify-items:start}
.sg-stato__ciao{margin:0;font-size:28px;font-weight:900;color:var(--navy);line-height:1.15}
.sg-stato__riga{margin:0;font-size:20px;line-height:1.45}
.sg-stato--sospeso,.sg-stato--scaduto{background:#fff7e0;border:2px solid var(--yellow);border-radius:var(--radius);padding:16px 18px}
.sg-leggiora{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:var(--paper);border-radius:var(--radius-lg);padding:20px}
.sg-leggiora__cover{width:150px;max-width:34vw;height:auto;border-radius:6px;box-shadow:var(--shadow-lg)}
.sg-leggiora__body{display:grid;gap:12px;justify-items:start}
.sg-leggiora__title{margin:0;font-size:22px;font-weight:900;color:var(--navy);line-height:1.2}
.sg-leggiora__audio{margin:0;font-size:17px}
@media(max-width:480px){.sg-leggiora{grid-template-columns:1fr;justify-items:center;text-align:center}.sg-leggiora__body{justify-items:center}.sg-leggiora__cover{width:180px;max-width:60vw}}
.sg-riquadri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:640px){.sg-riquadri{grid-template-columns:1fr}}
.sg-riquadro{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:80px;padding:16px 18px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.sg-riquadro:hover,.sg-riquadro:focus-visible{border-color:var(--navy)}
.sg-riquadro__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--paper);color:var(--navy)}
.sg-riquadro__ico .ico{width:24px;height:24px}
.sg-riquadro__txt{display:grid;gap:2px}
.sg-riquadro__txt b{font-size:20px;color:var(--navy)}
.sg-riquadro__txt span{font-size:16px;color:var(--muted);line-height:1.35}
.sg-numeri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.sg-numeri__item{display:grid;gap:8px;justify-items:start;align-content:start}
.sg-numeri__item img{width:100%;height:auto;border-radius:6px;box-shadow:var(--shadow)}
.sg-numeri__title{margin:0;font-weight:700;font-size:17px;line-height:1.3}
.sg-numeri__btn{min-height:46px;padding:0 20px;font-size:16px}
.sg-acquisti{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sg-acquisto{display:grid;gap:6px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.sg-acquisto__cosa{margin:0;font-weight:700;font-size:19px;color:var(--navy)}
.sg-acquisto__quando{margin:0;color:var(--muted);font-size:16px}
.sg-acquisto__azioni{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}
.sg-blocco{display:grid;gap:12px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.sg-blocco form{display:grid;gap:12px}
.sg-blocco form p{margin:0;display:grid;gap:6px}
.sg-blocco p{margin:0}
.sg-blocco .input-text,.sg-entra .input-text{min-height:52px;font-size:18px;border:2px solid var(--line);border-radius:12px;padding:10px 14px;width:100%;max-width:460px}
.sg-blocco .btn,.sg-entra .btn{justify-self:start}
.sg-abbonamento__dati{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:17px}
.sg-disdici summary{cursor:pointer;color:var(--muted);min-height:44px;display:flex;align-items:center}
.sg-disdici{display:grid;gap:10px}
.sg-disdici p{margin:0 0 10px}
.sg-entra{display:grid;gap:18px}
.sg-entra__password summary{cursor:pointer;font-weight:700;color:var(--navy);min-height:44px;display:flex;align-items:center}
.sg-entra__password form{display:grid;gap:12px;margin-top:8px}
.sg-entra__password form p{margin:0;display:grid;gap:6px}
.sg-entra__ricorda{display:flex!important;gap:8px;align-items:center;font-size:16px}
/* sulla prima pagina il titolo della pagina lascia spazio al saluto */
.woocommerce-account .woocommerce-MyAccount-navigation{display:none}
/* la tua area: collaudo 29/09 a 390 px */
.woocommerce-account .entry > hr{display:none}
.woocommerce-account .section{padding-top:20px}
.sg-area ul.sg-abbonamento__dati,.sg-area ul.sg-numeri,.sg-area ul.sg-acquisti{padding-left:0;margin-left:0}
.sg-numeri__item img{aspect-ratio:749/1024;object-fit:cover;background:var(--paper)}
.sg-numeri__senza{display:flex;align-items:flex-end;width:100%;aspect-ratio:749/1024;padding:12px;border-radius:6px;background:var(--navy);color:#fff;font-weight:900;font-size:16px;line-height:1.2}
.sg-anno{border-top:1.5px solid var(--line);padding-top:10px}
.sg-anno summary{cursor:pointer;font-weight:900;font-size:20px;color:var(--navy);min-height:48px;display:flex;align-items:center}
.sg-anno .sg-numeri{margin-top:10px}
.sg-ritrova{display:grid;gap:10px;justify-items:start;background:#fff7e0;border:2px solid var(--yellow);border-radius:var(--radius);padding:16px 18px}
.sg-ritrova p{margin:0}
.sg-ritrova__titolo{font-weight:900;font-size:20px;color:var(--navy)}
/* la tua area, Roberta 29/09: ogni numero è una scheda a sé, anni come separatori forti, mini sommario sotto il titolo */
.sg-area .sg-numeri{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.sg-numeri__item{grid-template-columns:120px 1fr;align-items:start;gap:16px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.sg-numeri__item > img,.sg-numeri__item > .sg-numeri__senza{width:120px}
.sg-numeri__body{display:grid;gap:10px;justify-items:start;align-content:start;min-width:0}
@media(max-width:400px){.sg-numeri__item{grid-template-columns:96px 1fr;gap:12px}.sg-numeri__item > img,.sg-numeri__item > .sg-numeri__senza{width:96px}}
.sg-strilli{list-style:none;margin:0;padding:0!important;display:grid;gap:6px;font-size:16px;line-height:1.35;color:var(--muted)}
.sg-strilli b{color:var(--ink);font-weight:700}
.sg-strilli__tag{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.sg-leggiora .sg-strilli{text-align:left;max-width:420px}
.sg-anno__titolo{font-size:26px!important;color:var(--navy);margin:8px 0 0!important;padding-bottom:8px;border-bottom:3px solid var(--navy)}
.sg-anno{border-top:3px solid var(--navy);padding-top:14px;margin-top:10px}
.sg-anno summary{font-size:24px}
/* «Stai cercando il test di un prodotto?» (area e /test/) */
.sg-cerca{display:grid;gap:10px;background:var(--paper);border-radius:var(--radius-lg);padding:18px 20px}
.sg-cerca__titolo{margin:0;font-size:22px!important;color:var(--navy);line-height:1.2}
.sg-cerca__sotto{margin:0;color:var(--muted);font-size:17px}
.sg-cerca__form{display:flex;flex-wrap:wrap;gap:10px}
.sg-cerca__form input[type=search]{flex:1 1 220px;min-width:0;min-height:54px;font-size:18px;border:2px solid var(--line);border-radius:999px;padding:10px 18px;background:var(--white)}
.sg-cerca__form .btn{flex:0 0 auto}
.sg-cerca__risultati{list-style:none;margin:6px 0 0;padding:0!important;display:grid;gap:12px}
.sg-cerca__riga{display:grid;gap:6px;justify-items:start;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.sg-cerca__nome{font-weight:900;font-size:19px;color:var(--navy);text-decoration:none;line-height:1.25}
.sg-cerca__sub,.sg-cerca__numero,.sg-cerca__vuoto{margin:0}
.sg-cerca__sub{color:var(--muted);font-size:16px}
.sg-cerca__numero{font-weight:700;font-size:16px}
.sg-cerca__btn{min-height:46px;font-size:16px;padding:0 20px}
.sg-cerca__form input[type=search]{flex-basis:100%;padding-inline:16px}
.sg-cerca__form input[type=search]::placeholder{font-size:16px}
.sostegno__cieco{font-size:15px;color:var(--muted)}
.sostegno--riga.sostegno__cieco{margin-top:-6px;padding-left:34px}
/* offerte in cassa chiuse di serie (Fable 30/09): una riga alta al massimo 64 px, interruttore grande, dettagli a un tocco */
.sg-bumps{gap:10px;margin:4px 0 16px}
.sg-bump{border:1.5px solid var(--line);border-style:solid;padding:0;gap:0;overflow:hidden}
.sg-bump.is-chosen{border-color:var(--navy)}
.sg-bump__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:52px;padding:8px 12px 8px 14px;box-sizing:border-box}
.sg-bump__name{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;background:none;border:0;padding:2px 0;cursor:pointer;color:var(--ink);font:inherit;min-width:0;min-height:52px}
.sg-bump__short{font-weight:900;color:var(--navy);font-size:17px;line-height:1.25;white-space:normal;overflow-wrap:break-word}
@media(max-width:480px){.sg-bump__name{grid-template-columns:1fr}.sg-bump__rowprice{grid-row:2}.sg-bump__more{grid-row:3}}
.sg-bump__rowprice{font-weight:900;color:var(--red);font-size:17px;white-space:nowrap}
.sg-bump__more{grid-column:1/-1;font-size:14px;color:var(--muted);text-decoration:underline}
.sg-bump__details{display:grid;gap:12px;padding:4px 14px 14px;border-top:1px solid var(--line)}
.sg-switch{position:relative;display:inline-block;width:56px;height:52px;flex:0 0 auto;cursor:pointer}
.sg-switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.sg-switch__track{position:absolute;inset:9px 0;border-radius:999px;background:#c9c2b8;transition:background .2s}
.sg-switch__track::after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sg-switch input:checked + .sg-switch__track{background:var(--green)}
.sg-switch input:checked + .sg-switch__track::after{transform:translateX(22px)}
.sg-switch input:focus-visible + .sg-switch__track{outline:3px solid var(--navy);outline-offset:2px}
/* «Pagamento rapido» mai vuoto */
body.sg-no-express .wc-block-components-express-payment,body.sg-no-express .wc-block-components-express-payment-continue-rule{display:none!important}
/* Riepilogo: WooCommerce 11 aggiunge da solo un secondo elenco dei prodotti dopo i codici promozionali: si mostra solo il primo */
.wp-block-woocommerce-checkout-order-summary-cart-items-block~.wp-block-woocommerce-checkout-order-summary-cart-items-block{display:none!important} /* anche al telefono, dove il contenitore è checkout-order-summary-block-fill */
/* cassa al telefono: riepilogo chiuso più compatto, per avere «Paga» entro 1.200 px (Fable 30/09) */
@media(max-width:700px){.wc-block-checkout .wc-block-components-checkout-order-summary__title{margin-top:0!important;padding-top:12px!important;padding-bottom:12px!important}.wc-block-checkout .wc-block-checkout__sidebar{margin-bottom:12px!important}}

/* Riquadri di risposta diretta dentro l'articolo (30/09): newsletter nel testo, numero gratis a fine articolo */
.sg-cta{margin:34px 0;padding:24px 26px;border-radius:var(--radius-lg);background:var(--paper);border:1.5px solid var(--line);display:grid;gap:14px}
.sg-cta__titolo{margin:0!important;font-size:22px;line-height:1.25;font-weight:900;color:var(--navy)}
.sg-cta--gratis{background:var(--navy);border-color:var(--navy);justify-items:start}
.sg-cta--gratis .sg-cta__titolo{color:#fff}
/* newsletter: un'azione sola, campo e pulsante in un'unica riga, promessa chiara sopra */
.sg-cta--newsletter{gap:16px;border:0;border-top:5px solid var(--red);box-shadow:0 10px 30px rgba(0,48,88,.08)}
.sg-cta__testa{display:grid;gap:6px}
.sg-cta__testa .eyebrow{font-size:14px}
.sg-cta__sotto{margin:4px 0 0!important;font-size:16px;line-height:1.4;color:var(--muted)}
.sg-cta .nl-form{flex-direction:column;gap:0}
.sg-cta .nl-row{gap:0;background:#fff;border:2px solid var(--navy);border-radius:999px;padding:4px;align-items:center}
.sg-cta .nl-row:focus-within{box-shadow:0 0 0 3px var(--navy)}
.sg-cta .nl-row input:focus-visible{outline:3px solid var(--navy);outline-offset:2px} /* al telefono il campo è da solo: senza questo nessun segno del focus */
.sg-cta .nl-row input{min-width:0;flex:1 1 auto;height:52px;min-height:0;border:0;background:transparent;padding:0 18px;font-size:18px;outline:0}
.sg-cta .nl-row .btn{min-height:52px;flex:0 0 auto;box-shadow:none;font-family:inherit}
.sg-cta .nl-consent{margin-top:12px;align-items:center;font-size:14px;gap:10px}
.sg-cta .nl-consent input{flex:0 0 22px;width:22px;height:22px;min-height:0;padding:0;border-radius:4px;accent-color:var(--navy)}
.sg-cta .nl-consent a{color:var(--muted)}
.sg-cta .nl-note{margin:10px 0 0;font-size:16px;font-weight:700;color:var(--navy)}
.sg-cta .nl-note:empty{display:none}
.sg-cta .nl-form.is-ok .nl-note{color:var(--green)}
.sg-cta .nl-form.is-err .nl-note{color:var(--red)}
.sg-cta__alt{margin:0!important;padding-top:14px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
/* 6/10: il contenuto dei riquadri sta in .sg-cta__in (data-nosnippet); nella newsletter c'è la copertina del numero gratis */
.sg-cta__in{display:grid;gap:14px;min-width:0}
.sg-cta--gratis .sg-cta__in{justify-items:start}
.sg-cta--newsletter .sg-cta__in{gap:16px}
.sg-cta--con-copertina .sg-cta__in{grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:start}
.sg-cta__copertina img{display:block;width:120px;height:auto;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.sg-cta__corpo{display:grid;gap:16px;min-width:0}
/* telefono: copertina e titolo affiancati, campo email e consenso a tutta larghezza sotto */
@media(max-width:560px){.sg-cta--con-copertina .sg-cta__in{grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center}.sg-cta--con-copertina .sg-cta__corpo{display:contents}.sg-cta--con-copertina .sg-cta__corpo>:not(.sg-cta__testa){grid-column:1/-1}.sg-cta__copertina img{width:72px}}
.sg-cta__alt a{color:var(--navy);font-weight:700}
@media(max-width:560px){
	.sg-cta{padding:20px 18px;margin:28px 0}.sg-cta__titolo{font-size:20px}
	.sg-cta .nl-row{flex-direction:column;gap:10px;background:transparent;border:0;border-radius:0;padding:0}
	.sg-cta .nl-row:focus-within{box-shadow:none}
	.sg-cta .nl-row input{flex:0 0 56px;height:56px;width:100%;background:#fff;border:2px solid var(--navy);border-radius:999px}
	.sg-cta .nl-row .btn,.sg-cta--gratis .btn{width:100%;min-height:56px}
}

/* Negozio: due righe di descrizione sotto il nome di ogni prodotto (30/09) */
.p-desc{margin:0;font-size:15px;line-height:1.4;color:var(--muted);font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.issue-tile .p-desc{font-size:14px;-webkit-line-clamp:3}

/* Archivio dei numeri: sotto ogni copertina, cosa c'è dentro (30/09). Sempre visibile; al telefono 3 righe + «e altri N» */
.issues--elenco{grid-template-columns:repeat(4,1fr);gap:34px 28px;align-items:start}
.issue-tile__cover{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px}
.issue-tile__tests{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.issue-tile__tests li{font-size:15px;line-height:1.35;color:var(--muted);padding-left:12px;border-left:3px solid var(--line)}
.issue-tile__tests a{color:var(--ink);text-decoration:none}
.issue-tile__tests a:hover{color:var(--red);text-decoration:underline}
.issue-tile__altri{font-size:15px;font-weight:700;color:var(--red);display:inline-block;padding:6px 0}
.issue-tile__altri.solo-stretto,.solo-stretto-in{display:none}
@media(max-width:1000px){.issues--elenco{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){
	.issues--elenco{grid-template-columns:repeat(2,1fr);gap:28px 16px}
	.issue-tile__tests li.solo-largo,.solo-largo-in{display:none}
	.issue-tile__altri.solo-stretto{display:inline-block}.solo-stretto-in{display:inline}
	.issue-tile__tests li{font-size:14px;padding-left:10px}
}

/* La tua area, prima pagina: gli ultimi acquisti subito visibili (30/09) */
.sg-ultimi{margin:30px 0;display:grid;gap:14px;justify-items:start}
.sg-ultimi__titolo{font-size:24px;margin:0}
.sg-ultimi .sg-acquisti{width:100%}

/* cassa: l'account si crea sempre da solo, quindi niente «stai effettuando il check-out come ospite» (giro da cliente 1/10) */
.wc-block-checkout__guest-checkout-notice{display:none!important}
/* giro casse 1/10: niente «Accedi» di WooCommerce accanto a «Informazioni di contatto» (porta a wp-login.php: password,
   «Powered by WordPress», scelta della lingua; chi è già cliente lo riconosce il riquadro «Bentornata/o»); niente «salva la
   carta nel mio account» per un PDF (gergo e una riga in più prima di «Paga») */
.wc-block-checkout .wc-block-checkout__login-prompt{display:none!important}
.sg-cassa-digitale .wc-block-components-payment-methods__save-card-info{display:none!important}

/* Cassa al telefono: «Paga» entro 1.200 px (Fable 1/10). Il riepilogo completo che WooCommerce ripete sopra il
   pulsante è un doppione di quello richiudibile in alto: via. Le offerte in una sola scheda compatta. */
@media(max-width:767px){
	.wc-block-checkout__actions .checkout-order-summary-block-fill-wrapper{display:none!important}
	.sg-bumps{gap:0;margin:0 0 12px;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden}
	.sg-bumps::before{content:"Vuoi aggiungere?";display:block;padding:10px 14px 2px;font-weight:900;font-size:16px;color:var(--navy)}
	.sg-bump{border:0;border-radius:0}
	.sg-bump + .sg-bump{border-top:1px solid var(--line)}
	.sg-bump__row{min-height:52px;padding:6px 12px 6px 14px} /* 52 px: misura minima dei comandi (ARCHITECTURE §0) */
	.sg-bump__name{grid-template-columns:1fr auto}
	.sg-bump__rowprice{grid-row:auto;font-size:16px}
	.sg-bump__short{font-size:16px}
	.sg-bump__more{display:none}
	.sg-bump.is-chosen{background:var(--paper)}
}

/* Campi da compilare: bordo #4f5b69 (6,9:1 su bianco) al posto di #e3dbd0 (1,37:1), al focus navy. Le schede e i divisori
   restano con --line: solo i campi, perché su fondo bianco il bordo è l'unico segno del campo (collaudo UX 2/10) */
.search-form input[type=search],.nl-form input,.nl-box .gform_wrapper input[type=text],.nl-box .gform_wrapper input[type=email],.woo-wrap input.qty,.sg-blocco .input-text,.sg-entra .input-text,.sg-cerca__form input[type=search],.aiuto-q,.issue-filter select,.entry .gform_wrapper input[type=text],.entry .gform_wrapper input[type=email],.entry .gform_wrapper input[type=tel],.entry .gform_wrapper textarea,.entry .gform_wrapper select,.wc-block-checkout .wc-block-components-text-input input,.wc-block-checkout .wc-blocks-components-select__select,.wc-block-checkout .wc-block-components-combobox input{border-color:var(--muted)!important}
.search-form input[type=search]:focus,.nl-form input:focus,.sg-blocco .input-text:focus,.sg-entra .input-text:focus,.sg-entra-form input:focus,.sg-cerca__form input[type=search]:focus,.aiuto-q:focus,.issue-filter select:focus,.entry .gform_wrapper input:focus,.entry .gform_wrapper textarea:focus,.entry .gform_wrapper select:focus,.wc-block-checkout .wc-block-components-text-input input:focus,.wc-block-checkout .wc-block-components-combobox input:focus{border-color:var(--navy)!important}

/* Comandi alti almeno 52 px e testi importanti almeno 16 px (ARCHITECTURE §0, collaudo UX 2/10) */
.tcard__cta{min-height:52px}
.chips a{display:inline-flex;align-items:center;min-height:52px;font-size:17px}
.issue-filter{font-size:17px}
.issue-filter select{min-height:52px;font-size:18px}
.pagination .page-numbers{min-width:52px;height:52px}
.pagination .dots{border:0}
.share a{min-height:52px;font-size:16px}
.sg-cerca__btn{min-height:52px;font-size:17px}
.sg-numeri__btn,.sg-audio__btn{min-height:52px}
.sg-entra__password summary,.sg-disdici summary,.sg-grazie__riepilogo summary,.cassa-cambia a,.sg-area__back,.sg-area__esci{min-height:52px}
/* «Preferisci la password?» si vede che si apre */
.sg-entra__password summary{list-style:none;gap:10px;text-decoration:underline;text-underline-offset:3px}
.sg-entra__password summary::-webkit-details-marker{display:none}
.sg-entra__password summary::after{content:"›";font-size:26px;line-height:1;text-decoration:none;transition:transform .15s}
.sg-entra__password[open] summary::after{transform:rotate(90deg)}
.link-arrow{min-height:48px}
.card__excerpt,.tcard__teaser{font-size:18px}
.tcard__facts,.tcard__issue,.meta,.breadcrumb{font-size:16px}
.label{font-size:14px}
.badge-cover,.sg-strilli__tag,.sg-leggi__tag{font-size:14px}
.aside-card p,.offer .fine,.nl-consent,.sg-cta .nl-consent,.sostegno__cieco,.sg-cta__alt{font-size:16px}
.sticky-sub p{font-size:16px}
/* cassa: le condizioni subito sopra «Paga» e i prezzi del riepilogo erano a 13 px */
.wc-block-checkout .wc-block-checkout__terms,.wc-block-checkout .wc-block-checkout__terms .wc-block-components-checkbox__label{font-size:16px!important;line-height:1.45!important}
.wc-block-checkout .wc-block-components-totals-item,.wc-block-checkout .wc-block-components-checkout-order-summary__title-price,.wc-block-checkout .wc-block-components-order-summary-item__total-price{font-size:16px!important}
/* archivio dei numeri: le righe dei test a 16-17 px, e quelle che portano a una scheda si riconoscono come link */
.issue-tile__tests{grid-template-columns:minmax(0,1fr)}
.issue-tile__tests li{font-size:17px;line-height:1.4;overflow-wrap:break-word}
.issue-tile__tests a{text-decoration:underline;text-underline-offset:3px;font-weight:700;color:var(--navy)}
@media(max-width:600px){.issue-tile__tests li{font-size:16px}}

/* Zoom al 150 % (telefono da 390 = 260 px CSS): niente più largo dello schermo (collaudo UX 2/10) */
.sg-cerca>*,.card--h>*,.grid>*,.lead__grid>*,.tlead__grid>*,.sub-band .wrap>*,.newsletter .wrap>*,.article-layout>*,.sg-entra>*,.sg-area>*,.sg-area__content>*{min-width:0}
h1,h2,h3,.card__title,.tcard__title{overflow-wrap:break-word}
.share{flex-wrap:wrap}
.nl-form input,.sg-entra-form input{width:100%;min-width:0}
.sg-stato__riga,.sg-entra p{overflow-wrap:anywhere}
@media(max-width:300px){
  .areas{grid-template-columns:1fr}
  .offer{padding:20px}.offer .price{flex-wrap:wrap}
  .article-head h1,.test-head h1,.tlead h1,.lead__main h1,.lead__main h2{font-size:28px}
  .card--h .card__img{flex-basis:80px}
  .issues--elenco{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .cassa-head__safe>.ico{display:none}
}
/* cassa con zoom al 150 %: il nome dell'offerta prende tutta la riga e il prezzo va sotto (prima «Agg/iun/gi gli/arre/trat/i» in 32 px) */
@media(max-width:400px){.sg-bump__name{grid-template-columns:1fr}.sg-bump__rowprice{grid-row:2}}
/* ricerca del sito: la parola cercata in grassetto nell'estratto; riquadro dei test staccato dalle card */
.card__excerpt strong{font-weight:700;color:var(--ink)}
.sg-cerca{margin-bottom:32px}
.aiuto-esempi{margin:8px 0 0;font-size:16px;color:var(--muted)}
/* fine articolo al telefono: il riquadro «Abbonati» della colonna finirebbe sotto «Chi ci paga · Sostienici: abbonati» (due inviti in fila) */
@media(max-width:1000px){.aside-box .aside-card{display:none}}
/* topbar: il numero in edicola è un link (anche al telefono) */
.topbar .issue-note__link b{text-decoration:underline;text-underline-offset:3px}
/* scheda prodotto (div.product di WooCommerce): le regole delle tessere ora valgono solo per le tessere, la scheda torna a
   due colonne da computer (copertina e acquisto affiancati); al telefono copertina più piccola; niente «COD/Categoria» */
@media(max-width:767px){.woo-wrap div.product .woocommerce-product-gallery{max-width:220px;margin:0 auto 16px;float:none}}
.woo-wrap .product_meta{display:none}
/* tabelle degli articoli: celle più strette al telefono; se la tabella scorre di lato lo dice una riga sopra (app.js) */
@media(max-width:400px){.entry th,.entry td{padding:8px 6px}}
.sg-tab-hint{margin:1.2em 0 -.8em!important;font-size:16px;color:var(--muted);font-weight:700}
/* articolo da computer: titolo, foto e testo partono dallo stesso punto (prima 284, 164 e 110 px a 1280) */
@media(min-width:1001px){.article-head.narrow,.article-hero{max-width:calc(1060px + 2*var(--gutter))}.article-head h1,.article-head .standfirst{max-width:700px}}
/* articoli vecchi con immagini allineate a sinistra o a destra dentro il paragrafo: la parola non si spezza più */
.entry img.alignleft{display:inline;float:left;max-width:40%;margin:4px 16px 8px 0}
.entry img.alignright{display:inline;float:right;max-width:40%;margin:4px 0 8px 16px}
.entry::after{content:"";display:table;clear:both}
/* cassa vuota: il pulsante di WooCommerce verso il negozio era grigio con testo rosso, quasi illeggibile */
.entry .wc-block-checkout-empty .wp-block-button__link{background:var(--navy);color:#fff;min-height:56px;display:inline-flex;align-items:center;padding:0 26px;border-radius:999px;font-size:18px;font-weight:900;text-decoration:none}
.sg-cassa-vuota{margin:0 0 20px}
.cassa-line__nota{margin:6px 0 0;font-size:17px;line-height:1.4;color:var(--ink)}
/* cassa al telefono: meno spazio attorno al riquadro dei pagamenti rapidi e alla riga «oppure» (per «Paga» più in alto) */
@media(max-width:767px){.wc-block-checkout .wc-block-components-express-payment-continue-rule{margin:8px 0!important}.wc-block-checkout .wc-block-components-express-payment__title-container{padding-top:0!important}.sg-bumps::before{padding:6px 14px 0}}
/* «Password dimenticata?» (modulo di WooCommerce): campo da 52 px a 18 px e pulsante del sito, come l'accesso */
.woocommerce-ResetPassword .input-text,.woocommerce-ResetPassword input[type=text],.woocommerce-ResetPassword input[type=email],.woocommerce-ResetPassword input[type=password]{min-height:52px;font-size:18px;border:2px solid var(--muted);border-radius:12px;padding:10px 14px;width:100%;max-width:460px}
.woocommerce-ResetPassword .input-text:focus{border-color:var(--navy)}
.woocommerce-ResetPassword label{font-weight:700;font-size:17px}
.woocommerce-ResetPassword button[type=submit],.woocommerce-ResetPassword .button{min-height:52px;padding:0 26px!important;font-size:17px!important}

/* Publiredazionale in home: fondino e «Sponsorizzato da …» (direttore, call del 6/10) */
.card--sponsor{background:var(--paper);border-radius:var(--radius);padding:12px;box-shadow:inset 0 0 0 1.5px var(--line)}

/* ===== Home verticale (direttore, call del 6/10) ===== */
.home-flusso{padding:26px 0 10px}
.home-flusso__col{display:flex;flex-direction:column;gap:26px}
.home-flusso .card--grande .card__img{aspect-ratio:16/9;border-radius:var(--radius-lg)}
.home-flusso .card--grande .card__title{font-size:clamp(32px,4vw,50px);line-height:1.1}
.home-flusso .card--grande .card__excerpt{font-size:clamp(20px,1.6vw,22px);-webkit-line-clamp:4}
.home-flusso .card--media .card__img{aspect-ratio:16/10}
.home-flusso .card--media .card__title{font-size:clamp(24px,2.4vw,28px)}
.home-flusso .card--media .card__excerpt{-webkit-line-clamp:2}
.home-flusso .card--h{padding-top:18px;border-top:1px solid var(--line)}
.home-flusso .card--h .card__img{flex-basis:clamp(120px,18vw,140px)}
.home-flusso .card--h .card__title{font-size:clamp(20px,1.8vw,21px);line-height:1.25}
.card__excerpt--largo{display:none;margin-top:6px!important;-webkit-line-clamp:2}
@media(min-width:768px){.card__excerpt--largo{display:-webkit-box}}
.home-flusso .card--sponsor{padding:14px}
.home-flusso__tutte{align-self:flex-start;margin-top:4px}
.home-flusso .sg-ad{margin:0}
/* numero in edicola compatto, subito dopo la 3ª notizia */
.issue-band--compatta{margin:26px 0}
.issue-band--compatta .wrap{grid-template-columns:120px 1fr;gap:20px;align-items:start;padding-top:24px;padding-bottom:24px;max-width:800px}
.issue-band--compatta .cover{width:120px;transform:none;box-shadow:0 12px 26px rgba(0,0,0,.4)}
.issue-band--compatta .eyebrow{font-size:16px}
.issue-band--compatta h2{font-size:clamp(22px,2.4vw,28px);margin:6px 0 12px}
.issue-band--compatta .iqn{gap:10px;margin-bottom:16px}
.issue-band--compatta .iqn img,.issue-band--compatta .iqn .ph{width:64px;height:44px}
.issue-band--compatta .iqn b{font-size:16px}
@media(max-width:560px){.issue-band--compatta .wrap{grid-template-columns:84px 1fr;gap:14px}.issue-band--compatta .cover{width:84px}.issue-band--compatta .iqn{grid-column:1/-1}}
/* test: le aree in una riga che si scorre, 3 tessere */
.areas--riga{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px;scrollbar-width:thin}
.areas--riga .area{flex:0 0 auto;min-width:150px}
/* richiami: lista compatta */
.lista-compatta{display:flex;flex-direction:column;gap:16px;max-width:800px}
.lista-compatta .card--h + .card--h{padding-top:16px;border-top:1px solid var(--line)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:560px){.grid--2{grid-template-columns:1fr 1fr;gap:14px}}
/* al telefono le 3 tessere dei test in una riga che si scorre di lato: la home resta corta */
@media(max-width:767px){.riga-scorrevole{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:8px;margin:0 calc(-1 * var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter)}.riga-scorrevole > *{flex:0 0 78%;scroll-snap-align:start}}
@media(max-width:767px){.sub-band--compatta .proof{display:none}.sub-band--compatta .wrap{padding-top:40px;padding-bottom:40px;gap:24px}}
/* barra in basso col numero in edicola (revisione Fable 6/10): al massimo 72 px a 320-390, due righe sole */
.sticky-sub p{line-height:1.25}
.sticky-sub p b{line-height:1.25}
.sticky-sub__piu{display:none}
@media(min-width:420px){.sticky-sub__piu{display:inline}}
/* zoom 150 % (larghezza utile 250-260 px): meno margine sopra e sotto, così anche su tre righe la barra resta entro 72 px */
@media(max-width:300px){.sticky-sub{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));gap:4px}.sticky-sub .btn{padding:0 10px}.sticky-sub p,.sticky-sub p b{line-height:1.2}}
/* barra degli abbonati: «In edicola · n.10 / ottobre 2026» e «Leggi questo numero» (sotto i 360 px solo «Leggi»), entro 72 px */
.sticky-sub--abbonato .btn{white-space:normal;line-height:1.1;text-align:center;max-width:8.2em}
.sticky-sub--abbonato .btn span{white-space:nowrap}
@media(max-width:400px){.sticky-sub--abbonato{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.sticky-sub__lungo{display:none}}

/* ===== Testata v3 (7/10, schema del direttore: tutto «a giustezza» nei 1040; task layout-giustezza §2). Da 768 px:
   .site-header (Chiedilo · marchio 128 + claim centrati · Abbonati) scorre via, 172 px sopra 1060 e 160 px sotto; .site-nav è fissa, 56 px:
   riga del menu NAVY a giustezza col menu centrato in bianco (Roberta 8/10 09:35, torna al disegno del direttore; il 7/10 era
   bianca); da «compatta» mostra il marchio negativo a 40 px e «Abbonati» giallo (stessa altezza: niente sfarfallio). Al telefono solo .site-nav bianca: ☰, marchio al 60 %, lente; il menu si apre a tendina. ===== */
:root{--col:1040px}
@media(max-width:1060px){:root{--gutter:18px}}
.wrap--col{max-width:calc(var(--col) + 2 * var(--gutter))}
.site-header{background:#fff}
.site-header .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px;box-sizing:border-box;height:172px;padding-block:8px} /* marchio 128 + claim senza tagli; la riga scorre via */
/* Richiesta del direttore 8/10 pomeriggio: due pulsanti gemelli. Il testo di Chiedilo va a capo, non riduce il target. */
.header-chiedilo,.header-abbonati{box-sizing:border-box;width:100%;max-width:200px;min-height:72px;padding:10px 14px;font-size:17px;line-height:1.2;text-align:center;white-space:normal}
.header-chiedilo{justify-self:start}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;min-width:0}
.brand picture{display:block}
.brand img{display:block;width:auto}
.brand--centro{align-items:center;text-align:center}
.site-header .brand img{height:128px}
.brand__claim{display:block;font-weight:700;font-size:17px;line-height:1.2;letter-spacing:.015em;color:var(--navy);white-space:nowrap}
.header-abbonati{justify-self:end}
.site-nav{position:sticky;top:0;z-index:50;background:#fff}
.site-nav__barra{display:flex;align-items:center;gap:16px;position:relative}
.menu-toggle,.primary-nav .nav-abbonati,.primary-nav .nav-chiedilo{display:none}
.primary-nav{flex:1;min-width:0}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 28px}
.primary-nav a{display:flex;align-items:center;min-height:52px;font-weight:700;font-size:17px;color:var(--navy);text-decoration:none}
.search-toggle{border:0;width:44px;height:44px;border-radius:12px;flex-shrink:0}
.search-toggle .ico{width:24px;height:24px}
.site-nav__abbonati{min-height:40px;padding:0 18px;font-size:16px;flex-shrink:0}
@media(min-width:768px){
  /* riga del menu BIANCA coi filetti (correzione di Roberta 7/10): la barra navy del disegno è il topbar «In edicola» */
  .site-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .site-nav__barra{height:54px} /* 54 + 2 filetti = 56 */
  .primary-nav ul{justify-content:center;gap:0}
  .primary-nav li{display:flex}
  .primary-nav li+li::before{content:"·";color:var(--navy);font-weight:900;padding:0 14px;display:flex;align-items:center}
  .primary-nav a{min-height:54px}
  .primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav .current-menu-item>a{color:var(--red)}
  /* compatta: marchio a 40 px a sinistra e «Abbonati» piccolo a destra entrano con una dissolvenza; l'altezza non cambia */
  .brand--mini,.site-nav__abbonati{position:absolute;visibility:hidden;opacity:0;transition:none}
  .site-nav.is-compact .brand--mini,.site-nav.is-compact .site-nav__abbonati{position:static;visibility:visible;opacity:1;transition:opacity .2s}
  .brand--mini img{height:40px}
}
@media(min-width:768px) and (max-width:1060px){
  .site-header .wrap{height:160px}
  .site-header .brand img{height:96px}.brand__claim{font-size:15px}
  .header-chiedilo,.header-abbonati{padding:8px 10px;font-size:16px}
  .primary-nav a{font-size:16px}
  .primary-nav li+li::before{padding:0 9px}
  .site-nav.is-compact .site-nav__abbonati{padding:0 12px;font-size:15px}
  .site-nav.is-compact .brand--mini img{height:36px}
  .site-nav.is-compact .primary-nav li+li::before{padding:0 8px}
  .site-nav.is-compact .primary-nav a{font-size:15px}
  .site-nav.is-compact .site-nav__barra{gap:8px}
}
/* fra 768 e 820 le 5 voci, il marchio e «Abbonati» piccolo non stanno su una riga: «Abbonati» resta in cima, non nella compatta */
@media(min-width:768px) and (max-width:820px){.site-nav.is-compact .site-nav__abbonati{display:none}}
@media(max-width:767px){
  .site-header{display:none}
  .site-nav{border-bottom:1px solid var(--line)}
  .site-nav .wrap--col{padding:0 var(--gutter)}
  .site-nav__barra{display:grid;grid-template-columns:48px 1fr 48px;grid-template-areas:"menu brand search";min-height:84px;column-gap:4px;transition:min-height .2s;position:static}
  .menu-toggle{display:grid;grid-area:menu;width:48px;height:48px;border-radius:12px;font-size:24px}
  .brand--mini{grid-area:brand;justify-self:center}
  .brand--mini img{height:calc(min(60vw, 100vw - 2 * var(--gutter) - 104px) / 4.197);transition:height .2s}
  .site-nav.is-compact .site-nav__barra{min-height:64px}
  .site-nav.is-compact .brand--mini img{height:min(44px, calc((100vw - 2 * var(--gutter) - 104px) / 4.197))}
  .site-nav__abbonati{display:none}
  .search-toggle{grid-area:search;width:48px;height:48px}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .primary-nav.open{display:block;max-height:calc(100vh - var(--header-h,85px));max-height:calc(100dvh - var(--header-h,85px));overflow-y:auto;overscroll-behavior:contain}
  .primary-nav .nav-abbonati{display:flex;min-height:52px;margin:14px var(--gutter) 4px;padding:0 26px;font-size:18px;color:var(--navy)} /* prima voce del menu aperto */
  .primary-nav .nav-chiedilo{display:flex;min-height:52px;margin:6px var(--gutter) 4px;padding:0 26px;font-size:18px;border-color:var(--navy);color:var(--navy)} /* seconda voce */
  .primary-nav .nav-chiedilo{height:auto;padding:10px 20px;text-align:center;line-height:1.25}
  .nav-chiedilo small{display:block;margin-top:3px;font-size:14px;font-weight:400;color:inherit}
  .primary-nav .nav-chiedilo:focus-visible{background:var(--navy);color:#fff!important}
  .primary-nav ul{flex-direction:column;gap:0;padding:6px var(--gutter) 18px}
  .primary-nav a{min-height:0;padding:14px 12px;font-size:19px;border-bottom:1px solid var(--paper)}
  .primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--red)}
}
/* ancore (#titoletto, «Vai a»): il punto d'arrivo non finisce sotto la riga fissa del menu */
html{scroll-padding-top:var(--header-h,56px)}
/* etichette delle card: mai più larghe della card (a 320 px «Sponsorizzato da …» usciva di 14 px) */
.label{max-width:100%;white-space:normal;overflow-wrap:break-word;hyphens:manual} /* mai «SPONSORIZZ/ATO» (0.5.35 §25) */
/* cassa: solo il marchio, alla stessa larghezza del logo di prima */
.cassa-head .brand img{height:35px;width:auto}
@media(max-width:480px){.cassa-head .brand img{height:30px}}
@media(max-width:400px){.cassa-head .brand img{height:25px}}
@media(max-width:340px){.cassa-head .brand img{height:21px}}

/* ===== Area personale v2 (7/10): saluto + «Hai: …», scheda dell'abbonamento, «Inizia da qui», «Tutto quello che hai comprato».
   Telefono prima (390, colonna 358): testo 18-19 px, pulsanti 52 px. Da 1024 px due colonne: 1fr + scorciatoie 340. ===== */
.sg-area2{display:grid;gap:28px}
.sg-area2__main{display:grid;gap:24px;min-width:0}
.sg-area2__sezione{display:grid;gap:16px}
.sg-area__titolo,.sg-area__content h2.sg-area__titolo{margin:0;font-size:24px;line-height:1.2;color:var(--navy)}
.sg-saluto{display:grid;gap:8px}
.sg-saluto__eyebrow{margin:0;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sg-saluto__riga{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sg-saluto__ciao{margin:0;font-size:22px;font-weight:900;line-height:1.25;color:var(--navy);text-wrap:balance}
.sg-saluto__esci{flex-shrink:0;font-size:17px;color:var(--muted);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:flex-end;margin-top:-10px}
.section.section--area{padding-top:16px}
.sg-saluto__hai{margin:0;font-size:18px;line-height:1.45}
.sg-area2__avviso{margin:0;padding:14px 16px;border-radius:var(--radius);background:#fff7e0;border:2px solid var(--yellow);font-size:17px}
.sg-area2__fattura{margin:0;font-size:17px;color:var(--muted)}
/* scheda */
.sg-scheda{display:grid;gap:16px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.sg-scheda__testa{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.sg-scheda__cover{width:72px;height:auto;border-radius:4px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.sg-scheda__nome{display:grid;gap:10px;justify-items:start}
.sg-scheda__nome h3{margin:0;font-size:22px;line-height:1.2;color:var(--navy)}
.sg-scheda__nome h3 span{display:block;font-size:18px;font-weight:700;color:var(--muted);margin-top:2px}
.sg-etichetta{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 12px;border-radius:999px;font-size:16px;font-weight:700}
.sg-etichetta::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.sg-etichetta--ok{background:#e8f4ec;color:var(--green)}
.sg-etichetta--avviso{background:#fff1c8;color:#7a5200}
.sg-etichetta--neutro{background:var(--paper);color:var(--navy)}
.sg-scheda__frase{margin:0;font-size:18px;line-height:1.45}
.sg-scheda__primario{width:100%;min-height:52px}
.sg-scheda__grigio{margin:-6px 0 0;font-size:16px;color:var(--muted)}
.sg-scheda__righe{margin:0;display:grid;gap:12px}
.sg-scheda__righe div{display:grid;gap:2px}
.sg-scheda__righe dt{font-size:16px;font-weight:700;color:var(--navy)}
.sg-scheda__righe dd{margin:0;font-size:18px;line-height:1.45}
.sg-scheda__azioni{display:grid;gap:10px}
.sg-scheda__azioni>.btn,.sg-conferma>summary.btn{width:100%;min-height:52px}
.sg-conferma{display:grid;gap:10px}
.sg-conferma>summary{list-style:none;cursor:pointer}
.sg-conferma>summary::-webkit-details-marker{display:none}
.sg-conferma[open]{padding:14px;border-radius:var(--radius);background:var(--paper)}
.sg-conferma p{margin:0;font-size:17px}
.sg-conferma form{margin:0}
.sg-conferma .btn{width:100%}
.sg-scheda__link{margin:0;font-size:17px}
.sg-scheda__link a{display:inline-flex;align-items:center;min-height:44px}
/* «Inizia da qui» */
.sg-inizia{display:grid;gap:14px;padding:16px;border-radius:var(--radius);background:var(--paper)}
.sg-inizia__passi{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sg-passo{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start}
.sg-passo__segno{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);background:var(--white);display:grid;place-items:center;color:#fff}
.sg-passo--fatto .sg-passo__segno{background:var(--green);border-color:var(--green)}
.sg-passo__segno .ico{width:18px;height:18px;stroke-width:3}
.sg-passo>div{display:grid;gap:8px;justify-items:start}
.sg-passo__testo{margin:0;font-size:19px;font-weight:700;color:var(--navy)}
.sg-passo__quando{margin:0;font-size:16px;color:var(--muted)}
.sg-passo .btn{min-height:52px}
/* «Tutto quello che hai comprato» */
.sg-cose{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sg-cosa{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px}
.sg-cosa--avviso{border-color:var(--yellow)}
.sg-cosa__img{width:72px;aspect-ratio:3/4;border-radius:4px;background:var(--paper);display:grid;place-items:center;overflow:hidden}
.sg-cosa__img img{width:100%;height:100%;object-fit:contain}
.sg-cosa__senza{padding:6px;font-size:12px;font-weight:700;color:#fff;background:var(--navy);width:100%;height:100%;display:grid;place-items:center;text-align:center;line-height:1.2}
.sg-cosa__testo{display:grid;gap:4px;justify-items:start;min-width:0}
.sg-cosa__titolo{margin:0;font-size:19px;font-weight:700;line-height:1.3;color:var(--navy);overflow-wrap:anywhere}
.sg-cosa__riga{margin:0;font-size:17px;color:var(--muted);line-height:1.4}
.sg-cosa__riga--valido{color:var(--ink);font-weight:700}
.sg-cosa__btn{margin-top:8px;min-height:52px}
.sg-cosa__dettagli{font-size:16px;min-height:44px;display:inline-flex;align-items:center}
.sg-area2__scorciatoie{display:grid;gap:14px}
@media(min-width:1024px){
  .sg-area2{grid-template-columns:minmax(0,1fr) 340px;column-gap:40px;align-items:start}
  .sg-area2__main{grid-column:1}
  .sg-area2__scorciatoie{grid-column:2;grid-row:1;position:static} /* Tutte le voci, compreso Aiuto, scorrono con la pagina anche su schermi bassi. */
  .sg-area2__scorciatoie .sg-riquadri{grid-template-columns:1fr}
  .sg-area2__cerca{grid-column:1 / -1}
  .sg-saluto__ciao{font-size:28px}
  .section.section--area{padding-top:16px}
  .sg-scheda{padding:24px}
  .sg-scheda__cover{width:120px} /* 120, non 150: «Leggi il numero» entro ~860 px a 1280×900 (Fable 7/10) */
  .sg-scheda__righe{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .sg-scheda__righe div:first-child{grid-column:1 / -1}
  .sg-scheda__azioni{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg-scheda__primario{width:auto;justify-self:start;padding:0 32px}
  .sg-cose{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg-cosa{grid-template-columns:88px 1fr}
  .sg-cosa__img{width:88px}
}
/* ===== Area personale v2, correzioni del pezzo 1 (revisione di Fable 7/10, P1-P2) =====
   Contenitore 1040 (§1.3): da 1024 griglia 660/340. Testi piccoli almeno 17 px. Immagini 3:4 con misure: copertine a riempire,
   videocorso intero su fondo carta, archivio a ventaglio (D-e). L'area non eredita .entry (page.php: .sg-area-pagina). */
.wrap--area{max-width:calc(1040px + 2 * var(--gutter))}
.sg-saluto__primario{width:100%;min-height:52px;margin-top:6px}
.sg-saluto__esci{min-height:52px;min-width:52px;margin-top:-14px}
.sg-scheda__grigio,.sg-passo__quando,.sg-cosa__dettagli{font-size:17px}
.sg-area2__scorciatoie .sg-riquadro__txt span{font-size:17px}
.sg-scheda .sg-inizia{background:var(--paper);margin:0}
.sg-scheda .sg-inizia .sg-area__titolo{font-size:20px}
.sg-cosa__img img{object-fit:cover}
.sg-cosa--videocorso .sg-cosa__img img{object-fit:contain}
.sg-cosa__img--ventaglio{position:relative;overflow:visible;background:none}
.sg-cosa__img--ventaglio img{position:absolute;inset:6px 10px;width:auto;height:calc(100% - 12px);aspect-ratio:3/4;border-radius:3px;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.sg-cosa__img--ventaglio img:nth-child(1){transform:rotate(-10deg) translateX(-8px)}
.sg-cosa__img--ventaglio img:nth-child(3){transform:rotate(10deg) translateX(8px)}
.sg-scheda__numeri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px}
.sg-scheda__numeri a{display:grid;gap:6px;font-size:17px;text-decoration:none;color:var(--navy)}
.sg-scheda__numeri img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
@media(max-width:767px){.sticky-sub--abbonato .sticky-sub__lungo{display:none}} /* «Leggi» su tutta la barra mobile: il numero e il mese sono accanto; aria-label completo sul link. */
@media(min-width:1024px){
  .sg-saluto__primario{width:auto;justify-self:start;padding:0 32px}
  .sg-scheda__primario{white-space:nowrap}
}
/* Sommarietti sotto le copertine (pagina «La rivista»): niente sottolineatura (Roberta 7/10: «così marcata sotto tutto il testo non
   piace»). Grassetto navy con una piccola freccia in fondo che non va a capo da sola (&nbsp; nel template); rosso al passaggio e al
   focus, mai sottolineato. Tutta la voce si tocca: almeno 44 px, 8 px fra le voci. */
.issue-tile__tests{gap:8px}
.issue-tile__tests a,.issue-tile__tests a:hover,.issue-tile__tests a:focus-visible{text-decoration:none}
.issue-tile__tests a{display:block;min-height:44px;padding-block:6px;font-weight:700;color:var(--navy)} /* blocco, non flex: la freccia resta attaccata all’ultima parola */
.issue-tile__tests a:hover,.issue-tile__tests a:focus-visible{color:var(--red)}
.issue-tile__freccia{width:14px;height:14px;margin-left:4px;vertical-align:-1px}
.issue-tile__coda{white-space:nowrap} /* ultima parola + freccia: la freccia non va mai a capo da sola */
.issue-tile__altri,.issue-tile__altri:hover{text-decoration:none}
.issue-tile__altri:hover,.issue-tile__altri:focus-visible{color:var(--navy)}
/* area v2, correzioni n. 2 (Fable 7/10, B7): il vecchio separatore nel testo della pagina non si vede; «Ricevuta» si tocca bene */
.sg-area-pagina > hr,.sg-area-pagina > p:empty{display:none}
.sg-scheda__righe dd a{display:inline-flex;align-items:center;min-height:44px}
/* «I tuoi acquisti», pagina completa (area v2): righe come in prima pagina; in fondo, chiusi, gli acquisti non completati */
.sg-cose--tutte{margin-bottom:20px}
.sg-non-completati{margin-top:28px;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--white)}
.sg-non-completati summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:18px;font-weight:700;color:var(--navy)}
.sg-non-completati p,.sg-non-completati li{font-size:17px;color:var(--muted)}
.sg-non-completati ul{margin:0;padding-left:1.1em;display:grid;gap:8px}
@media(max-width:1023px){.section.section--area{padding-top:0}} /* 390: «Rileggi il numero» entro 700 px senza barra admin (Fable 7/10, B4) */
/* Negozio compatto (Fable 7/10: era 88.950 px a 390): le prime schede, poi «Mostra altri 12»; al telefono 2 colonne strette,
   testo ≥ 16 px, scheda intera da toccare; le sezioni restano a portata con le chip ferme in alto. */
.sg-elenco__voce,.sg-elenco__altro{display:flex}
.sg-elenco__voce>.product,.sg-elenco__altro>.product{flex:1}
.sg-elenco__conta{margin:20px 0 0;text-align:center}
.sg-elenco__piu{min-height:52px}
.p-formato{font-size:16px;font-weight:700;color:var(--navy)}
.sg-negozio-chips{position:sticky;top:var(--header-h,56px);z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.sg-negozio-chips .chips{margin:0;padding-block:8px;flex-wrap:nowrap;overflow-x:auto}
.sg-negozio-chips .chips a{min-height:44px;flex-shrink:0}
@media(max-width:767px){
  .grid--negozio{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .grid.grid--negozio a.product.product{padding:10px;gap:6px}
  .grid.grid--negozio a.product.product h3{font-size:16px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0}
  .grid.grid--negozio a.product.product .p-desc{display:none}
  .grid.grid--negozio a.product.product .p-price{font-size:18px}
  .grid.grid--negozio a.product.product .p-formato{font-size:16px}
}
.sg-negozio-chips .chips a{font-size:16px;display:inline-flex;align-items:center}
#guide,#arretrati,#bundle,#cartaceo{scroll-margin-top:calc(var(--header-h,56px) + 72px)} /* il titolo non finisce sotto le chip */
.sg-elenco__altro[hidden]{display:none}
@media(max-width:767px){ /* numeri arretrati del negozio: 3 per riga al telefono (copertine piccole ma leggibili, testo ≥ 16 px) */
  #arretrati .issues{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  #arretrati .issue-tile b{font-size:16px}
  #arretrati .issue-tile .p-price{font-size:16px}
}
.sg-numeri__valido{margin:0;font-size:17px;font-weight:700;color:var(--ink)} /* «Compreso nel tuo abbonamento: resta tuo anche quando finisce» */
/* ===== Pezzi interni «a giustezza» (7/10, schema del direttore): intestazione e foto d'apertura larghe quanto la griglia
   (1040 = testo 700 + 40 + colonna 300), titolo e sommario sullo stesso bordo sinistro del testo, niente mezza pagina vuota. ===== */
.article-head.wrap,.article-hero{max-width:var(--wrap)}
.article-hero{padding:0 var(--gutter)}
.article-head h1,.article-head .standfirst{max-width:none}
.article-head h1{font-size:clamp(34px,4.6vw,54px);line-height:1.12;text-wrap:balance}
.article-head .standfirst{font-size:22px}
.archive-head .wrap,.test-head .wrap{max-width:var(--wrap)}
.archive-head p{max-width:none}
@media(min-width:783px){.admin-bar .site-nav{top:32px}} /* da amministratori la barra di WordPress sta sopra: la riga fissa le va sotto */
/* etichette di rubrica (News, Chiedilo, Genitori e figli, Farmaci…): rosse sul fondino chiaro, come nello schema del direttore */
.label--notizia,.label--domanda,.label--famiglia,.label--farmaci,.label--miti,.label--condominio,.label--occhi{color:var(--red)}
@media(min-width:768px){.site-nav:not(.is-compact) .primary-nav ul{padding-left:60px}} /* in cima le voci centrate sulla colonna, non sullo spazio senza la lente */
/* ===== Home «a giustezza» (7/10, schema del direttore; task layout-giustezza §4). Tutto nella colonna 1040 con gli stessi
   bordi; fondi gialli = tinta del --yellow esistente; testo allineato a sinistra. Telefono: stessa sequenza in verticale,
   compatte con foto piccola a sinistra, mai quattro cose sulla stessa riga. ===== */
.home3-firma{margin:0;font-size:16px;color:var(--muted)}
.home3-apertura{padding-block:22px 6px}
.home3-apertura__box{display:grid;grid-template-columns:48% 1fr;gap:36px;align-items:center;padding:28px;border-radius:var(--radius);background:color-mix(in srgb,var(--yellow) 14%,#fff);text-decoration:none;color:var(--ink)}
.home3-apertura__img{border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--paper-2)}
.home3-apertura__img img,.home3-apertura__img .ph{width:100%;height:100%;object-fit:cover;display:block}
.home3-apertura__testo{display:grid;gap:14px;justify-items:start}
.home3-apertura__titolo{margin:0;font-size:clamp(32px,4.4vw,54px);line-height:1.08;color:var(--navy);text-wrap:balance}
.home3-apertura__box:hover .home3-apertura__titolo{color:var(--red)}
.home3-apertura__sommario{margin:0;font-size:20px;line-height:1.45;color:var(--ink)}
.home3-notizie{padding-block:26px 10px}
.home3-grande{display:grid;gap:14px}
.home3-grande__img{position:relative;display:block;width:78%;margin:0 auto;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--paper-2)}
.home3-grande__img img,.home3-grande__img .ph{width:100%;height:100%;object-fit:cover;display:block}
.home3-grande__img .label{position:absolute;top:12px;left:12px}
.home3-grande__titolo{margin:6px 0 0;font-size:clamp(28px,3.4vw,40px);line-height:1.12;text-wrap:balance}
.home3-grande__titolo a{color:var(--navy);text-decoration:none}
.home3-grande__titolo a:hover{color:var(--red)}
.home3-grande__sommario{margin:0;font-size:19px;line-height:1.5;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.home3-compatte,.home3-sezione__compatte{display:grid;gap:18px;margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}
.home3-compatta{display:grid;grid-template-columns:30% 1fr;gap:24px;align-items:start}
.home3-compatta--sponsor{padding:16px;border-radius:var(--radius);background:color-mix(in srgb,var(--yellow) 14%,#fff)}
.home3-compatta__img{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--paper-2)}
.home3-compatta__img img,.home3-compatta__img .ph{width:100%;height:100%;object-fit:cover;display:block}
.home3-compatta__testo{display:grid;gap:8px;justify-items:start;min-width:0}
.home3-compatta__titolo{margin:0;font-size:24px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home3-compatta__titolo a{color:var(--navy);text-decoration:none}
.home3-compatta__titolo a:hover{color:var(--red)}
.home3-compatta__sommario{margin:0;font-size:18px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home3-sezione{padding-block:14px}
.home3-sezione__box{display:grid;gap:18px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.home3-sezione--test .home3-sezione__box,.home3-sezione--guide .home3-sezione__box{background:var(--paper)}
.home3-sezione__titolo{margin:0;font-size:28px;color:var(--navy)}
.home3-sezione__tutti{justify-self:start}
.home3-sezione .home3-grande__img{width:78%} /* revisione Quintili 8/10 17:28: foto secondaria centrata, testo invariato */
.home3-sezione .home3-grande__sommario{-webkit-line-clamp:2}
.home3-sezione__compatte{margin-top:6px;padding-top:18px}
.home3-test{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home3-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.home3-guida{display:grid;gap:10px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.home3-guida img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:var(--paper);border-radius:10px}
.home3-guida__testo{display:grid;gap:6px}
.home3-guida__testo b{font-size:18px;color:var(--navy);line-height:1.25}
.home3-guida__testo span{font-size:16px;color:var(--muted)}
.home3-guida .p-price{font-weight:900;font-size:20px;color:var(--red)}
.home3-guida:hover b{color:var(--red)}
/* «In edicola» a giustezza, con la newsletter dentro */
.issue-band--compatta .wrap{max-width:var(--wrap);grid-template-columns:120px 1fr minmax(260px,320px);gap:28px}
.issue-band__nl{display:grid;gap:10px;align-content:start;padding:18px;border-radius:var(--radius);background:rgba(255,255,255,.08)}
.issue-band__nl h3{margin:0;font-size:20px;color:#fff}
.issue-band__nl p{margin:0;font-size:16px;color:#dfe7ef}
@media(max-width:900px){
  .issue-band--compatta .wrap{grid-template-columns:96px 1fr}
  .issue-band__nl{grid-column:1 / -1}
}
@media(min-width:768px) and (max-width:1060px){.home3-apertura__box,.tlead__grid{grid-template-columns:46% 1fr;gap:24px;padding:24px}}
@media(max-width:767px){
  .home3-apertura{padding-block:12px 0}
  .home3-apertura__box{grid-template-columns:1fr;gap:16px;padding:14px}
  .home3-apertura__titolo{font-size:30px}
  .home3-apertura__sommario{font-size:18px}
  .home3-grande__img,.home3-sezione .home3-grande__img{width:88%}
  .home3-grande__titolo{font-size:26px}
  .home3-grande__sommario{font-size:18px}
  .home3-compatta{grid-template-columns:104px 1fr;gap:14px}
  .home3-compatta__img{aspect-ratio:1/1}
  .home3-compatta__titolo{font-size:19px}
  .home3-compatta__sommario{font-size:16px;-webkit-line-clamp:2}
  .home3-sezione__box{padding:16px}
  .home3-sezione__titolo{font-size:24px}
  .home3-test{grid-template-columns:1fr}
  .home3-guide{grid-template-columns:1fr}
  .home3-guida,.home3-guida--grande{grid-template-columns:96px 1fr;align-items:start}
}
.issue-band__nl .nl-form{display:grid;gap:10px;flex-direction:column}
.issue-band__nl .nl-form input[type=email],.issue-band__nl .nl-form button{width:100%;min-height:52px}
.issue-band__nl .nl-form label,.issue-band__nl .nl-form small,.issue-band__nl .nl-form p{color:#dfe7ef;font-size:15px}
/* P0 revisione P2: sopra 800 .nl-row restava in riga (campo a 48 px tondo, «Iscriviti» a tutta riga) e le regole generiche degli
   input prendevano anche la casella. Tutto scoped qui: campo sopra a tutta larghezza, pulsante sotto, casella 22 px col testo. */
.issue-band__nl .nl-row{display:grid;gap:10px}
.issue-band__nl .nl-row input[type=email]{flex:none;width:100%;min-width:0;box-sizing:border-box}
.issue-band__nl .nl-consent{display:flex;align-items:center;gap:10px;margin-top:0;color:#dfe7ef}
.issue-band__nl .nl-consent input{flex:0 0 22px;width:22px;height:22px;min-height:0;padding:0;border-radius:4px;accent-color:var(--yellow)}
.issue-band__nl .nl-consent a{color:#fff}
.issue-band__nl .nl-note{color:#fff;font-size:15px}
.issue-band__nl .nl-note:empty{display:none}
.home3-guida img{max-height:360px}
.home3-compatta>*,.home3-apertura__box>*,.home3-grande>*{min-width:0}.home3-compatta__sommario,.home3-compatta__titolo{overflow-wrap:anywhere;hyphens:auto} /* parole normali sillabate in italiano; anywhere resta come rete per indirizzi web lunghi (0.5.37: un URL nel sommario allargava la pagina a 564 px) */

/* Sezione «Chiedilo al Salvagente» (Roberta 8/10): in testa il modulo per scrivere, sotto le risposte pubblicate */
.sg-chiedilo{padding-top:8px}
.sg-chiedilo__box{display:grid;gap:12px;padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
.sg-chiedilo__box h2{margin:0;font-size:clamp(26px,3vw,34px)}
.sg-chiedilo__intro{margin:0;font-size:19px;line-height:1.45}
.sg-chiedilo__modulo{min-width:0}
.sg-chiedilo__risposte{display:grid;gap:22px;margin-top:18px}
@media(min-width:768px){.sg-chiedilo__risposte{grid-template-columns:1fr 1fr}.sg-chiedilo__risposte .home3-grande{grid-column:1/-1}}
@media(max-width:767px){.sg-chiedilo__box{padding:16px}}
.home3-chiedilo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0;padding:14px 16px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);font-weight:700;color:var(--navy)}
.home3-chiedilo .btn{flex-shrink:0}

/* Topbar (Fable 8/10): sotto 1061 una riga sola di 40 px, niente testo spezzato: «In edicola: n.10 | ottobre 2026» a sinistra,
   «Assistenza · Entra» (o «· Area personale») a destra; il resto («Guarda il sommario», l'indirizzo email, «con la tua email»)
   solo da 1061. Al telefono il numero senza «In edicola:» e testo a 14 px. */
.topbar .wrap>span{white-space:nowrap}
.topbar .tb-destra a{display:inline-flex;align-items:center;white-space:pre}
.topbar .tb-destra .ico{margin-right:6px}
@media(max-width:1060px){.topbar .tb-lungo{display:none}.topbar .wrap{flex-wrap:nowrap;min-height:40px;padding-block:0}}
@media(max-width:600px){.topbar{font-size:14px}.topbar .tb-etichetta{display:none}.topbar .wrap{gap:10px}}
.topbar .tb-ico{display:none}
@media(max-width:374px){.topbar .tb-ico{display:inline-flex}.topbar .tb-ico .ico{margin-right:0}.topbar .tb-assist{display:none}} /* 320: «Area personale» non ci stava */

/* Revisione P2 §7 (mai quattro elementi sulla stessa riga): «Tutti i numeri» su /la-rivista/, «I numeri in PDF» su /negozio/ e
   «Altri numeri» nella pagina di un numero a 3 per riga da 768 (copertina ≈ 325 px, stesso ritmo delle guide), 2 al telefono */
.issues--elenco,#arretrati .issues,.issues--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){.issues--elenco,#arretrati .issues,.issues--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}}
/* Revisione P2 §4: tessere dei test fra 768 e 900, «Leggi la scheda →» e «Nel numero di …» su una riga */
@media(min-width:768px) and (max-width:900px){.tcard__cta{padding:0 14px;font-size:15px;white-space:nowrap}.tcard__issue{font-size:14px}}
/* Revisione P2 §8, telefono ≤ 560: in «In edicola» copertina + occhiello + «Il nuovo numero» in alto su due colonne, poi elenco
   dei test e pulsanti a tutta larghezza (52 px, uno sotto l'altro: giallo, poi quelli a contorno). Stessa cosa per i pulsanti
   di «Leggi il test completo» nella scheda test. */
@media(max-width:560px){
  .issue-band--compatta .wrap{grid-template-columns:84px 1fr;gap:14px} /* vince sulle regole ≤ 900 (96 px + 28) */
  .issue-band--compatta .cover{width:84px}
  .issue-band--compatta .wrap>.rv{display:contents}
  .issue-band--compatta .wrap>a:first-child{grid-row:span 2;align-self:start}
  .issue-band--compatta .wrap>.rv>.eyebrow,.issue-band--compatta .wrap>.rv>h2{grid-column:2;align-self:end}
  .issue-band--compatta .wrap>.rv>h2{align-self:start;margin:0}
  .issue-band--compatta .wrap>.rv>*:not(.eyebrow):not(h2){grid-column:1/-1}
  .issue-band--compatta .ctas,.unlock .ctas{display:grid;gap:10px;justify-content:stretch}
  .issue-band--compatta .ctas .btn,.unlock .ctas .btn{width:100%;min-height:52px;justify-content:center;box-sizing:border-box}
}
/* Revisione P2 §6: il modulo Gravity Forms della sezione «Chiedilo al Salvagente» come gli altri moduli del sito: campi 52 px,
   caselle 24, etichette 17, sotto-etichette («Nome», «Cognome», «Conferma email») SOPRA il campo, pulsante rosso «Invia la tua
   domanda» (testo da sg-core), a tutta larghezza al telefono; il campo file con l'aspetto del pulsante a contorno. */
.sg-chiedilo__modulo .gform_wrapper .gfield_label,.sg-chiedilo__modulo .gform_wrapper legend.gfield_label{font-family:var(--sans)!important;font-size:17px!important;font-weight:700!important;color:var(--navy)!important}
.sg-chiedilo__modulo .gform_wrapper input[type=text],.sg-chiedilo__modulo .gform_wrapper input[type=email],.sg-chiedilo__modulo .gform_wrapper input[type=tel],.sg-chiedilo__modulo .gform_wrapper textarea{box-sizing:border-box;width:100%;min-height:52px;border:2px solid var(--line)!important;border-radius:12px!important;padding:10px 16px!important;font:inherit!important;font-size:18px!important;background:#fff}
.sg-chiedilo__modulo .gform_wrapper textarea{min-height:160px}
.sg-chiedilo__modulo .gform_wrapper input:focus,.sg-chiedilo__modulo .gform_wrapper textarea:focus{border-color:var(--navy)!important;outline:3px solid var(--navy);outline-offset:1px}
.sg-chiedilo__modulo .gform_wrapper .ginput_complex>span,.sg-chiedilo__modulo .gform_wrapper .ginput_complex .ginput_left,.sg-chiedilo__modulo .gform_wrapper .ginput_complex .ginput_right{display:flex!important;flex-direction:column-reverse;gap:4px}
.sg-chiedilo__modulo .gform_wrapper .ginput_complex label,.sg-chiedilo__modulo .gform_wrapper .gform-field-label--type-sub{font-size:16px!important;color:var(--ink)!important;margin:0!important}
.sg-chiedilo__modulo .gform_wrapper input[type=checkbox],.sg-chiedilo__modulo .gform_wrapper input[type=radio]{width:24px!important;height:24px!important;flex:0 0 24px;accent-color:var(--navy)}
.sg-chiedilo__modulo .gform_wrapper .gchoice,.sg-chiedilo__modulo .gform_wrapper .ginput_container_consent{display:flex;align-items:flex-start;gap:10px;font-size:16px}
.sg-chiedilo__modulo .gform_wrapper input[type=file]{font-size:16px;max-width:100%}
.sg-chiedilo__modulo .gform_wrapper input[type=file]::file-selector-button{min-height:44px;margin-right:12px;padding:0 18px;border:2px solid var(--navy);border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.sg-chiedilo__modulo .gform_wrapper .gform_footer input[type=submit],.sg-chiedilo__modulo .gform_wrapper .gform_footer button{min-height:56px!important;padding:0 28px!important;border:0!important;border-radius:999px!important;background:var(--red)!important;color:#fff!important;font-family:var(--sans)!important;font-weight:900!important;font-size:19px!important;line-height:1.2!important;cursor:pointer;width:auto}
@media(max-width:767px){.sg-chiedilo__modulo .gform_wrapper .gform_footer input[type=submit],.sg-chiedilo__modulo .gform_wrapper .gform_footer button{width:100%!important}}
/* Revisione P2: §11 titoli delle compatte fino a 3 righe (con 2 uscivano i puntini a metà frase); §15 H1 dell'articolo senza
   «balance» sopra 1000 (lasciava 321 px di bianco a destra), resta sotto dove le righe sono 3–4; §20 claim della testata fra 768
   e 820 a 13 px, dentro la colonna del marchio */
.home3-compatta__titolo{-webkit-line-clamp:3}
@media(min-width:1001px){.article-head h1{text-wrap:wrap}}
@media(min-width:768px) and (max-width:820px){.brand__claim{font-size:13px}}
@media(max-width:767px){.grid--altri.grid--2{grid-template-columns:1fr}}
/* Revisione P2 §24, telefono: sommario delle compatte a 17 px; «I nostri test» e le pagine delle rubriche con la prima grande e
   le altre compatte (foto 104 a sinistra, come gli altri riquadri: «la prima più importante, poi compatte», direttore) */
@media(max-width:767px){
  .home3-compatta__sommario{font-size:17px}
  .home3-test .tcard:not(:first-child){display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:start;border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding-top:16px}
  .home3-test .tcard:not(:first-child) .tcard__media{aspect-ratio:1/1;border-radius:12px}
  .home3-test .tcard:not(:first-child) .tcard__body{padding:0;gap:6px}
  .home3-test .tcard:not(:first-child) .tcard__title{font-size:19px}
  .home3-test .tcard:not(:first-child) .tcard__teaser,.home3-test .tcard:not(:first-child) .tcard__facts,.home3-test .tcard:not(:first-child) .tcard__cta,.home3-test .tcard:not(:first-child) .badge-cover{display:none}
  .category .section .grid--3>.card:not(:first-child){display:grid;grid-template-columns:104px 1fr;column-gap:14px;row-gap:6px;align-items:start;padding-top:16px;border-top:1px solid var(--line)}
  .category .section .grid--3>.card:not(:first-child) .card__img{grid-row:1 / span 3;aspect-ratio:1/1;border-radius:12px;overflow:hidden}
  .category .section .grid--3>.card:not(:first-child) .card__img img{width:100%;height:100%;object-fit:cover}
  .category .section .grid--3>.card:not(:first-child) .card__img .label{display:none}
  .category .section .grid--3>.card:not(:first-child) .card__title{font-size:19px}
  .category .section .grid--3>.card:not(:first-child) .card__excerpt{font-size:17px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}
/* Revisione P2 §17: nella sezione Chiedilo modulo 700 + colonna 300 «Come funziona», come la griglia dell'articolo */
.sg-chiedilo__griglia{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.sg-chiedilo__come{display:grid;gap:10px;padding:18px;border-radius:var(--radius);background:#fff}
.sg-chiedilo__come h3{margin:0;font-size:19px}
.sg-chiedilo__come ul{margin:0 0 6px;padding-left:20px;display:grid;gap:6px;font-size:17px;line-height:1.4}
.sg-chiedilo__link{list-style:none;padding-left:0!important}
.sg-chiedilo__link a{color:var(--navy);font-weight:700;text-decoration:none}
.sg-chiedilo__link a:hover{color:var(--red)}
@media(max-width:1000px){.sg-chiedilo__griglia{grid-template-columns:1fr;gap:20px}}
/* Coda 0.5.35 (revisione sugli screenshot del telefono): §25 etichette sotto 360 più strette; §27 maschetta «testa» delle pagine
   di sezione dopo l'intestazione al telefono; §28 chip su più righe al telefono (l'ultimo era tagliato senza segnale);
   §31 consenso in un solo blocco di testo; §32 «Scegli l'abbonamento» sotto 400; §33 pulsanti della scheda test su due righe
   allineati */
.sg-testa-giu{display:none}
@media(max-width:767px){
  .sg-testa-su{display:none}
  .sg-testa-giu{display:block}
  .chips{flex-wrap:wrap;overflow-x:visible;margin-left:0;margin-right:0;padding:2px 0}
}
@media(max-width:360px){.label{letter-spacing:.04em;font-size:13px}}
.nl-consent>span{flex:1;min-width:0}
.issue-band__nl .nl-consent a,.sg-cta .nl-consent a{color:inherit;text-decoration:underline}
.issue-band__nl .nl-consent a{color:#fff}
.sg-corto{display:none}
@media(max-width:400px){.sg-lungo{display:none}.sg-corto{display:inline}}
@media(max-width:560px){.unlock .ctas .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:10px;height:auto}}
.site-footer ul.footer-legal{flex-direction:row;padding-inline:var(--gutter);margin-inline:auto}
.site-footer ul.footer-legal a{display:inline-block;padding:10px 4px}
/* 0.5.36 — riga del menu NAVY (decisione di Roberta 8/10 09:35: «la fascia col menu blu, così spezza»; torna al disegno del
   direttore). Da 768: fondo --navy, 56 px senza filetti (1 px chiaro sopra per staccare dal topbar quando la riga 1 scorre via),
   voci bianche 17 bold, «·» bianco al 60 %, hover/focus/voce corrente in giallo; lente bianca 44; compatta col marchio negativo.
   Telefono: la riga da 85 px resta bianca (lì il menu è a tendina). Nessun colore nuovo (bianco e giallo su navy come nel footer). */
.brand .brand__neg{display:none} /* .brand img lo mostrerebbe anche al telefono */
@media(min-width:768px){
  .site-nav{background:var(--navy);border-top:0;border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
  .site-nav__barra{height:56px}
  .primary-nav a{min-height:56px;color:#fff}
  .primary-nav li+li::before{color:rgba(255,255,255,.6)}
  .primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav .current-menu-item>a,.primary-nav .current-menu-ancestor>a{color:var(--yellow)}
  .site-nav :focus-visible{outline-color:var(--yellow)}
  .search-toggle{background:transparent;color:#fff}
  .search-toggle:hover{background:rgba(255,255,255,.1)}
  .brand--mini picture{display:none}
  .brand.brand--mini .brand__neg{display:block;height:40px;width:auto}
  .site-nav.is-compact .brand--mini .brand__neg{height:40px}
}
@media(min-width:768px) and (max-width:1060px){.site-nav.is-compact .brand--mini .brand__neg{height:36px}}
/* variante «topbar chiaro» (spenta; Aspetto → Personalizza → Testata) */
.sg-topbar-chiaro .topbar{background:var(--paper);color:var(--navy);border-bottom:1px solid var(--line)}
.sg-topbar-chiaro .topbar a{color:var(--navy)}
.sg-topbar-chiaro .topbar a:hover{color:var(--red)}
.sg-topbar-chiaro .topbar .issue-note b{color:var(--red)}
.sg-topbar-chiaro .topbar :focus-visible{outline-color:var(--navy)}
/* 0.5.37: nessun testo lungo (indirizzi web, codici) può allargare le griglie: colonne di testo con min-width:0 e a capo di
   sicurezza nelle card di home, archivi, rubriche e riquadri di sezione */
.home3-compatta__testo,.home3-grande>*,.home3-apertura__testo,.tcard__body,.card>*,.home3-sezione__box>*,.sg-chiedilo__risposte>*,.grid>*{min-width:0}
.home3-grande__sommario,.home3-apertura__sommario,.card__title,.card__excerpt,.tcard__title,.tcard__teaser{overflow-wrap:anywhere;hyphens:auto}
/* 0.5.39: sopra 1000 i titoli delle notizie grandi e delle compatte senza «balance» (la prima riga arriva al bordo destro e la
   seconda porta la coda, come l H1 dell articolo); sotto 1000 resta balance */
@media(min-width:1001px){.home3-grande__titolo,.home3-compatta__titolo{text-wrap:wrap}}
/* 0.5.40: pagine statiche a giustezza: il testo parte dal bordo dell'H1 (120 a 1280, gutter 18 sotto 1061), largo al massimo 760 */
.wrap--pagina>.entry,.wrap--pagina>.sg-gate{max-width:760px}
.wrap--pagina-tutto>*{max-width:760px}
/* 0.5.44 «prima schermata» (Roberta → Riccardo 10/10: sui portatili testata + apertura devono entrare nello schermo, senza
   toccare il resto). Da 768: topbar 36, riga 1 da 120 (marchio 96 + 7 di aria + claim 15), pulsanti gialli 56, barra del menu 52 → 208 px
   sopra il contenuto (prima 268). Apertura (test del mese e notizia): foto 45 % 16:10 in alto, padding 24, titolo 46 su max 3
   righe, sommario 18 su max 3, firma e «Nel numero di…» su righe da 22, i due pulsanti affiancati alti 52; fondo del riquadro
   entro ~660 px a 1280 e 1366×768. Telefono invariato; sticky e compatta invariate (stessa altezza, 52). */
@media(min-width:768px){
  .topbar{font-size:14px}
  .topbar .wrap{min-height:36px}
  .site-header .wrap{height:120px;padding-block:0}
  .site-header .brand{gap:7px} /* aria fra il piede del marchio e il claim (Fable 10/10) */
  .site-header .brand img{height:96px}
  .site-header .brand__claim{font-size:15px;line-height:1}
  .header-chiedilo,.header-abbonati{min-height:56px;padding:6px 12px}
  .site-nav__barra{height:52px}
  .primary-nav a{min-height:52px}
  .tlead,.home3-apertura{padding-block:20px 6px}
  .tlead__grid,.home3-apertura__box{grid-template-columns:45% 1fr;gap:32px;align-items:start;padding:24px}
  .tlead__body,.home3-apertura__testo{gap:8px}
  .tlead h1,.home3-apertura__titolo{font-size:clamp(34px,3.4vw,44px);line-height:1.08;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .tlead .standfirst,.home3-apertura__sommario{font-size:18px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .tlead .home3-firma,.home3-apertura .home3-firma{line-height:22px}
  .tlead .tcard__issue{min-height:22px;line-height:22px;margin-top:0}
  .tlead .tcard__issue img{width:auto;height:22px}
  .tlead .ctas{flex-wrap:nowrap;gap:10px;margin-top:0}
  .tlead .ctas .btn{min-height:52px;padding:0 18px;font-size:16px;white-space:nowrap}
}
@media(min-width:768px) and (max-width:1060px){
  .site-header .wrap{height:112px}
  .site-header .brand img{height:88px}
  .site-header .brand__claim{font-size:13px}
  .tlead__grid,.home3-apertura__box{grid-template-columns:46% 1fr;gap:24px;padding:20px}
  .tlead .ctas{flex-wrap:wrap}
}
/* Newsletter = modulo Gravity Forms 5 di Matteo con il nostro aspetto (Roberta 12/10/2026). Solo CSS: campi e collegamenti del
   modulo non si toccano. Nome/Cognome e Email/Conferma su due colonne da 600 px (una sotto l'altra al telefono), campi 52 px
   tondi come il resto del sito, caselle 22 px accanto al testo, pulsante rosso pieno. Nel riquadro blu «In edicola» testi chiari
   e pulsante giallo. Vale anche per il riquadro newsletter dentro gli articoli (.nl-box). */
.sg-gf-nl .gform_wrapper{margin:0!important;padding:0!important;max-width:none!important}
.sg-gf-nl .gform_wrapper .gform_title,.sg-gf-nl .gform_wrapper .gform_description{display:none}
.sg-gf-nl .gform_fields{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:12px}
.sg-gf-nl .gfield{margin:0!important;padding:0!important;max-width:none!important}
.sg-gf-nl .hidden_label>.gfield_label,.sg-gf-nl .ginput_complex label,.sg-gf-nl .gform-field-label--type-sub{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sg-gf-nl .gfield--type-checkbox>.gfield_label,.sg-gf-nl .gfield--type-checkbox>legend{display:none!important}
.sg-gf-nl .ginput_complex{display:grid!important;grid-template-columns:1fr;gap:12px;margin:0!important}
@media(min-width:600px){.sg-gf-nl .ginput_complex{grid-template-columns:1fr 1fr}}
.sg-gf-nl .ginput_complex>span{display:block!important;width:auto!important;margin:0!important;padding:0!important;float:none!important}
.sg-gf-nl input[type=text],.sg-gf-nl input[type=email]{box-sizing:border-box;width:100%!important;min-height:52px!important;height:auto!important;margin:0!important;padding:0 18px!important;border:2px solid var(--line)!important;border-radius:999px!important;background:#fff!important;font:inherit!important;font-size:18px!important;color:var(--ink)!important}
.sg-gf-nl input[type=text]:focus,.sg-gf-nl input[type=email]:focus{border-color:var(--navy)!important;outline:3px solid var(--navy);outline-offset:1px}
.sg-gf-nl .gfield_checkbox{list-style:none!important;margin:0!important;padding:0!important}
.sg-gf-nl .gchoice{display:flex!important;align-items:flex-start;gap:10px;margin:0!important}
.sg-gf-nl .gchoice input[type=checkbox]{flex:0 0 22px;width:22px!important;height:22px!important;margin:1px 0 0!important;accent-color:var(--navy)}
.sg-gf-nl .gchoice label{margin:0!important;max-width:none!important;font-size:15px!important;line-height:1.4!important;font-weight:400!important;color:var(--ink)!important}
.sg-gf-nl .gchoice label a{color:inherit;text-decoration:underline}
.sg-gf-nl .gform_footer{margin:14px 0 0!important;padding:0!important}
.sg-gf-nl .gform_footer .gform_button,.sg-gf-nl .gform_footer input[type=submit],.sg-gf-nl .gform_footer button{box-sizing:border-box;width:100%!important;min-height:56px!important;margin:0!important;padding:10px 22px!important;border:0!important;border-radius:999px!important;background:var(--red)!important;color:#fff!important;font-family:var(--sans)!important;font-weight:900!important;font-size:18px!important;line-height:1.2!important;white-space:normal;cursor:pointer}
.sg-gf-nl .validation_message,.sg-gf-nl .gfield_validation_message{margin:6px 0 0!important;padding:0!important;border:0!important;background:none!important;font-size:15px!important;color:var(--red)!important}
.sg-gf-nl .gform_validation_errors{margin:0 0 12px!important;padding:10px 14px!important;border-radius:12px!important}
.sg-gf-nl .gform_confirmation_message{font-size:18px;font-weight:700;color:var(--navy)}
/* nel riquadro blu «In edicola» */
.issue-band__nl .sg-gf-nl .gchoice label,.issue-band__nl .sg-gf-nl .gchoice label a{color:#dfe7ef!important}
.issue-band__nl .sg-gf-nl .gchoice input[type=checkbox]{accent-color:var(--yellow)}
.issue-band__nl .sg-gf-nl .gform_footer .gform_button,.issue-band__nl .sg-gf-nl .gform_footer button,.issue-band__nl .sg-gf-nl .gform_footer input[type=submit]{background:var(--yellow)!important;color:var(--navy)!important}
.issue-band__nl .sg-gf-nl .gform_confirmation_message{color:#fff}
.issue-band__nl .sg-gf-nl .validation_message,.issue-band__nl .sg-gf-nl .gfield_validation_message{color:#ffd2d2!important}
/* nel riquadro «In edicola» la colonna è stretta (260–320): Nome/Cognome ed Email/Conferma sempre una sotto l'altra */
.issue-band__nl .sg-gf-nl .ginput_complex{grid-template-columns:1fr}
/* le regole degli elenchi della fascia «In edicola» (li in fila con l'icona) non valgono dentro il modulo */
.sg-gf-nl .gform_fields>li.gfield{display:block!important}
.sg-gf-nl li::before,.sg-gf-nl li::marker{content:none!important}
.sg-gf-nl .gfield_checkbox>li.gchoice{display:flex!important}
/* nel riquadro dell'articolo (.nl-box) le vecchie regole GF davano angoli 12 e bordo scuro: stesso stile del resto */
.nl-box .sg-gf-nl .gform_wrapper input[type=text],.nl-box .sg-gf-nl .gform_wrapper input[type=email],.nl-box .sg-gf-nl input[type=text],.nl-box .sg-gf-nl input[type=email]{border-radius:999px!important;border:2px solid var(--line)!important;padding:0 18px!important}

/* Variante «apertura con foto centrata» (0.5.48; dal 13/10, 0.5.52, è quella in uso: Riccardo «la stessa giustezza e lo stesso
   spazio della foto della seconda notizia, con il titolo sotto, evidenziando che è l'apertura con il box giallo»).
   Stesso schema della notizia grande delle sezioni (.home3-grande): foto al 78 % della colonna, centrata, 16/9, angoli
   var(--radius), etichette DENTRO la foto in alto a sinistra (12 px), titolo 44–48 a tutta giustezza, sommario 20, firma,
   «Nel numero di…», i due pulsanti affiancati. L'unica differenza è il riquadro giallo chiaro. Margine laterale 25 px: la
   colonna interna è larga quanto quella delle sezioni (990 a 1366), quindi la foto ha la stessa larghezza (772) e lo stesso
   filo. Il testo diventa figlio diretto della colonna (display:contents) e le etichette si posano sulla foto con
   position:absolute senza cambiare l'HTML. Si sceglie da Aspetto → Personalizza → Home → Apertura. Telefono: invariato. */
@media(min-width:768px){
  .sg-apertura-centrata .tlead__grid,.sg-apertura-centrata .home3-apertura__box{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:28px 25px 32px}
  .sg-apertura-centrata .tlead__body,.sg-apertura-centrata .home3-apertura__testo{display:contents}
  .sg-apertura-centrata .tlead__media,.sg-apertura-centrata .home3-apertura__img{width:78%;margin:0 auto 4px;aspect-ratio:16/9;border-radius:var(--radius)}
  /* etichette sulla foto: 28 (margine sopra) + 12; a sinistra il filo della foto (11 % del riquadro + 78 % del margine) + 12 */
  .sg-apertura-centrata .tlead .tcard__labels,.sg-apertura-centrata .home3-apertura__testo>.label{position:absolute;z-index:1;top:40px;left:calc(11% + 31.5px);max-width:calc(78% - 24px)}
  .sg-apertura-centrata .tlead h1,.sg-apertura-centrata .home3-apertura__titolo{margin:4px 0 0;font-size:clamp(40px,3.6vw,48px);line-height:1.1;display:block;-webkit-line-clamp:unset;overflow:visible;text-wrap:wrap}
  .sg-apertura-centrata .tlead .standfirst,.sg-apertura-centrata .home3-apertura__sommario{font-size:20px;line-height:1.45;-webkit-line-clamp:3}
  .sg-apertura-centrata .tlead .home3-firma,.sg-apertura-centrata .home3-apertura .home3-firma{margin:0}
  .sg-apertura-centrata .tlead .ctas{flex-wrap:wrap;margin-top:4px}
}
}
/* Cassa a blocchi, «Informazioni aggiuntive sull'ordine» (0.5.49): la nostra casella obbligatoria dell'informativa (sg/informativa)
   e quella facoltativa di Matteo (e90/consenso-comunicazioni) con lo stesso aspetto delle altre caselle del sito: 22 px, testo
   16 px allineato in alto alla casella. Solo aspetto: campi, testi e posizione restano quelli dei plugin. */
.wc-block-checkout__order-fields .wc-block-components-checkbox{margin-top:14px}
.wc-block-checkout__order-fields .wc-block-components-checkbox label{display:flex;align-items:flex-start;gap:10px}
.wc-block-checkout__order-fields .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{flex:0 0 22px;width:22px;height:22px;min-width:22px;margin:1px 0 0}
.wc-block-checkout__order-fields .wc-block-components-checkbox .wc-block-components-checkbox__mark{width:16px;height:16px;left:3px;top:4px;margin:0}
.wc-block-checkout__order-fields .wc-block-components-checkbox__label{font-size:16px;line-height:1.45;color:var(--ink)}
/* 0.5.51 (Roberta 12/10: «troppo poco spazio tra testatina e striscia con menu»: il claim finiva a 1 px dalla barra navy).
   Da 768: riga 1 della testata 140 px = 8 sopra, marchio 96, 7 di aria, claim 15 (interlinea 1), 14 sotto prima della barra.
   Il marchio parte dall'alto della riga; i due pulsanti restano centrati in verticale. Fra 768 e 1060: riga 128, marchio 88. */
@media(min-width:768px){
  .site-header .wrap{height:140px;padding-block:0}
  .site-header .brand{align-self:start;margin-top:8px}
}
@media(min-width:768px) and (max-width:1060px){
  .site-header .wrap{height:128px}
}
/* 0.5.53 (Fable 13/10): sopra 1000 px i titoli a tutta giustezza dell'apertura (test e notizia) e delle notizie grandi non lasciano
   una parola sola sull'ultima riga (era «bottiglie»): text-wrap:pretty tiene la riga piena e accorcia solo la penultima. */
@media(min-width:1001px){
  .sg-apertura-centrata .tlead h1,.sg-apertura-centrata .home3-apertura__titolo,.home3-grande__titolo{text-wrap:pretty}
}

/* Accesso facoltativo in cassa, anche per il singolo PDF (22/10). Fuori dal form di pagamento. */
.sg-cassa-accesso{margin-top:16px;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--navy)}
.sg-cassa-accesso summary{cursor:pointer;min-height:44px;align-content:center;font-size:18px;font-weight:700;line-height:1.5}
.sg-cassa-accesso summary span{text-decoration:underline;text-underline-offset:3px}
.sg-cassa-accesso summary:focus-visible{outline:3px solid var(--navy);outline-offset:4px;border-radius:4px}
.sg-cassa-accesso>p{margin:12px 0;color:var(--ink);font-size:17px;line-height:1.5;max-width:65ch}
.sg-cassa-accesso__form{max-width:640px}
.sg-cassa-accesso__form p{margin:14px 0}
.sg-cassa-accesso__form label{display:block;margin-bottom:6px;font-weight:700;font-size:17px}
.sg-cassa-accesso__form input[type=text],.sg-cassa-accesso__form input[type=password]{display:block;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--muted);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:18px}
.sg-cassa-accesso__azioni{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px}
.sg-cassa-accesso__azioni .btn{white-space:normal;min-height:52px}
.sg-cassa-accesso__azioni a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;font-size:16px}

/* Guide in home: colonne e righe condivise, senza tagliare copertine o sommari (22/10). */
.home3-guida,.home3-guida__testo{min-width:0}
@media(min-width:768px){
  .home3-guida{grid-template-rows:auto 1fr}
  .home3-guida__testo{grid-template-rows:auto 1fr auto auto;align-items:start}
  .home3-guida__testo>b{min-height:2.5em}
  @supports(grid-template-rows:subgrid){
    .home3-guida{grid-row:span 5;grid-template-rows:subgrid;row-gap:10px}
    .home3-guida>img{grid-row:1}
    .home3-guida__testo{grid-row:span 4;grid-template-rows:subgrid;row-gap:6px}
    .home3-guida__testo>b{grid-row:1;min-height:0}
    .home3-guida__testo>span:not(.p-formato):not(.p-price){grid-row:2}
    .home3-guida__testo>.p-formato{grid-row:3}
    .home3-guida__testo>.p-price{grid-row:4}
  }
}

/* Accesso ospite esplicito: visibile anche con il login chiuso, senza ricaricare il pagamento. */
.sg-cassa-ospite{margin:14px 0 4px}
.sg-cassa-ospite .btn{min-height:52px;padding:12px 26px;white-space:normal;text-align:center;line-height:1.35}
#sg-cassa-dati{scroll-margin-top:100px}
@media(max-width:767px){.sg-cassa-ospite .btn{width:100%}}

/* Videocorso: stessa tipografia e schede del sito; Elementor e Memberships conservano contenuti e accessi. */
.sg-videocorso .wrap--pagina{max-width:var(--wrap)}
.sg-videocorso .wrap--pagina>.entry{max-width:none}
.sg-videocorso__intro{max-width:65ch;margin:12px 0 0;font-size:20px;line-height:1.5;color:var(--muted)}
.sg-videocorso .entry{font-family:var(--sans);font-size:18px;line-height:1.6}
.sg-videocorso .entry>.elementor{width:100%;max-width:none}
.sg-videocorso .elementor .elementor-container{max-width:none!important}
.sg-videocorso .elementor .elementor-widget-wrap{padding:0!important;gap:14px}
.sg-videocorso .elementor .elementor-widget{margin:0!important;width:100%}
.sg-videocorso .elementor .elementor-heading-title,.sg-videocorso .elementor .elementor-widget-text-editor{font-family:var(--sans)!important;color:var(--navy)!important}
.sg-videocorso .elementor .elementor-heading-title{font-size:28px!important;font-weight:900!important;line-height:1.2!important;margin:0!important;text-align:left!important}
.sg-videocorso .elementor .elementor-widget-text-editor{font-size:18px!important;text-align:left!important;line-height:1.6!important;color:var(--ink)!important}
.sg-videocorso .elementor p:empty{display:none}
.sg-videocorso .elementor .elementor-widget-image br,.sg-videocorso .elementor .elementor-button br{display:none}
.sg-videocorso .elementor img{display:block;margin:0!important;border-radius:12px}
.sg-videocorso .elementor .elementor-button{display:inline-flex;align-items:center;min-height:52px;padding:14px 22px;border-radius:999px;background:var(--navy);color:#fff;font-family:var(--sans);font-size:17px;line-height:1.35;font-weight:700}
.sg-videocorso .elementor .elementor-button:hover{background:var(--red)}
.sg-videocorso .elementor .elementor-top-section{margin:0 0 24px!important;padding:0!important}
.sg-videocorso--indice .elementor .elementor-top-section:has(.elementor-col-50)>.elementor-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sg-videocorso--indice .elementor .elementor-col-50{width:auto;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.sg-videocorso--indice .elementor .elementor-col-50>.elementor-widget-wrap{display:flex;flex-direction:column;align-content:stretch}
.sg-videocorso--indice .elementor .elementor-col-50 .elementor-widget-image img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sg-videocorso--indice .elementor .elementor-widget-image a{display:block;text-decoration:none}
.sg-videocorso__apri{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin-top:14px;padding:12px 18px;border-radius:999px;background:var(--red);color:#fff;font-family:var(--sans);font-size:17px;line-height:1.3;font-weight:900}
.sg-videocorso--indice .elementor .elementor-widget-image a:hover .sg-videocorso__apri{background:var(--red-2)}
.sg-videocorso--indice .elementor .elementor-size-xl{font-size:14px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important}
.sg-videocorso .entry>h1{font-size:28px;line-height:1.2;color:var(--navy)}
.sg-videocorso .entry>h2{font-size:20px;line-height:1.6;font-weight:400}
.sg-videocorso:not(.sg-videocorso--indice) .elementor-top-section:first-child{padding:24px!important;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.sg-videocorso:not(.sg-videocorso--indice) .elementor-top-section:first-child .elementor-container{gap:24px}
.sg-videocorso:not(.sg-videocorso--indice) iframe{border:0;border-radius:12px}
@media(max-width:767px){
  .sg-videocorso .archive-head h1{font-size:34px}
  .sg-videocorso__intro{font-size:18px}
  .sg-videocorso--indice .elementor .elementor-top-section:has(.elementor-col-50)>.elementor-container{grid-template-columns:1fr;gap:18px}
  .sg-videocorso--indice .elementor .elementor-col-50{padding:18px}
  .sg-videocorso .elementor .elementor-heading-title{font-size:26px!important}
  .sg-videocorso--indice .elementor .elementor-size-xl{font-size:14px!important}
  .sg-videocorso .elementor .elementor-button{width:100%;justify-content:center}
}

.sg-videocorso .entry:has(.wc-memberships-content-restricted-message)>p{display:none}
.sg-videocorso .wc-memberships-content-restricted-message{padding:24px!important;border:1px solid var(--line)!important;border-radius:var(--radius);background:var(--paper)!important;color:var(--ink)!important}
.sg-videocorso .wc-memberships-content-restricted-message::before{display:none}
.sg-videocorso .wc-memberships-content-restricted-message h1{font-size:26px!important;line-height:1.2!important;text-align:left!important;margin:0 0 16px!important;color:var(--navy)}
.sg-videocorso .wc-memberships-content-restricted-message h2{font-size:18px!important;line-height:1.6!important;font-weight:400!important;text-align:left!important;margin:0!important}
.sg-videocorso .wc-memberships-content-restricted-message a{color:var(--navy)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}