/* ==========================================================================
   Legiano — recensione editoriale (it) · namespace itc-
   Direzione: "porcellana & bottiglia" — fondo porcellana freddo, barre verde
   bottiglia profondo, oro #C8A24C come unico accento. Persona luxe, forme
   nette (sharp), ritmo denso, sezioni a pannelli elevati (cards).
   Firma: la "riga di verdetto" — filetto oro + punteggio in tabellare mono.
   ========================================================================== */

:root{
  /* palette */
  --bg-main:#ECEEEC;          /* porcellana fredda */
  --bg-alt:#E3E7E3;           /* variante sezione */
  --bg-card:#FFFFFF;
  --bg-deep:#10281F;          /* verde bottiglia — header/footer */
  --bg-deep-2:#0A1B15;
  --accent:#C8A24C;           /* oro (accent-lock) */
  --accent-soft:rgba(200,162,76,.14);
  --accent-2:#7A1F2B;         /* oxblood — contro/avvisi */
  --positive:#1F6B4F;
  --text-main:#161A18;
  --text-muted:#5A6360;
  --text-on-deep:#EEF1EE;
  --text-on-deep-muted:#A9B6AE;
  --border:#D3D9D3;
  --border-strong:#B6BFB6;

  /* tipografia */
  --font-head:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-data:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  /* geometria — SHAPE: sharp */
  --r-sm:2px;
  --r-md:3px;
  --r-lg:4px;

  /* ritmo — DENSITY: dense */
  --wrap:1120px;
  --gutter:clamp(1rem,3vw,1.75rem);
  --pad-card-i:clamp(1rem,3vw,2.1rem);
  --pad-sect:clamp(1.4rem,3.2vw,2.3rem);
  --gap-sect:clamp(.85rem,2vw,1.3rem);
  --gap-in:clamp(.7rem,1.6vw,1.1rem);
  --rail:3px;
  --shadow:0 1px 2px rgba(16,40,31,.07),0 14px 28px -22px rgba(16,40,31,.55);
  --hdr-h:64px;
}

/* ---------- reset / base ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg-main);color:var(--text-main);
  font-family:var(--font-body);font-size:16px;line-height:1.62;
  overflow-x:hidden;overflow-wrap:anywhere;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;line-height:1.16;letter-spacing:-.012em;margin:0 0 .5em}
h1{font-size:clamp(1.85rem,4.4vw,2.9rem);text-wrap:balance}
h2{font-size:clamp(1.4rem,2.7vw,2rem)}
h3{font-size:clamp(1.1rem,1.9vw,1.35rem)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-inline-start:1.2em}
li{margin-bottom:.35em}
strong{font-weight:650}
small{font-size:.82rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}
::selection{background:var(--accent-soft)}

/* ---------- container: unico proprietario della larghezza ---------- */
.itc-container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.itc-container>*{min-width:0}

/* ---------- eyebrow / etichette (firma tipografica) ---------- */
.itc-eyebrow{
  font-family:var(--font-data);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);margin:0 0 .55rem;display:flex;align-items:center;gap:.5rem;
}
.itc-eyebrow::before{content:"";width:22px;height:1px;background:var(--accent);flex:none}
.itc-hero--home .itc-eyebrow,[style*="center"] .itc-eyebrow{justify-content:center}
.itc-label{font-family:var(--font-data);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.itc-muted{color:var(--text-muted)}
.itc-updated{font-family:var(--font-data);font-size:.75rem;color:var(--text-muted)}

/* ---------- ARCHETIPO: cards — ogni sezione è un pannello elevato ---------- */
.itc-section{margin-block:var(--gap-sect)}
.itc-section>.itc-container,
.itc-hero--home>.itc-container{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);
  padding-inline:var(--pad-card-i);padding-block:var(--pad-sect);box-shadow:var(--shadow);
}
.itc-section--alt>.itc-container{background:var(--bg-alt);border-color:var(--border-strong)}
.itc-section--flush>.itc-container{background:none;border:0;box-shadow:none;padding-inline:var(--gutter)}
.itc-section__head{margin-bottom:var(--gap-in)}
.itc-section__head p{color:var(--text-muted);margin-bottom:0}
main{display:block;padding-bottom:var(--gap-sect)}

