/* ════════════════════════════════════════════════════════════
   APPALTI SEMPLICI — magazine degli appalti pubblici (brand SOA Semplice)
   Giallo oro #F7C037 + antracite #282828, Nunito + Roboto (+ Roboto Slab),
   header bianco pulito, bottoni r8 (no pill), card bianche r14, spunta ✓,
   newsletter a banda gialla, dossier scuro, bottom bar nera, scalloped.
   ════════════════════════════════════════════════════════════ */

:root{
  --ink:#282828;
  --ink-2:#3C3C3B;
  --ink-deep:#1F1F1E;
  --soft:#706F6F;
  --paper:#FFFFFF;
  --surface:#F7F7F4;
  --surface-2:#F0F0ED;
  --line:#E7E6E2;
  --gold:#F7C037;
  --gold-bright:#FCCC00;
  --gold-deep:#DFAF40;
  --gold-soft:#FBF3DC;
  --gold-ink:#8F6A0A;
  --check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7C037' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.2 5.2L20 6.5'/%3E%3C/svg%3E");
  --display:"Nunito",system-ui,sans-serif;
  --body:"Roboto",system-ui,sans-serif;
  --slab:"Roboto Slab",Georgia,serif;
  --r:14px;
  --r-s:8px;
  --r-pill:8px; /* i "pill" del motore diventano r8: linguaggio SOA, niente pillole */
  --shadow:0 22px 48px -26px rgba(40,40,40,.28);
  --shadow-soft:0 10px 26px -18px rgba(40,40,40,.16);
  --maxw:1200px;
  --gap:24px;
  /* alias storici del motore (usati dai blocchi) */
  --green:var(--gold-ink);
  --green-2:var(--gold);
  --mint:#F3E3AE;
  --mint-soft:var(--gold-soft);
  --mintline:var(--line);
  --emerald:var(--gold);
  --emerald-deep:var(--gold-ink);
  --emerald-soft:var(--gold-soft);
  --energy:linear-gradient(115deg,#F7C037 0%,#FCCC00 60%,#FFD84D 100%);
  --halo:radial-gradient(880px 400px at 16% 0%,rgba(247,192,55,.14),transparent 62%),radial-gradient(680px 360px at 90% 8%,rgba(252,204,0,.10),transparent 58%);
  --scallop:radial-gradient(circle at 12px -6px, transparent 14px, var(--surface) 15px);
}

*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body.greenitaly-site{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.66;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:underline;text-decoration-color:rgba(223,175,64,.55);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
a:hover{text-decoration-color:var(--gold)}
button{font-family:inherit}
h1,h2,h3,h4{font-family:var(--display)}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-120px;left:16px;z-index:100;background:var(--ink);color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:var(--r-s);transition:top .2s;text-decoration:none}
.skip-link:focus{top:12px}
:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

.media{position:relative;overflow:hidden;border-radius:var(--r);background:var(--surface)}
.media img,.gi-placeholder{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gi-placeholder{background:linear-gradient(135deg,#FBF3DC,#F3E7C0)}
.gi-placeholder span{position:absolute;inset:0;display:grid;place-items:center;color:#B99C4F;font-size:13px;font-weight:600}

/* ── Etichette, bottoni, punteggiatura ── */
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.pill--cat{background:var(--gold-soft);color:var(--gold-ink)}
.btn{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 26px;border-radius:var(--r-s);font-family:var(--display);font-weight:800;font-size:15px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.btn--primary{background:var(--gold);color:var(--ink);box-shadow:0 18px 34px -20px rgba(223,175,64,.85)}
.btn--primary:hover{background:var(--gold-deep);transform:translateY(-2px)}
.btn svg{width:17px;height:17px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.eyebrow::before{content:"";width:15px;height:15px;background:var(--check) no-repeat center/contain}
.when{color:var(--soft);font-weight:500}
.dot{width:3px;height:3px;border-radius:50%;background:var(--soft);opacity:.5;display:inline-block}

/* ── Header bianco pulito ── */
.site-header{position:sticky;top:0;z-index:60;pointer-events:none}
.topbar-wrap{padding:0;background:rgba(255,255,255,.94);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line);box-shadow:0 6px 22px -18px rgba(40,40,40,.18)}
.topbar{pointer-events:auto;max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:26px;padding:14px 28px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand-text{display:inline-flex;align-items:baseline;line-height:1;gap:0}
.brand-check{width:20px;height:20px;margin-right:7px;align-self:center;background:var(--check) no-repeat center/contain;display:inline-block}
.brand-word{font-family:var(--display);font-weight:900;font-size:23px;letter-spacing:-0.4px;color:var(--ink)}
.brand-word--gold{color:var(--gold-ink);margin-left:5px}
.brand-spark{width:8px;height:8px;border-radius:50%;background:var(--gold);margin-left:5px;align-self:center;display:inline-block}
.nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,26px);flex:1;min-width:0}
.nav .nav-list{display:contents;margin:0;padding:0;list-style:none}
.nav li{list-style:none;margin:0;padding:0}
.nav a{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);padding:7px 2px;white-space:nowrap;text-decoration:none;border-bottom:2.5px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover,.nav .current-menu-item>a,.nav .current-cat>a{color:var(--ink);border-bottom-color:var(--gold)}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.icon-btn{width:41px;height:41px;border-radius:10px;border:0;background:var(--gold-soft);display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:.2s}
.icon-btn:hover{background:var(--gold);color:var(--ink)}
.icon-btn svg{width:18px;height:18px}
.menu-btn{display:grid !important;place-items:center}

/* ── Menu overlay (hamburger sempre attivo; la nav orizzontale resta su desktop) ── */
@media (max-width:1080px){.site-header .nav{display:none}}
.mobile-nav{display:block;position:fixed;inset:0;z-index:90;background:rgba(31,31,30,.55);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .28s;overflow-y:auto;padding:24px}
.mobile-nav.open{opacity:1;pointer-events:auto}
.menu-panel{background:var(--paper);width:100%;max-width:760px;margin:0 auto;border-radius:var(--r);padding:26px 30px 30px;box-shadow:0 40px 90px -28px rgba(31,31,30,.6);transform:translateY(-18px);transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.mobile-nav.open .menu-panel{transform:none}
.menu-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.menu-panel__head .close{align-self:auto;margin:0;position:static}
.menu-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.menu-item{display:block;padding:15px 2px;border-top:1px solid var(--line);text-decoration:none !important;transition:padding .15s}
.menu-item:hover{padding-left:8px}
.menu-item__name{display:block;font-family:var(--display);font-weight:800;font-size:17.5px;line-height:1.25;color:var(--ink);transition:color .2s}
.menu-item:hover .menu-item__name{color:var(--gold-ink)}
.menu-item__desc{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--soft)}
.menu-panel__foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.menu-panel__foot a{font-weight:700;font-size:14px;color:var(--ink);padding:9px 18px;border:1.5px solid var(--line);border-radius:var(--r-s);text-decoration:none !important;transition:.2s}
.menu-panel__foot a:hover{border-color:var(--gold);background:var(--gold-soft)}
@media(max-width:680px){.menu-panel__grid{grid-template-columns:1fr}.mobile-nav{padding:12px}.menu-panel{padding:20px}}
/* drawer legacy (inerte, tenuto per compat) */
.mobile-nav .sheet a{font-family:var(--display);font-size:19px;font-weight:800;padding:12px 10px;border-radius:10px;text-decoration:none;color:var(--ink)}
.mobile-nav .sheet a:hover{background:var(--gold-soft);color:var(--gold-ink)}

/* ── Overlay ricerca ── */
.search-overlay{display:block;position:fixed;inset:0;z-index:95;background:rgba(31,31,30,.55);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s}
.search-overlay.open{opacity:1;pointer-events:auto}
.search-overlay__panel{position:relative;max-width:640px;margin:15vh auto 0;background:var(--paper);border-radius:16px;padding:36px;box-shadow:var(--shadow);transform:translateY(-12px);transition:transform .3s}
.search-overlay.open .search-overlay__panel{transform:none}
.search-overlay__panel .close{position:absolute;top:14px;right:14px}
.search-overlay__form{display:flex;gap:10px;margin-top:6px}
.search-overlay__form input[type="search"]{flex:1;min-width:0;height:52px;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--surface);color:var(--ink);font:500 16px var(--body);padding:0 20px;outline:none}
.search-overlay__form input[type="search"]:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(247,192,55,.22);background:#fff}
.search-overlay__form button{height:52px;border:0;border-radius:var(--r-s);background:var(--gold);color:var(--ink);font:800 14.5px var(--display);padding:0 26px;cursor:pointer;transition:background .2s}
.search-overlay__form button:hover{background:var(--gold-deep)}
.search-overlay__results{display:none;margin-top:8px;max-height:44vh;overflow-y:auto;overscroll-behavior:contain}
.search-overlay__results.has-results{display:block}
.search-result{display:block;padding:12px 6px;border-bottom:1px solid var(--line);text-decoration:none}
.search-result:last-of-type{border-bottom:0}
.search-result__date{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}
.search-result__title{display:block;font-family:var(--display);font-size:16.5px;font-weight:800;line-height:1.3;color:var(--ink);margin-top:2px}
.search-result:hover .search-result__title{color:var(--gold-ink)}
.search-overlay__all{display:inline-flex;margin-top:12px;font-weight:800;color:var(--gold-ink);font-size:14px}
.search-overlay__empty{margin:0;padding:14px 6px;color:var(--soft);font-size:15px}
.search-overlay__hints{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;font-size:13px;font-weight:600;color:var(--soft)}

/* ── Spotlight (apertura) ── */
.spotlight{padding:44px 0 30px}
.spotlight__card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none;transition:transform .25s}
.spotlight__card:hover{transform:translateY(-3px)}
.spotlight__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:46px;justify-content:center;position:relative}
.spotlight__copy::before{content:"";position:absolute;left:0;top:46px;bottom:46px;width:5px;border-radius:0 4px 4px 0;background:var(--gold)}
.spotlight__copy h1{font-size:clamp(28px,3.4vw,44px);font-weight:900;line-height:1.07;letter-spacing:-0.8px;margin:0;color:var(--ink)}
.spotlight__copy p{margin:0;color:var(--soft);font-size:16px;line-height:1.6;max-width:52ch}
.spotlight__meta{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--soft);font-weight:500}
.spotlight__media{height:100%;min-height:420px;border-radius:0}
.spotlight__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:var(--gap)}
.spotlight__mini{display:grid;grid-template-columns:168px minmax(0,1fr);gap:18px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:none;text-decoration:none;transition:transform .22s,box-shadow .22s}
.spotlight__mini:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.spotlight__mini .media{height:118px;border-radius:10px}
.spotlight__mini-body{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.spotlight__mini h2{font-size:17.5px;font-weight:800;line-height:1.3;margin:0;color:var(--ink)}
.spotlight__mini .when{font-size:12px}

/* ── Sezioni e card ── */
.section{padding:48px 0}
.section.tight{padding:28px 0}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}
.section-head h2{font-size:clamp(24px,2.6vw,34px);font-weight:900;letter-spacing:-0.5px;margin:0;position:relative;padding-bottom:12px}
.section-head h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:5px;border-radius:3px;background:var(--gold)}
.section-head .count{font-size:13px;font-weight:600;color:var(--soft)}
.see-all{font-size:13.5px;font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;background:var(--gold-soft);border:1.5px solid transparent;padding:9px 16px;border-radius:var(--r-s);transition:background .2s,border-color .2s}
.see-all:hover{background:var(--gold);border-color:var(--gold-deep)}
.see-all svg{width:15px;height:15px}
.card{display:flex;flex-direction:column;gap:13px;cursor:pointer;--img-h:220px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:none;transition:transform .22s,box-shadow .22s;text-decoration:none}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.card .media{height:var(--img-h);border-radius:10px}
.card .card-body{display:flex;flex-direction:column;gap:8px;padding:2px 8px 8px}
.card .cat,.latest-item .cat{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.card h3{font-weight:800;color:var(--ink);margin:0;line-height:1.28;font-size:var(--title,18.5px)}
.card .byline{font-size:13px;color:var(--soft)}
.card:hover h3{color:var(--gold-ink)}
.card:hover .media img{transform:scale(1.045)}
.card.feature{--img-h:380px;--title:26px}
.card.medium{--img-h:220px;--title:18.5px}
.card.small{--img-h:165px;--title:16.5px}

/* ── Latest list ── */
.latest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px}
.latest-item{display:grid;grid-template-columns:108px minmax(0,1fr);gap:18px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);text-decoration:none;transition:transform .2s,box-shadow .2s}
.latest-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.latest-item .media{height:84px;border-radius:9px}
.latest-item h3{font-size:16px;font-weight:800;line-height:1.32;margin:0 0 6px;color:var(--ink)}
.latest-item:hover h3{color:var(--gold-ink)}
.latest-item .meta-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--soft);flex-wrap:wrap}