/* ---------- bottoni ---------- */
.itc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.72rem 1.4rem;border:1px solid var(--accent);border-radius:var(--r-md);
  background:var(--accent);color:#1A1405;text-decoration:none;
  font-family:var(--font-body);font-weight:650;font-size:.95rem;letter-spacing:.01em;
  cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.itc-btn:hover{background:#D8B463;border-color:#D8B463}
.itc-btn:active{transform:translateY(1px)}
.itc-btn--ghost{background:transparent;color:var(--text-main);border-color:var(--border-strong)}
.itc-btn--ghost:hover{background:var(--accent-soft);border-color:var(--accent)}
.itc-btn--onDeep{background:transparent;color:var(--accent);border-color:var(--accent)}
.itc-btn--onDeep:hover{background:var(--accent);color:#1A1405}
.itc-btn--lg{padding:.9rem 1.9rem;font-size:1rem}
.itc-actions{display:flex;flex-wrap:wrap;gap:.7rem}

/* ---------- icone (sprite SVG reale) ---------- */
.itc-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0;color:var(--accent);fill:none;stroke:currentColor}
.itc-icon--lg{width:2rem;height:2rem}
.itc-icon--pos{color:var(--positive)}
.itc-icon--neg{color:var(--accent-2)}

/* ==========================================================================
   HEADER — barra verde bottiglia, sticky
   ========================================================================== */
.itc-header{
  position:sticky;top:0;z-index:900;background:var(--bg-deep);
  border-bottom:1px solid rgba(200,162,76,.35);
}
.itc-header__bar{
  display:flex;align-items:center;gap:clamp(.5rem,2vw,1.5rem);
  min-height:var(--hdr-h);padding-block:.5rem;
}
.itc-header__bar>*{min-width:0}
.itc-logo{
  display:flex;flex-direction:column;justify-content:center;gap:.05rem;
  text-decoration:none;flex-shrink:1;line-height:1.05;
}
.itc-logo__mark{
  font-family:var(--font-head);font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--accent);white-space:nowrap;
}
.itc-logo__sub{
  font-family:var(--font-data);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--text-on-deep-muted);white-space:nowrap;
}
.itc-logo__img{display:block;height:40px;width:auto;max-width:min(45vw,200px);object-fit:contain}

.itc-nav{margin-inline-start:auto;display:flex;align-items:center;gap:clamp(.5rem,1.6vw,1.35rem)}
.itc-nav ul{display:flex;align-items:center;gap:clamp(.5rem,1.6vw,1.35rem);list-style:none;margin:0;padding:0}
.itc-nav li{margin:0}
.itc-nav a:not(.itc-btn){
  display:block;padding:.35rem 0;text-decoration:none;color:var(--text-on-deep);
  font-size:.92rem;letter-spacing:.01em;border-bottom:1px solid transparent;transition:color .16s ease,border-color .16s ease;
}
.itc-nav a:not(.itc-btn):hover,.itc-nav a:not(.itc-btn).is-active{color:var(--accent);border-bottom-color:var(--accent)}
.itc-header__cta{flex-shrink:0;padding:.55rem 1.05rem;font-size:.88rem}

/* sottomenu (se il menu è a due livelli) */
.itc-nav__group{position:relative;display:flex;align-items:center;gap:.2rem}
.itc-nav__toggle{display:none;background:none;border:0;color:var(--text-on-deep);cursor:pointer;font-size:.8rem;padding:.3rem}
.itc-submenu{
  display:none;position:absolute;top:100%;inset-inline-start:0;min-width:220px;z-index:1000;
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);
  box-shadow:var(--shadow);list-style:none;margin:0;padding:.4rem 0;
}
.itc-submenu a{display:block;padding:.5rem .9rem;color:var(--text-main);text-decoration:none;font-size:.9rem}
.itc-submenu a:hover{background:var(--accent-soft);color:var(--text-main)}
.itc-nav__group:hover .itc-submenu,.itc-nav__group:focus-within .itc-submenu{display:block}

/* burger */
.itc-burger{
  display:none;flex:none;flex-shrink:0;width:44px;height:44px;padding:0;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  background:transparent;border:1px solid rgba(238,241,238,.35);border-radius:var(--r-sm);cursor:pointer;
}
.itc-burger span{display:block;width:22px;height:2px;background:var(--text-on-deep);transition:transform .2s ease,opacity .2s ease}
.itc-header.is-open .itc-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.itc-header.is-open .itc-burger span:nth-child(2){opacity:0}
.itc-header.is-open .itc-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:900px){
  .itc-burger{display:flex}
  .itc-nav{
    display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;
    gap:0;background:var(--bg-deep-2);border-bottom:1px solid rgba(200,162,76,.35);
    padding:.4rem var(--gutter) 1rem;max-height:calc(100vh - var(--hdr-h));overflow-y:auto;
  }
  .itc-header.is-open .itc-nav{display:flex}
  .itc-nav ul{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .itc-nav a:not(.itc-btn){padding:.8rem 0;border-bottom:1px solid rgba(238,241,238,.12)}
  .itc-nav a:not(.itc-btn):hover{border-bottom-color:var(--accent)}
  .itc-nav .itc-btn{width:100%;margin-top:.8rem}
  .itc-nav__toggle{display:inline-block;margin-inline-start:auto}
  .itc-nav__group{flex-wrap:wrap}
  .itc-submenu{display:none;position:static;width:100%;box-shadow:none;background:transparent;border:0;padding:0 0 .4rem 1rem}
  .itc-nav__group.is-open .itc-submenu{display:block}
  .itc-submenu a{color:var(--text-on-deep-muted);padding:.55rem 0}
  .itc-submenu a:hover{background:transparent;color:var(--accent)}
  .itc-header__cta{padding:.5rem .85rem;font-size:.82rem}
}
@media (max-width:560px){
  .itc-logo__mark{font-size:1.05rem}
  .itc-header__cta{padding:.48rem .7rem;font-size:.78rem}
}

/* ==========================================================================
   HERO
   ========================================================================== */
.itc-hero{position:relative}
.itc-hero__img{
  display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:3/2;object-fit:cover;
  border-radius:var(--r-md);
}
.itc-hero__visual{
  position:relative;width:100%;border-radius:var(--r-md);overflow:hidden;
  background:linear-gradient(135deg,var(--bg-deep) 0%,#1B4433 55%,var(--accent) 165%);
  aspect-ratio:3/2;
}
.itc-hero__visual>img{margin:0}
.itc-hero p{color:var(--text-muted)}

/* HOME — pattern image-first: colonna centrata, visual per primo */
.itc-hero--home{margin-block:var(--gap-sect)}
.itc-hero--home .itc-hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--gap-in)}
.itc-hero--home .itc-hero__inner>*{margin:0;max-width:100%}
.itc-hero--home .itc-hero__visual,
.itc-hero--home .itc-hero__img{order:-1;width:100%;margin-bottom:.4rem}
.itc-hero--home h1{font-size:clamp(2rem,5vw,3.15rem);text-wrap:balance}
.itc-hero--home .itc-hero__sub{font-size:clamp(1rem,1.6vw,1.12rem);color:var(--text-muted)}
.itc-hero--home .itc-actions{justify-content:center}

/* INNER — fascia compatta (page-header) */
.itc-hero--inner{position:relative;overflow:hidden;background:var(--bg-deep);color:var(--text-on-deep)}
.itc-hero--inner .itc-hero__img{
  position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;
  object-fit:cover;border-radius:0;z-index:0;
}
.itc-hero--inner .itc-hero__inner{
  position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:.35rem;
  padding-block:clamp(1.5rem,3.4vw,2.1rem);
  padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)));
  width:100%;max-width:none;margin-inline:auto;
}
.itc-hero--inner .itc-hero__inner::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(8,20,15,.93) 0%,rgba(8,20,15,.82) 50%,rgba(8,20,15,.62) 100%);
}
:where(.itc-hero--inner .itc-hero__inner>:not(.itc-hero__img)){position:relative;z-index:2}
.itc-hero--inner h1{color:var(--text-on-deep);margin:0;font-size:clamp(1.6rem,3.6vw,2.4rem)}
.itc-hero--inner p{color:var(--text-on-deep-muted);margin:.2rem 0 0;max-width:none}
.itc-hero--inner .itc-eyebrow{color:var(--accent)}
.itc-hero--inner .itc-breadcrumb,
.itc-hero--inner .itc-breadcrumb a{color:var(--text-on-deep-muted)}
.itc-hero--inner .itc-breadcrumb a:hover{color:var(--accent)}

/* ---------- page-header (variante senza immagine, per pagine legali) ---------- */
.itc-page-header{position:relative;overflow:hidden;background:var(--bg-deep);color:var(--text-on-deep)}
.itc-page-header .itc-container{padding-block:clamp(1.5rem,3.4vw,2.2rem)}
.itc-page-header h1{color:var(--text-on-deep);margin:.15rem 0 0}
.itc-page-header p{color:var(--text-on-deep-muted);margin:.35rem 0 0}
.itc-page-header .itc-breadcrumb,
.itc-page-header .itc-breadcrumb a{color:var(--text-on-deep-muted)}
.itc-page-header .itc-breadcrumb a:hover{color:var(--accent)}
.itc-page-header .itc-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0;z-index:0}
.itc-page-header .itc-container{position:relative;z-index:2}

/* ---------- breadcrumb ---------- */
.itc-breadcrumb{font-family:var(--font-data);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.itc-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.itc-breadcrumb li{margin:0;display:flex;gap:.4rem;align-items:center}
.itc-breadcrumb li+li::before{content:"/";opacity:.55}
.itc-breadcrumb a{text-decoration:none}
.itc-breadcrumb a:hover{color:var(--accent)}

/* ==========================================================================
   VERDETTO — elemento firma: filetto oro + punteggio tabellare
   ========================================================================== */
.itc-verdict{
  display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-in);
  border-inline-start:var(--rail) solid var(--accent);
  background:linear-gradient(90deg,var(--accent-soft),transparent 42%);
  padding:clamp(1rem,2.4vw,1.5rem);border-radius:0 var(--r-md) var(--r-md) 0;
}
@media (min-width:760px){.itc-verdict{grid-template-columns:minmax(0,1fr) 190px;align-items:start}}
.itc-verdict>*{min-width:0}
.itc-verdict h2,.itc-verdict h3{margin-top:0}
.itc-verdict p:last-child{margin-bottom:0}
.itc-verdict__score{
  display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;
  border:1px solid var(--border);background:var(--bg-card);border-radius:var(--r-md);padding:.85rem 1rem;
}
.itc-verdict__num{font-family:var(--font-data);font-size:clamp(2rem,4.4vw,2.7rem);font-weight:600;line-height:1;color:var(--text-main);font-variant-numeric:tabular-nums}
.itc-verdict__num span{font-size:.9rem;color:var(--text-muted)}
.itc-verdict__cap{font-family:var(--font-data);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.itc-verdict__list{list-style:none;padding:0;margin:.6rem 0 0}
.itc-verdict__list li{display:flex;gap:.55rem;align-items:flex-start}

/* punteggio riutilizzabile (content-panel) */
.itc-score{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}
.itc-score__value{font-family:var(--font-data);font-size:2.1rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.itc-score__stars{display:flex;gap:.15rem;color:var(--accent)}
.itc-score__label{font-size:.82rem;color:var(--text-muted)}

/* ---------- pro / contro ---------- */
.itc-proscons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--gap-in)}
.itc-proscons>*{min-width:0}
.itc-proscons__col{border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.1rem;background:var(--bg-card)}
.itc-proscons__col--pro{border-top:var(--rail) solid var(--positive)}
.itc-proscons__col--con{border-top:var(--rail) solid var(--accent-2)}
.itc-proscons__col h3{font-family:var(--font-data);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem}
.itc-proscons ul{list-style:none;padding:0;margin:0}
.itc-proscons li{display:flex;gap:.55rem;align-items:flex-start;padding:.4rem 0;border-bottom:1px solid var(--border)}
.itc-proscons li:last-child{border-bottom:0}
.itc-proscons__col--pro .itc-icon{color:var(--positive)}
.itc-proscons__col--con .itc-icon{color:var(--accent-2)}