/* ── Dossier (Focus) — pannello scuro antracite ── */
.featured-dossier-section{padding:0;margin:58px 0 0;position:relative;background:var(--ink-deep)}
.featured-dossier-section::before{content:"";position:absolute;top:-21px;left:0;right:0;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='22'%3E%3Cpath d='M0 20L48 2 96 20V22H0z' fill='%231F1F1E'/%3E%3C/svg%3E");background-size:96px 22px;background-repeat:repeat-x}
.featured-dossier-section::after{content:"";position:absolute;bottom:-21px;left:0;right:0;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='22'%3E%3Cpath d='M0 0h96v2L48 20 0 2z' fill='%231F1F1E'/%3E%3C/svg%3E");background-size:96px 22px;background-repeat:repeat-x}
.featured-dossier{position:relative;min-height:520px;display:grid;overflow:hidden;border-radius:0;width:100%;max-width:none;background:var(--ink-deep);color:#fff;margin:0 auto}
.featured-dossier__bg{position:absolute;inset:0;border-radius:0}
.featured-dossier__bg img,.featured-dossier__bg .gi-placeholder{width:100%;height:100%;object-fit:cover}
.featured-dossier__shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(31,31,30,.94) 0%,rgba(40,40,40,.72) 48%,rgba(40,40,40,.32) 100%);z-index:1}
.featured-dossier__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:64px 28px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:center}
.featured-dossier__lead{display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-decoration:none}
.featured-dossier__label{display:inline-flex;align-items:center;gap:8px;border-radius:6px;padding:7px 14px;color:var(--ink);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--gold)}
.featured-dossier__label::before{content:"";width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23282828' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.2 5.2L20 6.5'/%3E%3C/svg%3E") no-repeat center/contain}
.featured-dossier__cat,.featured-dossier__card-cat{color:var(--gold);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.featured-dossier__lead h2{font-size:clamp(28px,3.4vw,46px);font-weight:900;line-height:1.07;letter-spacing:-0.8px;margin:0;color:#fff}
.featured-dossier__lead p{max-width:54ch;margin:0;color:rgba(255,255,255,.84);font-size:15.5px;line-height:1.65}
.featured-dossier__cta{display:inline-flex;align-items:center;gap:9px;margin-top:6px;min-height:46px;padding:0 22px;border-radius:var(--r-s);background:var(--gold);color:var(--ink);font-family:var(--display);font-size:14px;font-weight:800;transition:transform .2s,background .2s}
.featured-dossier__lead:hover .featured-dossier__cta{background:var(--gold-deep);transform:translateY(-2px)}
.featured-dossier__cta svg{width:16px;height:16px}
.featured-dossier__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.featured-dossier__card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);text-decoration:none;transition:transform .22s,background .22s}
.featured-dossier__card:hover{transform:translateY(-3px);background:rgba(255,255,255,.15)}
.featured-dossier__thumb{height:120px;border-radius:9px}
.featured-dossier__card h3{font-size:15.5px;font-weight:800;line-height:1.32;margin:0;color:#fff}

/* ── Bande categoria + sidebar ── */
.category-sections{padding-top:72px;background:var(--surface)}
.category-sections,.category-band{scroll-margin-top:96px}
.clusters-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.clusters-shell.no-sidebar{grid-template-columns:1fr}
.category-section-stack{display:flex;flex-direction:column;gap:44px}
.category-band{padding-top:30px;border-top:1px solid var(--line)}
.category-section-stack .category-band:first-child{border-top:0;padding-top:0}
.category-band-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;margin-bottom:20px}
.category-band-head h3{font-size:clamp(22px,2.4vw,30px);font-weight:900;letter-spacing:-0.4px;line-height:1.08;margin:8px 0 0}
.category-band-head p{max-width:56ch;margin:8px 0 0;color:var(--soft);font-size:14.5px;line-height:1.55}
.band-glyph{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);color:var(--gold-ink);display:grid;place-items:center;justify-self:end}
.band-glyph svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.category-article-grid{display:grid;grid-template-columns:1.15fr repeat(2,minmax(0,.85fr));gap:var(--gap);align-items:start}
.category-article-grid .category-lead{--img-h:240px;--title:21px}
.category-article-grid .card.small{--img-h:158px}
.category-article-grid.layout-lead.reverse{direction:rtl}
.category-article-grid.layout-lead.reverse>*{direction:ltr}
.category-article-grid.layout-trio{grid-template-columns:repeat(3,1fr)}
.category-article-grid.layout-trio .card{--img-h:185px;--title:17.5px}
.category-article-grid.layout-mosaic{grid-template-columns:1.6fr 1fr;align-items:stretch}
.category-article-grid.layout-mosaic .category-lead{grid-column:1;grid-row:1 / span 2;--img-h:355px;--title:24px}
.category-article-grid.layout-mosaic.reverse{grid-template-columns:1fr 1.6fr}
.category-article-grid.layout-mosaic.reverse .category-lead{grid-column:2}
.category-article-grid.layout-mosaic .card.small{--img-h:128px}
.category-article-grid.cards-2{grid-template-columns:1.15fr minmax(0,.85fr)}
.category-article-grid.cards-1{grid-template-columns:1fr}