/* ---------- citazioni giocatori ---------- */
.itc-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--gap-in)}
.itc-quotes>*{min-width:0}
.itc-quote{
  position:relative;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-md);
  padding:1.5rem 1.15rem 1rem;margin:0;
}
.itc-quote::before{
  content:"\201C";position:absolute;top:-.15rem;inset-inline-start:.7rem;
  font-family:var(--font-head);font-size:3rem;line-height:1;color:var(--accent);opacity:.7;
}
.itc-quote p{margin:0 0 .7rem;font-size:.97rem}
.itc-quote footer,.itc-quote__meta{font-family:var(--font-data);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}

/* ---------- rating bars ---------- */
.itc-bars{display:flex;flex-direction:column;gap:.7rem}
.itc-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .8rem;align-items:center}
.itc-bar__label{font-size:.92rem}
.itc-bar__value{font-family:var(--font-data);font-size:.88rem;font-variant-numeric:tabular-nums;color:var(--text-main)}
.itc-bar__track{grid-column:1 / -1;height:6px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.itc-bar__fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#E0C077)}

/* ---------- metodologia / liste numerate ---------- */
.itc-steps,.itc-numbered{list-style:none;counter-reset:itc-step;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}
.itc-steps>li,.itc-numbered>li{
  counter-increment:itc-step;position:relative;padding-inline-start:3rem;margin:0;
  border-bottom:1px solid var(--border);padding-bottom:.9rem;
}
.itc-steps>li:last-child,.itc-numbered>li:last-child{border-bottom:0;padding-bottom:0}
.itc-steps>li::before,.itc-numbered>li::before{
  content:counter(itc-step,decimal-leading-zero);position:absolute;inset-inline-start:0;top:.1rem;
  font-family:var(--font-data);font-size:.82rem;color:var(--accent);
  border:1px solid var(--accent);border-radius:var(--r-sm);padding:.1rem .4rem;
}
.itc-steps h3,.itc-numbered h3{margin:0 0 .25rem;font-size:1.05rem}
.itc-steps p,.itc-numbered p{margin:0;color:var(--text-muted)}

/* ---------- author box ---------- */
.itc-author{
  display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline;
  border:1px solid var(--border);border-inline-start:var(--rail) solid var(--accent);
  border-radius:0 var(--r-md) var(--r-md) 0;padding:1rem 1.15rem;background:var(--bg-alt);
}
.itc-author__name{font-family:var(--font-head);font-size:1.1rem;font-weight:600;margin:0}
.itc-author__role,.itc-author__meta{font-family:var(--font-data);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.itc-author p{flex-basis:100%;margin:.35rem 0 0;color:var(--text-muted);font-size:.93rem}

/* ---------- overview / prose ---------- */
.itc-prose>h2:first-child,.itc-prose>h3:first-child{margin-top:0}
.itc-prose h2{margin-top:1.5em}
.itc-prose ul li::marker{color:var(--accent)}

/* ---------- two-cols + content panel ---------- */
.itc-two{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-in)}
@media (min-width:860px){.itc-two{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}
.itc-two>*{min-width:0}
.itc-two--mirror>:first-child{order:2}
@media (max-width:859px){.itc-two--mirror>:first-child{order:0}}
.itc-panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-md);padding:1.1rem 1.15rem}
.itc-section--alt .itc-panel{background:var(--bg-card)}
.itc-panel__title{font-family:var(--font-data);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .8rem}
.itc-facts{margin:0}
.itc-facts__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}
.itc-facts__row:last-child{border-bottom:0}
.itc-facts dt{color:var(--text-muted);font-size:.88rem;margin:0}
.itc-facts dd{margin:0;font-weight:600;font-size:.92rem;text-align:end}
.itc-checklist{list-style:none;padding:0;margin:0}
.itc-checklist li{display:flex;gap:.55rem;align-items:flex-start;padding:.4rem 0}
.itc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:.6rem}
.itc-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:.7rem .8rem}
.itc-tile__value{font-family:var(--font-data);font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;display:block}
.itc-tile__label{font-size:.75rem;color:var(--text-muted)}

/* ---------- feature cards (pattern: grid) ---------- */
.itc-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--gap-in)}
.itc-features>*{min-width:0}
.itc-feature{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);
  padding:1.1rem 1.15rem;transition:border-color .18s ease,transform .18s ease;
}
.itc-section--alt .itc-feature{background:var(--bg-card)}
.itc-feature:hover{border-color:var(--accent);transform:translateY(-2px)}
.itc-feature .itc-icon{width:2rem;height:2rem;margin-bottom:.6rem;color:var(--accent)}
.itc-feature h3{margin:0 0 .35rem;font-size:1.05rem}
.itc-feature p{margin:0;color:var(--text-muted);font-size:.93rem}

/* ---------- cards grid (secondo livello) ---------- */
.itc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--gap-in)}
.itc-cards>*{min-width:0}
.itc-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.1rem}
.itc-card h3{margin:0 0 .35rem;font-size:1.02rem}
.itc-card p{margin:0;color:var(--text-muted);font-size:.93rem}
.itc-card a{color:var(--text-main);text-decoration-color:var(--accent);text-underline-offset:3px}

/* ---------- stats bar (pattern: tiles) ---------- */
.itc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--gap-in)}
.itc-stats>*{min-width:0}
.itc-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.05rem;box-shadow:var(--shadow)}
.itc-section--alt .itc-stat{background:var(--bg-card)}
.itc-stat__value{display:block;font-family:var(--font-data);font-size:clamp(1.5rem,3vw,2.05rem);font-weight:600;line-height:1.1;color:var(--text-main);font-variant-numeric:tabular-nums}
.itc-stat__label{display:block;margin-top:.3rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}

/* ---------- categories bar (pill) ---------- */
.itc-cats{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0}
.itc-cats li{margin:0}
.itc-cats a,.itc-cats span{
  display:inline-block;padding:.35rem .8rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);
  background:var(--bg-card);font-size:.84rem;text-decoration:none;color:var(--text-main);
}
.itc-cats a:hover{border-color:var(--accent);background:var(--accent-soft)}

/* ---------- tabelle (data / bonus / pagamenti) ---------- */
.itc-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.5rem;border:1px solid var(--border);border-radius:var(--r-md)}
.itc-table{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--bg-card)}
.itc-table th,.itc-table td{padding:.7rem .9rem;text-align:start;border-bottom:1px solid var(--border);vertical-align:top}
.itc-table th{
  white-space:nowrap;background:var(--bg-deep);color:var(--text-on-deep);
  font-family:var(--font-data);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;
}
.itc-table tbody tr:last-child td{border-bottom:0}
.itc-table tbody tr:nth-child(even){background:var(--bg-alt)}
.itc-table td:first-child{font-weight:600}
.itc-table .itc-num{font-family:var(--font-data);font-variant-numeric:tabular-nums;white-space:nowrap}
.itc-payments td .itc-icon,.itc-bonus td .itc-icon{margin-inline-end:.4rem}
.itc-payments__method{display:flex;align-items:center;gap:.5rem}

/* ---------- rtp-grid (tile giochi con copertina reale) ---------- */
.itc-rtp{display:grid;gap:clamp(.6rem,1.5vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.itc-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.itc-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.itc-rtp-item{position:relative;overflow:hidden;min-width:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-card)}
.itc-rtp-item__thumb{display:block;aspect-ratio:3/2;position:relative;background:linear-gradient(135deg,var(--bg-deep),#1B4433)}
.itc-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.itc-rtp-item__name{display:block;padding:.5rem .6rem;font-size:.85rem;font-weight:600;line-height:1.25}
.itc-rtp-tooltip{
  position:absolute;bottom:0;inset-inline:0;opacity:0;transition:opacity .2s;
  background:rgba(8,20,15,.92);color:var(--text-on-deep);padding:.5rem .6rem;
  font-family:var(--font-data);font-size:.74rem;letter-spacing:.04em;
}
.itc-rtp-item:hover .itc-rtp-tooltip,.itc-rtp-item:focus-within .itc-rtp-tooltip{opacity:1}

/* ---------- TOC ---------- */
.itc-toc{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.1rem}
.itc-toc__title{font-family:var(--font-data);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .6rem}
.itc-toc ol,.itc-toc ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.15rem .9rem}
.itc-toc li{margin:0}
.itc-toc a{display:block;padding:.32rem 0;font-size:.92rem;text-decoration:none;border-bottom:1px solid transparent}
.itc-toc a:hover{color:var(--text-main);border-bottom-color:var(--accent)}

/* ---------- FAQ (pattern: boxed) ---------- */
.itc-faq{display:flex;flex-direction:column;gap:.6rem}
.itc-faq details{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);
  padding:0 1.05rem;transition:border-color .18s ease;
}
.itc-section--alt .itc-faq details{background:var(--bg-card)}
.itc-faq details[open]{border-color:var(--accent)}
.itc-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;display:flex;align-items:flex-start}
.itc-faq summary::-webkit-details-marker{display:none}
.itc-faq summary::before{content:'+';margin-right:.5rem;transition:transform .2s;color:var(--accent);font-family:var(--font-data)}
.itc-faq details[open] summary::before{content:'−'}
.itc-faq details>:not(summary){padding:.5rem 0 1rem;color:var(--text-muted)}
.itc-faq details>p:last-child{margin-bottom:0}

/* ---------- CTA block ---------- */
.itc-cta>.itc-container{
  background:var(--bg-deep);border-color:var(--bg-deep);color:var(--text-on-deep);
  padding-block:var(--pad-sect);padding-inline:var(--pad-card-i);
  border-radius:var(--r-lg);box-shadow:var(--shadow);
}
.itc-cta__inner{display:flex;flex-direction:column;gap:.75rem;text-align:center;align-items:center}
.itc-cta__inner>*{margin:0;max-width:70ch}
.itc-cta h2{color:var(--text-on-deep)}
.itc-cta p{color:var(--text-on-deep-muted)}
.itc-cta .itc-eyebrow{justify-content:center}
.itc-cta .itc-actions{justify-content:center}
.itc-cta__fine{font-size:.78rem;color:var(--text-on-deep-muted)}