.home-sidebar{align-self:stretch}
.home-sidebar__inner{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}
.sidebar-module{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.sidebar-module__title{font-size:16px;font-weight:900;margin:0 0 8px;letter-spacing:-0.2px}
.sidebar-ranking{list-style:none;margin:0;padding:0;counter-reset:rank;display:flex;flex-direction:column}
.sidebar-ranking li{counter-increment:rank;border-bottom:1px solid var(--line)}
.sidebar-ranking li:last-child{border-bottom:0}
.sidebar-ranking a{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:11px 0;align-items:start;text-decoration:none}
.sidebar-ranking a::before{content:counter(rank,decimal-leading-zero);grid-column:1;grid-row:1 / span 2;font-family:var(--slab);font-size:15px;font-weight:700;color:var(--gold-deep);padding-top:2px}
.sidebar-ranking__cat{grid-column:2;grid-row:1;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.sidebar-ranking__title{grid-column:2;grid-row:2;font-family:var(--display);font-size:14px;font-weight:800;line-height:1.38;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sidebar-ranking a:hover .sidebar-ranking__title{color:var(--gold-ink)}
.sidebar-newsletter{background:var(--ink-2);border:0;color:#fff}
.sidebar-newsletter .eyebrow{color:#fff}
.sidebar-newsletter .eyebrow::before{background:var(--check) no-repeat center/contain}
.sidebar-newsletter h3{font-size:17px;font-weight:900;line-height:1.25;margin:8px 0 0;color:#fff}
.sidebar-newsletter p{margin:8px 0 14px;color:rgba(255,255,255,.85);font-size:13px;line-height:1.5}
.sidebar-newsletter__btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:var(--r-s);background:var(--gold);color:var(--ink);font-family:var(--display);font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}
.sidebar-newsletter__btn:hover{background:var(--gold-deep);transform:translateY(-2px)}
.sidebar-newsletter__btn svg{width:14px;height:14px}

/* ── Newsletter CTA — banda GIALLA (firma SOA) ── */
.newsletter-cta-section{padding:110px 0 150px;position:relative;background:var(--paper)}
.newsletter-cta-section::before{content:"";position:absolute;top:-21px;left:0;right:0;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='22'%3E%3Cpath d='M0 20L48 2 96 20V22H0z' fill='%23FFFFFF'/%3E%3C/svg%3E");background-size:96px 22px;background-repeat:repeat-x}
.newsletter-cta-section::after{display:none}
.newsletter-cta{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.8fr);gap:44px;align-items:center;padding:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}
.newsletter-cta__content h2{font-size:clamp(26px,3vw,40px);font-weight:900;line-height:1.08;letter-spacing:-0.6px;margin:14px 0 0;color:var(--ink)}
.newsletter-cta__content p{max-width:54ch;margin:14px 0 0;color:rgba(40,40,40,.8);font-size:15.5px;line-height:1.6}
.newsletter-cta .eyebrow{color:var(--ink)}
.newsletter-cta .eyebrow::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23282828' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.2 5.2L20 6.5'/%3E%3C/svg%3E") no-repeat center/contain}
.newsletter-cta__form{background:var(--ink-2);border:0;border-radius:16px;padding:28px;box-shadow:0 28px 56px -30px rgba(31,31,30,.55)}
.cgb-ft-newsletter__title{font-family:var(--display);font-size:20px;font-weight:800;margin:0;color:var(--gold)}
.cgb-ft-newsletter__sub{margin:8px 0 16px;color:rgba(255,255,255,.8);font-size:13.5px;line-height:1.5}
.cgb-ft-newsletter__fields{display:flex;gap:10px;align-items:stretch}
.cgb-ft-newsletter__input{width:100%;min-width:0;height:48px;border:0;border-radius:var(--r-s);background:#fff;color:var(--ink);font:500 14px var(--body);padding:0 18px;outline:none}
.cgb-ft-newsletter__input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(247,192,55,.22);background:#fff}
.cgb-ft-newsletter__btn{height:48px;border:0;border-radius:var(--r-s);background:var(--gold);color:var(--ink);font:800 14px var(--display);padding:0 22px;white-space:nowrap;cursor:pointer;transition:transform .2s,background .2s}
.cgb-ft-newsletter__btn:hover{background:var(--gold-deep);transform:translateY(-2px)}
.cgb-ft-newsletter__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.cgb-ft-newsletter__consent{display:flex;gap:10px;align-items:flex-start;margin-top:13px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.45}
.cgb-ft-newsletter__consent input{margin-top:3px;accent-color:var(--gold-deep)}
.cgb-ft-newsletter__consent a{color:var(--gold)}
.cgb-ft-newsletter__feedback{display:none;margin-top:12px;font-size:13px;font-weight:700}
.cgb-ft-newsletter__feedback--success{color:#1E7A3C}
.cgb-ft-newsletter__feedback--error{color:#C0392B}
.cgb-ft-newsletter__success{display:none}

/* ── Footer chiaro + bottom bar nera ── */
.site-footer{background:#F0F0F0;border-top:0;margin-top:0;position:relative}
.site-footer::before{content:"";position:absolute;top:-21px;left:0;right:0;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='22'%3E%3Cpath d='M0 20L48 2 96 20V22H0z' fill='%23F0F0F0'/%3E%3C/svg%3E");background-size:96px 22px;background-repeat:repeat-x}
.container.footer-inner{padding:52px 28px 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px}
.footer-brand p{color:var(--soft);font-size:14.5px;max-width:36ch;margin:14px 0 0;line-height:1.6}
.footer-col{display:flex;flex-direction:column;gap:2px}
.footer-col h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin:0 0 10px;font-weight:800}
.footer-col a{color:var(--ink);font-size:14.5px;padding:5px 0;font-weight:500}
.footer-col a:hover{color:var(--gold-ink)}
.footer-bottom{margin-inline:calc(50% - 50vw);padding:20px calc(50vw - 50%);background:var(--ink-deep);color:rgba(255,255,255,.85);display:flex;justify-content:space-between;gap:16px;font-size:13px;border-top:0}
.footer-bottom a{color:#fff}
.footer-bottom a:hover{color:var(--gold)}
.footer-legal{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* ── Archivi ── */
.cat-hero{padding:80px 0 26px;background:linear-gradient(var(--surface),var(--paper))}
.cat-hero .container{position:relative}
.cat-hero__glyph{position:absolute;right:28px;top:0;width:64px;height:64px;border-radius:14px;background:var(--gold-soft);color:var(--gold-ink);display:grid;place-items:center}
.cat-hero__glyph svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cat-hero h1{font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-0.8px;margin:12px 0 0;line-height:1.04}
.cat-hero .desc{max-width:60ch;color:var(--soft);font-size:15.5px;line-height:1.6;margin:12px 0 0}
.cat-hero .count{color:var(--soft);font-weight:600;font-size:13px;margin-top:14px}
.archive-shell{padding-top:24px}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 14px;position:sticky;top:70px;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}
.chip{border:1.5px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 16px;border-radius:var(--r-s);font-size:13.5px;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap;text-decoration:none}
.chip:hover{border-color:var(--gold);background:var(--gold-soft)}
.chip.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.archive-list{display:flex;flex-direction:column;gap:32px;padding:38px 0 56px}
.archive-item{display:grid;grid-template-columns:300px minmax(0,1fr);gap:38px;padding:24px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:transform .2s,box-shadow .2s}
.archive-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.archive-item .media{height:172px;border-radius:12px}
.archive-item__body{display:flex;flex-direction:column;gap:14px;padding:4px 8px}
.archive-item__meta{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--soft)}
.archive-item__meta .cat{color:var(--gold-ink)}
.archive-item h2{font-family:var(--display);font-size:clamp(17px,1.9vw,21px);font-weight:800;line-height:1.28;margin:0;color:var(--ink)}
.archive-item:hover h2{color:var(--gold-ink)}
.archive-item p{margin:0;color:var(--soft);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.archive-item__author{font-size:12.5px;font-weight:600;color:var(--ink)}
.search-hero .count{margin-top:6px}
.search-refine{display:flex;gap:10px;margin-top:16px;max-width:540px}
.search-refine input[type="search"]{flex:1;min-width:0;height:46px;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--surface);color:var(--ink);font:500 15px var(--body);padding:0 18px;outline:none}
.search-refine input[type="search"]:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(247,192,55,.2);background:#fff}
.search-refine button{height:46px;border:0;border-radius:var(--r-s);background:var(--gold);color:var(--ink);font:800 13.5px var(--display);padding:0 22px;cursor:pointer;transition:background .2s}
.search-refine button:hover{background:var(--gold-deep)}
.pagination{margin:18px 0 30px}
.pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--paper);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;transition:.2s}
.pagination .page-numbers:hover{border-color:var(--gold);background:var(--gold-soft)}
.pagination .page-numbers.current{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.pagination .page-numbers.dots{border:0;background:none}
.pagination .screen-reader-text{display:none}
.empty-state{padding:40px 0 60px;max-width:540px}
.empty-state h2{font-size:clamp(22px,2.6vw,30px);font-weight:900;margin:0 0 12px}
.empty-state p{color:var(--soft);font-size:16px;line-height:1.6;margin:0 0 22px}
.empty-state .chips{display:flex;gap:8px;flex-wrap:wrap}
.author-hero{padding:42px 0 8px}
.author-hero-inner{display:grid;grid-template-columns:110px minmax(0,720px);gap:26px;align-items:center}
.author-avatar-wrap{width:110px;height:110px;border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-soft)}
.author-avatar{width:100%;height:100%;object-fit:cover;display:block}
.author-hero h1{font-size:clamp(28px,3.6vw,44px);font-weight:900;letter-spacing:-0.6px;margin:10px 0 0;line-height:1}
.author-job{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink);margin-top:8px}
.author-hero p{max-width:60ch;margin:12px 0 0;color:var(--soft);font-size:15.5px;line-height:1.6}

/* ── Articolo singolo ── */
.article-wrap{padding:36px 0 16px}
.article-head{max-width:820px;margin:0;text-align:left}
.article-head .eyebrow{font-size:12px}
.article-head h1{font-weight:900;font-size:clamp(30px,4vw,50px);line-height:1.07;letter-spacing:-1px;margin:16px 0 0}
.article-head .dek{font-size:18.5px;line-height:1.55;color:var(--soft);margin:18px 0 0;max-width:62ch;font-weight:400}
.article-byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 0;font-size:13.5px;font-weight:500;color:var(--soft)}
.article-byline .author{color:var(--ink);font-weight:700;text-decoration:none}
.article-byline .author:hover{color:var(--gold-ink)}
.article-byline .avatar{width:36px;height:36px;border-radius:10px;background:var(--ink-2);display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:14px;object-fit:cover}
.article-hero{height:min(52vw,540px);border-radius:18px;margin:34px 0 0;overflow:hidden}
.article-hero .media{height:100%;border-radius:18px}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;margin-top:42px}
.article-shell .article-body{max-width:none;margin:0}
.article-body p{font-size:17.5px;line-height:1.78;margin:0 0 24px;color:#33322F}
.article-body blockquote{margin:32px 0;padding:22px 26px;border-left:5px solid var(--gold);border-radius:var(--r-s);background:var(--gold-soft);font-family:var(--display);font-weight:700;font-size:19px;line-height:1.5;color:var(--ink)}
.article-body a{color:var(--gold-ink);font-weight:600}
.article-shell .article-author-box{max-width:none;margin:44px 0 0}
.article-author-box{padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start}
.article-author-avatar{width:76px;height:76px;border-radius:14px;overflow:hidden;background:var(--paper)}
.article-author-avatar .author-avatar{width:100%;height:100%;object-fit:cover}
.article-author-content h2{font-size:20px;font-weight:900;margin:8px 0 0}
.article-author-content p{margin:8px 0 12px;color:var(--soft);font-size:14px;line-height:1.6}
.related{border-top:1px solid var(--line);margin-top:54px;padding-top:40px}
.cluster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.related .cluster-grid{grid-template-columns:repeat(3,1fr)}
.page-shell{padding:50px 28px}
.page-content{max-width:720px;margin:0 auto}
.page-content h1{font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-0.8px;margin:0 0 24px}
.not-found-shell{min-height:55vh;display:grid;place-items:center;padding-top:70px;padding-bottom:70px}
.not-found-content{text-align:center}
.not-found-content .eyebrow{justify-content:center}
.not-found-content h1{margin:16px 0;font-weight:900}
.not-found-content p{max-width:50ch;margin:0 auto 24px;color:var(--soft);font-size:17px;line-height:1.6}
.not-found-cta{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 26px;border-radius:var(--r-s);background:var(--gold);color:var(--ink);font-family:var(--display);font-size:14.5px;font-weight:800;text-decoration:none;box-shadow:0 18px 34px -20px rgba(223,175,64,.85);transition:transform .2s,background .2s}
.not-found-cta:hover{background:var(--gold-deep);transform:translateY(-2px)}
.not-found-cta svg{width:17px;height:17px}
.gi-avatar-preview{border-radius:12px}

/* link-componenti senza underline (affordance propria) */
.brand,.nav a,.chip,.icon-btn,.skip-link,.pill,.btn,
.card,.latest-item,.archive-item,.search-result,
.spotlight__card,.spotlight__mini,.sidebar-ranking a,
.featured-dossier__lead,.featured-dossier__card,
.pagination .page-numbers,.not-found-cta,
.cgb-ft-newsletter__btn,.sidebar-newsletter__btn,
.see-all,.mobile-nav .sheet a,.menu-item,.menu-panel__foot a,.author,.footer-col a{text-decoration:none}
.footer-col a:hover,.mobile-nav .sheet a:hover{text-decoration:underline;text-underline-offset:3px}

/* ── Responsive ── */
@media (max-width:1080px){
  .spotlight__card{grid-template-columns:1fr}
  .spotlight__media{min-height:300px;order:-1}
  .spotlight__copy{padding:28px}
  .spotlight__copy::before{display:none}
  .clusters-shell{grid-template-columns:1fr;gap:36px}
  .home-sidebar__inner{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
  .category-article-grid{grid-template-columns:repeat(2,1fr)}
  .category-article-grid .category-lead{grid-column:span 2}
  .category-article-grid.layout-trio{grid-template-columns:repeat(2,1fr)}
  .category-article-grid.layout-mosaic,.category-article-grid.layout-mosaic.reverse{grid-template-columns:repeat(2,1fr)}
  .category-article-grid.layout-mosaic .category-lead,.category-article-grid.layout-mosaic.reverse .category-lead{grid-column:1 / -1;grid-row:auto;--img-h:260px}
  .featured-dossier__inner{grid-template-columns:1fr;gap:30px}
  .newsletter-cta{grid-template-columns:1fr;gap:26px;padding:30px}
  .latest-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .article-shell{grid-template-columns:1fr;gap:36px}
}
@media (max-width:760px){
  .container{padding:0 18px}
  .featured-dossier{width:100%}
  .topbar{gap:14px;padding:12px 18px}
  .filter-bar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:static;top:auto;padding:14px 0 8px}
  .filter-bar::-webkit-scrollbar{display:none}
  .filter-bar .chip{flex:0 0 auto}
  .spotlight{padding:24px 0 18px}
  .spotlight__copy{padding:22px;gap:12px}
  .spotlight__copy h1{font-size:26px}
  .spotlight__media{min-height:220px}
  .spotlight__row{grid-template-columns:1fr}
  .spotlight__mini{grid-template-columns:120px minmax(0,1fr)}
  .spotlight__mini .media{height:92px}
  .featured-dossier__inner{padding:26px 22px}
  .featured-dossier__cards{grid-template-columns:1fr;gap:12px}
  .featured-dossier__thumb{height:150px}
  .category-article-grid,.category-article-grid.layout-trio,.category-article-grid.layout-mosaic,.category-article-grid.layout-mosaic.reverse,.category-article-grid.cards-2{grid-template-columns:1fr}
  .category-article-grid .category-lead,.category-article-grid.layout-mosaic .category-lead,.category-article-grid.layout-mosaic.reverse .category-lead{grid-column:auto;grid-row:auto;--img-h:200px;--title:19px}
  .home-sidebar__inner{grid-template-columns:1fr}
  .category-band-head{grid-template-columns:1fr;gap:10px}
  .band-glyph{display:none}
  .archive-item{grid-template-columns:1fr;gap:12px}
  .archive-item .media{height:175px}
  .search-refine{flex-direction:column}
  .search-refine button{width:100%}
  .cgb-ft-newsletter__fields{flex-direction:column}
  .cgb-ft-newsletter__btn{width:100%}
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .container.footer-inner{padding:40px 18px 0}
  .footer-bottom{flex-direction:column;gap:8px}
  .article-hero{height:230px;border-radius:14px;margin-top:24px}
  .article-author-box{grid-template-columns:1fr}
  .cluster-grid,.related .cluster-grid{grid-template-columns:1fr}
  .author-hero-inner{grid-template-columns:1fr;gap:16px}
  .cat-hero__glyph{display:none}
  .section{padding:34px 0}
    .brand-word{font-size:20px}
}

/* ── Cookie banner SAS in palette SOA ── */
.sas-cookie-consent__inner{border-radius:14px;border:1px solid rgba(247,192,55,.35)}
.sas-cookie-consent__btn{border-radius:8px}
.sas-cookie-consent__btn--accept-all{background:var(--gold)!important;color:var(--ink)!important}
.sas-cookie-consent__btn--accept-all:hover{background:var(--gold-deep)!important}
.sas-cookie-consent__desc a{color:var(--gold)}
.sas-cookie-toggle{border-radius:8px}
.sas-cookie-toggle input[type="checkbox"]{accent-color:var(--gold-deep)}
body a.sas-cookie-settings-link{border-radius:8px}

/* ══ PATTERN LAYER — le geometrie del brand come texture di pagina ══ */
/* diagonali cantiere (oro, molto tenui) dietro lo spotlight */
.spotlight{background:var(--halo)}
/* griglia blueprint (tenue) sugli hero di archivio/categoria/autore */
.cat-hero,.author-hero{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M79.5 0V80M0 79.5H80' stroke='%233C3C3B' stroke-opacity='.05' stroke-width='1'/%3E%3C/svg%3E"),
  linear-gradient(var(--surface),var(--paper))}
/* righe diagonali bianche leggerissime sulla banda gialla newsletter */
.newsletter-cta{background:transparent}
/* barre ritmiche sul pannello scuro del dossier (sotto l'immagine, visibili col fallback) */
.featured-dossier{border-radius:0;width:100%;max-width:none;background:var(--ink-deep)}
/* placeholder immagine: diagonali oro su carta dorata */
.gi-placeholder{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DFAF40' stroke-opacity='.30' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.2 5.2L20 6.5'/%3E%3C/svg%3E") no-repeat center / 72px,
  linear-gradient(135deg,#FBF3DC,#F3E7C0)}
/* spunta ✓ in filigrana nell'angolo del footer chiaro */
.site-footer{background:#F0F0F0}

/* ══ PRO PASS — voce editoriale slab, misura di lettura, nuovi componenti ══ */
/* Titoli editoriali in Roboto Slab: la voce del contenuto. Nunito resta al brand (wordmark, bottoni, label). */
.spotlight__copy h1,.article-head h1,.featured-dossier__lead h2,.section-head h2,
.category-band-head h3,.cat-hero h1,.author-hero h1,.archive-item h2,.card h3,
.latest-item h3,.spotlight__mini h2,.page-content h1,.menu-item__name,
.sidebar-module__title,.article-author-content h2,.empty-state h2,.not-found-content h1,
.search-result__title,.cgb-ft-newsletter__title,.newsletter-cta__content h2,
.featured-dossier__card h3,.sidebar-newsletter h3{font-family:var(--display);font-weight:800;letter-spacing:-0.2px}
.spotlight__copy h1{font-weight:800;line-height:1.1}
.article-head h1{line-height:1.12;letter-spacing:-0.4px}

/* Corpo articolo: scala dei sottotitoli + misura di lettura professionale */
.article-body h2{font-family:var(--display);font-size:26px;font-weight:800;line-height:1.3;margin:44px 0 14px;letter-spacing:-0.2px}
.article-body h3{font-family:var(--display);font-size:21px;font-weight:800;line-height:1.35;margin:36px 0 10px}
.article-body>p,.article-body ul,.article-body ol,.article-body h2,.article-body h3,.article-body blockquote{max-width:70ch}

/* Breadcrumb articolo */
.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.crumbs a{color:var(--gold-ink);text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* Credito fotografico */
.article-hero-wrap{margin:34px 0 0}
.article-hero-wrap .article-hero{margin:0}
.media-credit{margin-top:8px;font-size:12px;color:var(--soft);text-align:right}

/* CTA Iscriviti nell'header */
.btn-subscribe{display:inline-flex;align-items:center;height:41px;padding:0 18px;border-radius:var(--r-s);background:var(--gold);color:var(--ink);font-family:var(--display);font-size:13.5px;font-weight:800;text-decoration:none;transition:background .2s}
.btn-subscribe:hover{background:var(--gold-deep)}
@media (max-width:520px){.btn-subscribe{display:none}}

/* Ticker "Ultim'ora" (blocco news-ticker) */
.news-ticker{background:var(--ink-deep);color:#fff;border-bottom:3px solid var(--gold)}
.news-ticker__inner{display:flex;align-items:center;gap:18px;padding-top:9px;padding-bottom:9px}
.news-ticker__label{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.news-ticker__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:tickpulse 1.6s ease-in-out infinite}
@keyframes tickpulse{0%,100%{opacity:1}50%{opacity:.35}}
.news-ticker__viewport{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.news-ticker__track{display:flex;gap:44px;margin:0;padding:0;list-style:none;width:max-content;animation:tickscroll 46s linear infinite}
.news-ticker__viewport:hover .news-ticker__track{animation-play-state:paused}
@keyframes tickscroll{to{transform:translateX(-50%)}}
.news-ticker__track a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:13.5px;font-weight:500;text-decoration:none;white-space:nowrap}
.news-ticker__track a:hover{color:var(--gold)}
.news-ticker__track time{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
@media (prefers-reduced-motion:reduce){.news-ticker__track{animation:none}}

/* Footer: riga progetto + link legali sulla barra scura */
.footer-project{margin:10px 0 0;font-size:13.5px;color:var(--soft)}
.footer-project a{color:var(--gold-ink);font-weight:700}
.footer-bottom .footer-legal a{color:rgba(255,255,255,.85);font-size:13px;text-decoration:none;margin-left:16px}
.footer-bottom .footer-legal a:hover{color:var(--gold)}

/* Guardie per bande con 1-2 card (mai layout rotti) */
.category-article-grid.cards-1,.category-article-grid.cards-1.reverse{grid-template-columns:1fr;direction:ltr}
.category-article-grid.cards-1 .category-lead{grid-column:auto;grid-row:auto}
.category-article-grid.cards-2.reverse{direction:ltr}
.category-article-grid.layout-trio.cards-2{grid-template-columns:repeat(2,1fr)}
.category-article-grid.layout-mosaic.cards-2 .category-lead{grid-column:auto;grid-row:auto}
/* banda a 1 card: lead orizzontale, non un francobollo gigante */
.category-article-grid.cards-1 .card.category-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center;--img-h:280px}
@media (max-width:760px){.category-article-grid.cards-1 .card.category-lead{grid-template-columns:1fr}}

/* ══ SOA LOOK — silhouette cantiere, tiles numeri, scallop hero ══ */
.spotlight{position:relative;background:var(--halo),var(--surface-2);padding-bottom:185px;margin-bottom:22px}
.spotlight .container{position:relative;z-index:1}


/* Newsletter: silhouette in filigrana nella sezione chiara */

.newsletter-cta-section .container{position:relative;z-index:1}
.newsletter-cta-section::before{z-index:3}
.newsletter-cta-section .newsletter-cta__content{position:relative}
.newsletter-cta-section{background-image:url(../img/atf-cantiere.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto}

/* hero SOA: silhouette ufficiale + zigzag di uscita */
.spotlight::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:230px;pointer-events:none;background:url(../img/cantiere-grigio.png) no-repeat center bottom / 100% auto}
.spotlight::before{content:"";position:absolute;left:0;right:0;bottom:-21px;height:22px;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='22'%3E%3Cpath d='M0 0h96v2L48 20 0 2z' fill='%23E2E0D8'/%3E%3C/svg%3E");background-size:96px 22px;background-repeat:repeat-x}

/* Sidebar: Esplora le sezioni */
.sidebar-topics__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sidebar-topics__list li{border-bottom:1px solid var(--line)}
.sidebar-topics__list li:last-child{border-bottom:0}
.sidebar-topics__list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-family:var(--display);font-size:14px;font-weight:800;color:var(--ink);text-decoration:none;transition:color .2s}
.sidebar-topics__list a:hover{color:var(--gold-ink)}
.sidebar-topics__list svg{width:14px;height:14px;color:var(--gold-deep);flex:0 0 auto}

/* Dossier: banda scura PIATTA (niente foto di sfondo) — richiesta 20/7 */
.featured-dossier__bg,.featured-dossier__shade{display:none}

/* ── Logo immagine (marchio pratica-approvata + wordmark) ── */
.brand-img{flex:0 0 auto;display:inline-flex;align-items:center;line-height:0;text-decoration:none!important}
.brand-logo{height:52px;width:auto;display:block}
.menu-panel__head .brand-logo{height:42px}
.site-footer .brand-logo,.footer-brand .brand-logo{height:58px}
@media (max-width:760px){.brand-logo{height:42px}}

/* Newsletter: silhouette+terreno+zigzag SOLO in home (altrove creano un taglio) */
body:not(.home) .newsletter-cta-section{background-image:none;padding:64px 0 48px}
body:not(.home) .newsletter-cta-section::before{display:none}

/* Nota legale SIPEF nel footer */
.footer-disclaimer{border-top:1px solid var(--line);margin-top:28px;padding:18px 0 22px}
.footer-disclaimer p{margin:0;font-size:12.5px;line-height:1.6;color:var(--soft);max-width:900px}