/* ---------- legal body ---------- */
.itc-legal{counter-reset:itc-h2}
.itc-legal h2{counter-increment:itc-h2;margin-top:1.8em;font-size:1.25rem}
.itc-legal h2::before{content:counter(itc-h2) ". ";color:var(--accent);font-family:var(--font-data);font-size:.9em}
.itc-legal h2:first-child{margin-top:0}
.itc-legal h3{margin-top:1.3em;font-size:1.05rem}
.itc-legal p,.itc-legal li{color:var(--text-main)}
.itc-legal a{color:var(--text-main);text-decoration-color:var(--accent);text-underline-offset:3px}

/* ---------- sticky nav (mobile) ---------- */
.itc-sticky-nav{display:none}
@media (max-width:767px){
  .itc-sticky-nav{
    display:flex;position:fixed;inset-inline:0;bottom:0;z-index:880;
    background:var(--bg-deep);border-top:1px solid rgba(200,162,76,.35);
    padding:.4rem .5rem;justify-content:space-around;align-items:center;gap:.3rem;
  }
  .itc-sticky-nav a{
    flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;
    text-decoration:none;color:var(--text-on-deep);font-size:.68rem;letter-spacing:.04em;padding:.25rem 0;
  }
  .itc-sticky-nav a .itc-icon{width:1.15rem;height:1.15rem;color:var(--accent)}
  .itc-sticky-nav a.itc-btn{flex:1 1 0;color:#1A1405;padding:.5rem .4rem;font-size:.75rem}
  body:has(.itc-sticky-nav){padding-bottom:64px}
}

/* ---------- chat widget ---------- */
.itc-chat-btn{
  position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:890;
  display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1rem;
  background:var(--bg-deep);color:var(--text-on-deep);border:1px solid var(--accent);
  border-radius:var(--r-md);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;
}
.itc-chat-btn .itc-icon{color:var(--accent)}
@media (max-width:767px){.itc-chat-btn{bottom:72px}}
.itc-chat{
  display:none;position:fixed;inset:0;z-index:960;
  background:rgba(8,20,15,.6);padding:1rem;place-items:end center;
}
.itc-chat.is-open{display:grid}
.itc-chat__dialog{
  width:min(420px,100%);background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:1.1rem 1.2rem;box-shadow:var(--shadow);margin-bottom:5rem;
}
.itc-chat__dialog h3{margin:0 0 .4rem}
.itc-chat__dialog p{color:var(--text-muted);font-size:.92rem}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.itc-footer{background:var(--bg-deep);color:var(--text-on-deep);margin-top:var(--gap-sect);border-top:1px solid rgba(200,162,76,.35)}
.itc-footer__grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;
  padding-block:clamp(1.6rem,3.5vw,2.4rem);
}
@media (min-width:760px){.itc-footer__grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}}
.itc-footer__grid>*{min-width:0}
.itc-footer .itc-logo__mark{font-size:1.35rem}
.itc-footer__about{margin:.8rem 0 0;color:var(--text-on-deep-muted);font-size:.9rem;max-width:46ch}
.itc-footer__title{font-family:var(--font-data);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .7rem}
.itc-footer ul{list-style:none;padding:0;margin:0}
.itc-footer li{margin:0}
.itc-footer a{color:var(--text-on-deep-muted);text-decoration:none;display:block;padding:.28rem 0;font-size:.9rem}
.itc-footer a:hover{color:var(--accent)}
.itc-footer .itc-logo__img{display:block;height:40px;width:auto;object-fit:contain}
.itc-footer__disclaimer{
  border-top:1px solid rgba(238,241,238,.16);padding-block:1.1rem;
  display:flex;flex-direction:column;gap:.6rem;
}
.itc-footer__disclaimer p{margin:0;font-size:.8rem;line-height:1.6;color:var(--text-on-deep-muted)}
.itc-footer__flags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.itc-flag{
  font-family:var(--font-data);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--accent);color:var(--accent);border-radius:var(--r-sm);padding:.2rem .5rem;
}
.itc-footer__bottom{
  border-top:1px solid rgba(238,241,238,.16);padding-block:1rem;
  display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;justify-content:space-between;align-items:center;
  font-size:.8rem;color:var(--text-on-deep-muted);
}
.itc-footer__bottom a{display:inline;padding:0}

/* ---------- misc ---------- */
.itc-note{
  border:1px solid var(--border);border-inline-start:var(--rail) solid var(--accent-2);
  background:var(--bg-alt);border-radius:0 var(--r-md) var(--r-md) 0;padding:.9rem 1.05rem;font-size:.92rem;
}
.itc-note p:last-child{margin-bottom:0}
.itc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .itc-feature:hover{transform:none}
}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.itc-footer .itc-logo__img{filter:none;background:transparent;padding:0}
.itc-footer .itc-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.itc-logo__img{object-fit:contain}
/* sa-ph-media */
.itc-page-header:has(.itc-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.itc-page-header:has(.itc-hero__img) .itc-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.itc-page-header:has(.itc-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.itc-page-header:has(.itc-hero__img)>:not(.itc-hero__img)){position:relative}
.itc-page-header:has(.itc-hero__img)>:not(.itc-hero__img){z-index:2}
.itc-page-header:has(.itc-hero__img),.itc-page-header:has(.itc-hero__img) h1,.itc-page-header:has(.itc-hero__img) a,.itc-page-header:has(.itc-hero__img) p,.itc-page-header:has(.itc-hero__img) li,.itc-page-header:has(.itc-hero__img) span{color:#fff}
/* sa-hero-media */
.itc-hero:has(>.itc-hero__img){position:relative;isolation:isolate}
.itc-hero:has(>.itc-hero__img)>.itc-hero__img{z-index:0}
.itc-hero:has(>.itc-hero__img)::after{z-index:1}
:where(.itc-hero:has(>.itc-hero__img)>:not(.itc-hero__img)){position:relative}
.itc-hero:has(>.itc-hero__img)>:not(.itc-hero__img){z-index:2}
/* sa-rhythm */
:where(.itc-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.itc-table-wrap)+p{margin-block-start:1rem}
/* sa-slot-link */
.itc-rtp-item,.itc-rtp-item:hover,.itc-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
/* sa-rtp-touch */
.itc-rtp-item__thumb{display:block}
@media (hover:none){.itc-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.itc-rtp-item__thumb img{height:auto}.itc-rtp-tooltip{position:static;opacity:1;background:transparent;border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.itc-rtp-item__name{padding-top:.35rem}}
/* sa-sticky-pad */

/* ==========================================================================
   REVISIONE UX/UI — contrasto, ritmo verticale, tocco, tabelle su mobile
   ========================================================================== */

/* --- 1. contrasto: l'oro #C8A24C su fondo chiaro dà 2,4:1 (serve 4,5:1).
       Su fondo scuro resta l'oro pieno; su fondo chiaro passa a un oro
       profondo — stessa famiglia cromatica, ma 5,9:1 su bianco, 5,1:1 su
       --bg-main e 4,8:1 su --bg-alt: passa su tutti i fondi chiari. --- */
:root{--accent-ink:#7E5F18}

.itc-eyebrow{color:var(--accent-ink)}
.itc-eyebrow::before{background:var(--accent-ink)}
.itc-icon,.itc-feature .itc-icon{color:var(--accent-ink)}
.itc-icon--pos{color:var(--positive)}
.itc-icon--neg{color:var(--accent-2)}
.itc-steps>li::before,.itc-numbered>li::before{color:var(--accent-ink);border-color:var(--accent-ink)}
.itc-faq summary::before{color:var(--accent-ink)}
.itc-legal h2::before{color:var(--accent-ink)}
.itc-prose ul li::marker{color:var(--accent-ink)}
.itc-legal a,.itc-card a{text-decoration-color:var(--accent-ink)}
:focus-visible{outline-color:var(--accent-ink)}
/* barra di valutazione: oro chiaro su traccia chiara era 1,9:1 — illeggibile */
.itc-bar__fill{background:linear-gradient(90deg,var(--accent),var(--accent-ink))}
.itc-bar__track{background:#DADEDA}
/* contesti su fondo scuro: l'oro pieno resta (6,5:1) */
.itc-cta .itc-eyebrow,.itc-hero--inner .itc-eyebrow,.itc-footer .itc-eyebrow{color:var(--accent)}
.itc-cta .itc-eyebrow::before,.itc-hero--inner .itc-eyebrow::before{background:var(--accent)}
.itc-cta .itc-icon,.itc-hero--inner .itc-icon,.itc-header .itc-icon,.itc-footer .itc-icon{color:var(--accent)}

/* --- 2. tipografia: le micro-etichette scendevano a 9,6–11,2px; ora il testo
       informativo parte da ~12px (la sola firma sotto il logo resta minore) --- */
.itc-eyebrow{font-size:.75rem}
.itc-label,.itc-breadcrumb,.itc-panel__title,.itc-footer__title{font-size:.76rem}
.itc-verdict__cap{font-size:.74rem}
.itc-quote footer,.itc-quote__meta,.itc-author__role,.itc-author__meta,.itc-flag{font-size:.75rem}
.itc-logo__sub{font-size:.66rem}
.itc-tile__label{font-size:.78rem}
.itc-cta__fine,.itc-footer__disclaimer p,.itc-footer__bottom{font-size:.82rem}
.itc-updated,small{font-size:.8rem}
/* leggibilità del testo secondario su fondo verde */
.itc-cta p,.itc-cta__fine,.itc-footer__about,.itc-footer__disclaimer p{color:#C4CFC7}

/* --- 3. ritmo verticale: i pannelli-sezione quasi si toccavano
       (13,6px di stacco contro 22–37px di padding interno) --- */
:root{--gap-sect:clamp(1.25rem,2.6vw,1.9rem)}
/* l'ultimo elemento non deve gonfiare il fondo del pannello (padding asimmetrico) */
.itc-section>.itc-container>:last-child,
.itc-hero__inner>:last-child,
.itc-cta__inner>:last-child,
.itc-panel>:last-child,.itc-card>:last-child,.itc-feature>:last-child,
.itc-note>:last-child,.itc-quote>:last-child,.itc-tile>:last-child,
.itc-proscons__col>:last-child,.itc-verdict>*>:last-child,
.itc-prose>:last-child,.itc-legal>:last-child,
.itc-two>article>:last-child,.itc-author>:last-child{margin-bottom:0}
/* blocchi che si toccavano dentro i pannelli */
.itc-tiles+*,.itc-facts+*,.itc-checklist+*,.itc-bars+*,.itc-table-wrap+.itc-label{margin-top:1rem}
.itc-panel>h3+.itc-checklist,.itc-panel>p+.itc-checklist{margin-top:.75rem}
.itc-section__head+*{margin-top:var(--gap-in)}
.itc-quotes+.itc-note,.itc-features+.itc-label,.itc-steps+.itc-label{margin-top:var(--gap-in)}

/* --- 3b. blocchi invisibili: nelle sezioni --alt il contenitore è già
       --bg-alt, quindi citazioni, note, box autore e card (anch'essi --bg-alt)
       sparivano nel fondo, restava solo il filetto. Come già fatto per
       .itc-panel/.itc-feature/.itc-stat, passano a --bg-card. --- */
.itc-section--alt .itc-quote,
.itc-section--alt .itc-note,
.itc-section--alt .itc-author,
.itc-section--alt .itc-card,
.itc-section--alt .itc-toc{background:var(--bg-card)}

/* --- 4. area di tocco: sotto i 44px molti target erano difficili da premere --- */
.itc-footer a{padding:.42rem 0}
.itc-breadcrumb ol{gap:.5rem}
.itc-breadcrumb a{display:inline-block;padding:.3rem 0}
.itc-cats a,.itc-cats span{padding:.45rem .85rem}
.itc-faq summary{padding:1.05rem 0}

/* --- 5. tabelle su mobile: `overflow-wrap:anywhere` azzerava la larghezza
       minima e le colonne si schiacciavano a 2–3 caratteri invece di
       scorrere. `break-word` spezza solo le parole troppo lunghe. --- */
body{overflow-wrap:break-word}
.itc-table{min-width:34rem}
.itc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.itc-table td,.itc-table th{hyphens:auto}

/* --- 5b. salto al contenuto (visibile solo da tastiera) + ancore sotto la
       barra sticky quando si arriva da un altro documento --- */
.itc-skip{
  position:fixed;inset-inline-start:.6rem;top:-4rem;z-index:1000;
  background:var(--bg-card);color:var(--text-main);
  border:1px solid var(--accent-ink);border-radius:var(--r-md);
  padding:.7rem 1.1rem;text-decoration:none;font-weight:650;font-size:.95rem;
  box-shadow:var(--shadow);transition:top .16s ease;
}
.itc-skip:focus{top:.6rem}
[id]{scroll-margin-top:calc(var(--hdr-h) + .75rem)}

/* --- 6. classi rimaste senza stile nel markup generato --- */
.itc-icon--half{opacity:.45}
.itc-icon--empty{opacity:.26}
/* la scala del punteggio esplicita: 8,5/10 e 3,8/5 non si confondono più */
.itc-tile__unit{font-size:.62em;color:var(--text-muted);font-weight:400}
.itc-byline{font-size:.9rem;color:var(--text-on-deep-muted)}
.itc-authorbox{
  margin-top:1.8em;border:1px solid var(--border);
  border-inline-start:var(--rail) solid var(--accent);
  border-radius:0 var(--r-md) var(--r-md) 0;
  padding:1rem 1.15rem;background:var(--bg-alt);
}
.itc-authorbox h2{margin-top:0;font-size:1.05rem}
.itc-authorbox h2::before{content:none}
.itc-authorbox p{font-size:.92rem;color:var(--text-muted)}
.itc-authorbox p:last-child{margin-bottom:0}

/* --- 7. header su mobile: senza il menu (display:none) cadeva anche il suo
       `margin-inline-start:auto`, quindi logo/CTA/burger si ammassavano a
       sinistra lasciando un vuoto a destra. --- */
@media (max-width:900px){
  .itc-header__cta{margin-inline-start:auto;min-height:44px;padding-inline:.9rem}
  .itc-burger{margin-inline-start:.15rem}
  .itc-footer a{padding:.55rem 0}
}
/* --- 8. la barra sticky e le fasce hero interne sono entrambe --bg-deep e si
       confondevano: filetto oro più marcato + ombra sotto la barra --- */
.itc-header{border-bottom-width:2px;box-shadow:0 10px 22px -18px rgba(0,0,0,.85)}

/* --- 9. pagina «Gioco responsabile»: nessun invito ad aprire un conto
       accanto ai contenuti sulla dipendenza. Per togliere la regola basta
       eliminare queste due righe (e la classe sul <body> di quella pagina). --- */
.itc-page--rg .itc-header__cta{display:none}
/* senza la CTA cade il suo margin auto: lo passa il burger */
@media (max-width:900px){.itc-page--rg .itc-burger{margin-inline-start:auto}}

@media (max-width:560px){
  .itc-header__bar{gap:.5rem}
  .itc-header__cta{font-size:.8rem;padding-inline:.75rem}
  .itc-logo__mark{font-size:1.1rem}
  /* pannelli annidati dentro card già spaziate: meno padding doppio */
  .itc-verdict{padding-inline:.9rem}
  .itc-panel,.itc-proscons__col,.itc-feature,.itc-card,.itc-author,.itc-note{padding-inline:.95rem}
  .itc-table th,.itc-table td{padding:.6rem .7rem}
}
