/* ══════════════════════════════════════════════════════════════════════════
   Intesa Grandi Impianti — Blog "Tesa lo sa" (Lista + Articolo)
   Porting design Claude (ui_kits/sito/blog.html + articolo.html) → baresto.
   Header/footer/mobmenu = chrome igi condivisa (index.php, $igi_chrome).
   Font del SITO: Barlow (il design usava Archivo come stand-in). Palette design.
   Caricato SOLO sulle pagine blog → gli override di .igi-header sono page-scoped.
   ══════════════════════════════════════════════════════════════════════════ */
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Semi+Condensed:wght@600;700&display=swap");

:root {
  --igb-verde:      #0f5334;   /* verde profondo blog: badge, bottoni, accenti */
  --igb-titolo:     #1d4a35;   /* titoli hero/box */
  --igb-verde2:     #2ca24e;   /* verde brand (chip/hover) */
  --igb-ink:        #0a100d;   /* testo titolo scuro */
  --igb-body:       #3d423f;   /* testo corpo */
  --igb-muto:       #6b706d;   /* testo secondario */
  --igb-bordo:      #e2e5e1;   /* bordi card */
  --igb-bg:         #fbfbfb;   /* fondo pagina */
  --igb-card-shadow:0 10px 30px rgba(10,16,13,.08);
}

.igb { font-family:'Barlow',sans-serif; color:var(--igb-body); background:var(--igb-bg); overflow-x:clip; }
.igb *, .igb *::before, .igb *::after { box-sizing:border-box; }
.igb-wrap { max-width:1240px; margin:0 auto; }
.igb-pad { padding-left:clamp(20px,4vw,40px); padding-right:clamp(20px,4vw,40px); }
.igb h1,.igb h2,.igb h3,.igb h4 { font-family:'Barlow',sans-serif; margin:0; }
.igb img { max-width:100%; }

/* ── Header page-scoped: solido + sticky (hero blog e' chiaro) ──────────────── */
.igi-header { position:sticky !important; background:#0a100d !important; box-shadow:0 2px 20px rgba(0,0,0,.16); }

/* ══════════════════════ LISTA ══════════════════════════════════════════════ */
/* Hero */
.igb-hero { padding:clamp(40px,5vw,64px) 0 0; }
.igb-hero-in { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.igb-hero h1 { font-size:clamp(46px,6vw,76px); font-weight:800; letter-spacing:-.01em; line-height:1.02; color:var(--igb-titolo); }
.igb-hero p { margin:22px 0 0; font-size:clamp(16px,1.3vw,19px); line-height:1.5; color:var(--igb-body); max-width:430px; }
.igb-hero-img { position:relative; min-height:280px; }
.igb-hero-img img { position:relative; width:100%; max-width:560px; display:block; margin:0 auto; }

/* Ricerca */
.igb-search-sec { position:relative; margin-top:clamp(24px,3vw,44px); }
.igb-search { background:#fff; border:1px solid var(--igb-bordo); border-radius:14px; box-shadow:var(--igb-card-shadow); padding:20px; position:relative; z-index:1; }
.igb-search-row { display:flex; gap:10px; }
.igb-search-field { flex:1; display:flex; align-items:center; gap:12px; border:1px solid var(--igb-bordo); border-radius:8px; padding:0 16px; }
.igb-search-field svg { flex-shrink:0; color:var(--igb-muto); }
.igb-search-field input { flex:1; border:none; outline:none; font-family:'Barlow',sans-serif; font-size:16px; padding:15px 0; color:var(--igb-body); background:transparent; min-width:0; }
.igb-search-btn { background:var(--igb-verde); color:#fff; border:none; border-radius:8px; width:56px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s ease; }
.igb-search-btn:hover { background:#0c421f; }
.igb-chips { display:flex; gap:8px; margin-top:14px; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; padding-bottom:2px; }
.igb-chips::-webkit-scrollbar { display:none; }
.igb-chip { white-space:nowrap; display:inline-flex; align-items:center; gap:6px; border:1px solid var(--igb-bordo); border-radius:999px; padding:8px 14px; font-size:13px; color:var(--igb-body); text-decoration:none; background:#fff; transition:border-color .2s ease, color .2s ease; }
.igb-chip::before { content:"\25C6"; color:var(--igb-verde); font-size:10px; }
.igb-chip:hover, .igb-chip.is-active { border-color:var(--igb-verde); color:var(--igb-verde); }

/* Contenuti (2 colonne) */
.igb-main { padding:clamp(24px,3vw,28px) 0 clamp(60px,7vw,80px); }
.igb-cols { display:grid; grid-template-columns:1fr 360px; gap:28px; align-items:start; }

/* Articolo in evidenza */
.igb-feat { position:relative; border-radius:14px; overflow:hidden; min-height:400px; display:flex; align-items:flex-end; text-decoration:none; }
.igb-feat img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.igb-feat-ov { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.25) 100%); }
.igb-feat-body { position:relative; padding:36px 32px; width:100%; }
.igb-badge { display:inline-block; background:var(--igb-verde); color:#fff; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; border-radius:999px; padding:6px 14px; }
.igb-feat h2 { margin:18px 0 12px; font-size:clamp(26px,3vw,38px); font-weight:800; line-height:1.15; color:#fff; max-width:640px; }
.igb-feat p { margin:0 0 22px; font-size:16px; line-height:1.5; color:rgba(255,255,255,.9); max-width:440px; }
.igb-feat-foot { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.igb-feat-meta { display:flex; align-items:center; gap:14px; color:rgba(255,255,255,.85); font-size:13.5px; }
.igb-feat-meta .sep { opacity:.5; }
.igb-feat-cta { display:inline-flex; align-items:center; gap:8px; background:var(--igb-verde); color:#fff; font-size:15px; font-weight:600; border-radius:8px; padding:13px 20px; text-decoration:none; transition:background .2s ease; }
.igb-feat-cta:hover { background:#0c421f; color:#fff; }

.igb-sec-title { margin:36px 0 18px; font-size:clamp(21px,2vw,24px); font-weight:800; color:var(--igb-ink); }

/* Griglia articoli */
.igb-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.igb-card { background:#fff; border:1px solid var(--igb-bordo); border-radius:12px; overflow:hidden; box-shadow:var(--igb-card-shadow); display:flex; flex-direction:column; text-decoration:none; transition:transform .25s ease, box-shadow .25s ease; }
.igb-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(10,16,13,.14); }
.igb-card-img { width:100%; height:160px; object-fit:cover; display:block; background:#eef0ee; }
.igb-card-body { padding:20px 22px 18px; display:flex; flex-direction:column; flex:1; }
.igb-card-cat { font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--igb-verde); }
.igb-card h3 { margin:10px 0; font-size:19px; font-weight:700; line-height:1.3; color:var(--igb-ink); }
.igb-card p { margin:0; font-size:14px; line-height:1.55; color:var(--igb-muto); flex:1; }
.igb-card-foot { display:flex; align-items:center; justify-content:space-between; margin-top:18px; border-top:1px solid var(--igb-bordo); padding-top:14px; font-size:13px; color:var(--igb-muto); }
.igb-card-foot .arr { color:var(--igb-verde); font-size:16px; }

.igb-empty { padding:40px 0; text-align:center; color:var(--igb-muto); font-size:16px; }

/* Paginazione */
.igb-pager { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:44px 0 0; }
.igb-pager a, .igb-pager span { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 14px; border-radius:8px; font-size:14px; font-weight:700; text-decoration:none; border:1px solid var(--igb-bordo); color:var(--igb-muto); background:#fff; transition:all .2s ease; }
.igb-pager a:hover { border-color:var(--igb-verde); color:var(--igb-verde); }
.igb-pager span.current { background:var(--igb-verde); border-color:var(--igb-verde); color:#fff; }

/* Sidebar */
.igb-aside { display:flex; flex-direction:column; gap:20px; }
.igb-aside h3 { font-size:20px; font-weight:800; color:var(--igb-ink); }
.igb-side-card { background:#fff; border:1px solid var(--igb-bordo); border-radius:12px; padding:24px; }
.igb-side-card h3 { margin:0 0 16px; }
/* Chiedi a Tesa */
.igb-tesa-box { background:#eef2ef; border-radius:12px; padding:24px 0 0 24px; display:grid; grid-template-columns:1fr auto; gap:8px; overflow:hidden; }
.igb-tesa-box .igb-tesa-txt { padding-bottom:24px; }
.igb-tesa-box h3 { margin:0; font-size:22px; font-weight:800; color:var(--igb-titolo); }
.igb-tesa-box p { margin:12px 0 18px; font-size:14.5px; line-height:1.45; color:var(--igb-body); }
.igb-tesa-box img { width:118px; align-self:end; display:block; }
.igb-btn-solid { display:inline-flex; align-items:center; gap:8px; background:var(--igb-verde); color:#fff !important; font-size:14px; font-weight:600; border-radius:8px; padding:12px 18px; text-decoration:none; transition:background .2s ease; }
.igb-btn-solid:hover { background:#0c421f; }
/* Guide piu lette */
.igb-list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:14px; }
.igb-list li { display:flex; gap:14px; align-items:baseline; }
.igb-list .n { font-weight:800; color:var(--igb-verde); font-size:15px; }
.igb-list a { font-size:14.5px; line-height:1.4; color:var(--igb-body); text-decoration:none; }
.igb-list a:hover { color:var(--igb-verde); }
/* Correlati sidebar */
.igb-side-links { display:flex; flex-direction:column; gap:14px; }
.igb-side-links a { display:flex; gap:10px; font-size:14.5px; line-height:1.45; color:var(--igb-body); text-decoration:none; }
.igb-side-links a .c { color:var(--igb-verde); }
.igb-side-links a:hover { color:var(--igb-verde); }
/* Box selection */
.igb-sel-box { background:#e7f6eb; border-radius:12px; padding:24px; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; }
.igb-sel-box h3 { margin:0; font-size:20px; font-weight:800; color:var(--igb-titolo); }
.igb-sel-box p { margin:10px 0 14px; font-size:14px; line-height:1.45; color:var(--igb-body); }
.igb-sel-box a.more { font-size:14px; font-weight:700; color:var(--igb-titolo); text-decoration:underline; }
.igb-sel-box img { width:90px; opacity:.85; }

/* ══════════════════════ ARTICOLO ═══════════════════════════════════════════ */
.igb-art { padding:0 0 0; }
.igb-breadcrumb { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:22px 0; }
.igb-breadcrumb a { font-size:14px; color:var(--igb-body); text-decoration:none; }
.igb-breadcrumb a:first-child { font-weight:700; color:var(--igb-ink); }
.igb-breadcrumb a:hover { color:var(--igb-verde); }
.igb-breadcrumb .sep { color:var(--igb-muto); font-size:13px; }
.igb-breadcrumb .cur { font-size:14px; color:var(--igb-muto); }

.igb-art-cols { display:grid; grid-template-columns:1fr 360px; gap:28px; align-items:start; }
.igb-art-main { min-width:0; }

/* Hero articolo */
.igb-ahero { position:relative; border-radius:14px; overflow:hidden; min-height:320px; display:flex; align-items:flex-end; background:#0a100d; }
.igb-ahero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.igb-ahero-ov { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.6)); }
.igb-ahero-body { position:relative; padding:30px 34px; }
.igb-ahero h1 { margin:18px 0 6px; font-size:clamp(30px,4vw,42px); font-weight:800; line-height:1.15; color:#fff !important; max-width:640px; }

/* Intro Tesa */
.igb-intro { display:flex; align-items:center; gap:18px; background:#eef4ee; border-radius:14px; padding:16px 22px; margin:20px 0 0; max-width:700px; }
.igb-intro-av { width:76px; height:76px; border-radius:50%; background:#dcebde; flex-shrink:0; overflow:hidden; display:flex; align-items:flex-start; justify-content:center; }
.igb-intro-av img { width:58px; margin-top:6px; }
.igb-intro p { margin:0; font-size:15.5px; line-height:1.55; color:var(--igb-body); }

/* Meta row */
.igb-meta { display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding:22px 0; border-bottom:1px solid var(--igb-bordo); margin-bottom:30px; }
.igb-meta .m { display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--igb-body); }
.igb-meta .vdiv { width:1px; height:18px; background:var(--igb-bordo); }
.igb-meta .grow { flex:1; }
.igb-meta a.m { font-weight:600; text-decoration:none; color:var(--igb-body); }
.igb-meta a.m:hover { color:var(--igb-verde); }

/* corpo + indice */
.igb-body-grid { display:grid; grid-template-columns:250px 1fr; gap:34px; align-items:start; }
.igb-toc { position:sticky; top:100px; }
.igb-toc-card { border:1px solid var(--igb-bordo); border-radius:12px; background:#fff; padding:22px 24px; }
.igb-toc-card .lbl { font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--igb-ink); margin-bottom:14px; }
.igb-toc-list { display:flex; flex-direction:column; gap:12px; }
.igb-toc-list a { font-size:14.5px; line-height:1.35; color:var(--igb-body); text-decoration:none; }
.igb-toc-list a:hover, .igb-toc-list a.is-active { color:var(--igb-verde); }

.igb-content { min-width:0; font-size:16px; line-height:1.7; color:var(--igb-body); overflow-wrap:anywhere; }
.igb-content > *:first-child { margin-top:0; }
/* Safety: il corpo e' HTML grezzo dal DB → contieni media/tabelle larghe (no scroll orizzontale pagina) */
.igb-content img, .igb-content video, .igb-content iframe, .igb-content table { max-width:100%; }
.igb-content iframe { width:100%; }
.igb-content table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.igb-content h2 { font-size:clamp(22px,2.2vw,27px); font-weight:800; color:var(--igb-verde); margin:34px 0 14px; scroll-margin-top:100px; }
.igb-content h3 { font-size:21px; font-weight:700; color:var(--igb-ink); margin:26px 0 12px; scroll-margin-top:100px; }
.igb-content p { margin:0 0 18px; }
.igb-content a { color:var(--igb-verde); font-weight:600; }
.igb-content a:hover { color:#0c421f; }
.igb-content img { border-radius:8px; margin:18px 0; height:auto; }
.igb-content ul, .igb-content ol { margin:0 0 18px 22px; }
.igb-content li { margin-bottom:8px; }
.igb-content blockquote { border-left:4px solid var(--igb-verde); padding:6px 0 6px 20px; margin:24px 0; color:var(--igb-muto); font-style:italic; }

/* Consiglio Tesa (opzionale) */
.igb-consiglio { display:flex; gap:20px; align-items:center; background:#eef4ee; border:1px solid #dce8dd; border-radius:14px; padding:22px 26px; margin:28px 0; }
.igb-consiglio-av { width:96px; height:96px; border-radius:50%; background:#fff; flex-shrink:0; overflow:hidden; display:flex; justify-content:center; }
.igb-consiglio-av img { height:110px; margin-top:6px; }
.igb-consiglio .t { font-size:18px; font-weight:800; color:var(--igb-titolo); margin-bottom:8px; }
.igb-consiglio p { margin:0; font-size:15px; line-height:1.55; color:var(--igb-body); max-width:520px; }

/* Sidebar articolo */
.igb-art-aside { display:flex; flex-direction:column; gap:18px; position:sticky; top:100px; }
.igb-readbar { border:1px solid var(--igb-bordo); border-radius:12px; background:#fff; padding:18px 20px; }
.igb-readbar-top { display:flex; justify-content:space-between; font-size:14px; color:var(--igb-body); margin-bottom:10px; }
.igb-readbar-track { height:6px; border-radius:999px; background:var(--igb-bordo); overflow:hidden; }
.igb-readbar-fill { height:100%; width:0; background:var(--igb-verde); border-radius:999px; transition:width .2s; }
.igb-readbar-pct { text-align:right; font-size:13px; color:var(--igb-muto); margin-top:6px; }

/* CTA Hai un progetto */
.igb-cta { background:var(--igb-verde); border-radius:14px; padding:26px 0 0 26px; color:#fff; overflow:hidden; display:grid; grid-template-columns:1fr auto; gap:6px; }
.igb-cta .igb-cta-txt { padding-bottom:26px; }
.igb-cta h3 { margin:0; font-size:24px; font-weight:800; color:#fff; }
.igb-cta p { margin:12px 0 18px; font-size:14.5px; line-height:1.5; color:rgba(255,255,255,.9); }
.igb-cta a.btn { display:inline-block; background:#fff; color:var(--igb-titolo) !important; font-weight:700; font-size:14px; border-radius:8px; padding:13px 18px; text-decoration:none; }
.igb-cta a.btn:hover { background:#eef4ee; }
.igb-cta img { width:120px; align-self:end; display:block; }
.igb-cta.igb-cta-lg { border-radius:16px; padding:36px 0 0 40px; }
.igb-cta.igb-cta-lg h3 { font-size:clamp(26px,3vw,34px); }
.igb-cta.igb-cta-lg p { margin:14px 0 22px; font-size:16px; }
.igb-cta.igb-cta-lg a.btn { font-size:15px; padding:15px 22px; }
.igb-cta.igb-cta-lg img { width:180px; margin-right:30px; }

/* Correlati (bottom) */
.igb-bottom { display:grid; grid-template-columns:1fr 1.1fr; gap:40px; align-items:start; padding:60px 0 80px; border-top:1px solid var(--igb-bordo); margin-top:50px; }
.igb-rel h2 { margin:0 0 22px; font-size:clamp(22px,2.2vw,26px); font-weight:800; color:var(--igb-ink); }
.igb-rel-list { display:flex; flex-direction:column; gap:18px; }
.igb-rel-card { display:grid; grid-template-columns:112px 1fr; gap:18px; text-decoration:none; background:#fff; border:1px solid var(--igb-bordo); border-radius:12px; overflow:hidden; transition:box-shadow .2s ease; }
.igb-rel-card:hover { box-shadow:var(--igb-card-shadow); }
.igb-rel-card img { width:112px; height:100%; object-fit:cover; display:block; background:#eef0ee; }
.igb-rel-card .b { padding:14px 16px 14px 0; display:flex; flex-direction:column; }
.igb-rel-card .cat { font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--igb-verde); }
.igb-rel-card .ttl { font-size:15.5px; font-weight:700; line-height:1.35; color:var(--igb-ink); margin:6px 0; flex:1; }
.igb-rel-card .foot { display:flex; justify-content:space-between; font-size:13px; color:var(--igb-muto); }
.igb-rel-card .foot .arr { color:var(--igb-verde); }

/* ══════════════════════ RESPONSIVE ═════════════════════════════════════════ */
@media (max-width:980px) {
  .igb-cols { grid-template-columns:1fr; }
  .igb-art-cols { grid-template-columns:1fr; }
  .igb-art-aside { position:static; }
  .igb-body-grid { grid-template-columns:1fr; }
  .igb-toc { position:static; }
  .igb-bottom { grid-template-columns:1fr; gap:28px; padding:40px 0 60px; }
}
@media (max-width:760px) {
  .igb-hero-in { grid-template-columns:1fr; gap:20px; }
  .igb-hero-img { order:-1; }
  .igb-hero-img img { max-width:360px; }
  .igb-grid { grid-template-columns:1fr; }
  .igb-feat { min-height:320px; }
  .igb-feat-body { padding:24px 22px; }
  /* Testo feat wrappa a piena larghezza → gradiente verticale per contrasto (l'orizzontale lascia il testo su fondo chiaro) */
  .igb-feat-ov { background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.82) 100%); }
  .igb-intro { flex-direction:column; align-items:flex-start; }
  /* Meta articolo: niente spacer/divisori (wrappano male); social = tap target ≥40px */
  .igb-meta { gap:10px 12px; }
  .igb-meta .grow, .igb-meta .vdiv { display:none; }
  .igb-meta a.m { min-width:40px; min-height:40px; justify-content:center; padding:0 12px; border:1px solid var(--igb-bordo); border-radius:8px; }
  .igb-meta a.m:hover { border-color:var(--igb-verde); }
  .igb-cta.igb-cta-lg { padding:26px 0 0 26px; }
  .igb-cta.igb-cta-lg img { width:120px; margin-right:0; }
}
/* ════════════════════════════════════════════════════════════════════════
   REDESIGN mobile (<=600px) — stile "app bold 2026". Type-forward: immagini
   (banner promo) rimosse, comandano colore+tipografia. Guida = card verde
   piena; articoli = card bold con pill categoria. (2026-07-15, approvato)
   ════════════════════════════════════════════════════════════════════════ */
@media (max-width:600px) {

  /* spaziature globali del blog */
  .igb-pad { padding-left:16px; padding-right:16px; }
  /* NB: usare padding-top/bottom, non lo shorthand → non azzerare i lati di .igb-pad */
  .igb-main { padding-top:16px; padding-bottom:48px; }

  /* ── HERO compatto ── */
  .igb-hero { padding-top:22px; padding-bottom:6px; }   /* non shorthand: preserva i lati di .igb-pad */
  .igb-hero-in { grid-template-columns:1fr; gap:0; }
  .igb-hero-in > div { order:2; }
  .igb-hero-img { order:1; min-height:0; margin-bottom:10px; }
  .igb-hero-img img { max-width:150px; margin:0; }
  .igb-hero h1 { font-size:38px; line-height:1; }
  .igb-hero h1::before {
    content:"IL BLOG DI INTESA"; display:block; font-size:11px; font-weight:700;
    letter-spacing:.16em; color:var(--igb-verde2); margin-bottom:8px; }
  .igb-hero p { font-size:15px; margin-top:12px; max-width:none; }

  /* ── RICERCA compatta ── */
  .igb-search-sec { margin-top:18px; }
  .igb-search { padding:12px; border-radius:14px; box-shadow:0 6px 18px rgba(10,16,13,.06); }
  .igb-search-field { padding:0 12px; border-radius:10px; }
  .igb-search-field input { font-size:15px; padding:13px 0; }
  .igb-search-btn { width:50px; border-radius:10px; }
  .igb-chips { margin-top:12px; gap:7px; }
  .igb-chip { padding:7px 13px; font-size:12.5px; }

  .igb-cols { grid-template-columns:1fr; gap:0; }

  /* ── GUIDA IN EVIDENZA — card verde piena, d'impatto (no immagine) ── */
  .igb-feat { position:relative; display:block; min-height:0; align-items:stretch; margin-bottom:8px;
    background:linear-gradient(150deg,#134e30 0%,#0f5334 55%,#0b3f27 100%);
    border-radius:24px; overflow:hidden; box-shadow:0 20px 44px rgba(15,83,52,.30); }
  .igb-feat img, .igb-feat-ov { display:none; }
  /* cerchio decorativo (profondità, look app) */
  .igb-feat::after { content:""; position:absolute; top:-70px; right:-60px; width:220px; height:220px;
    border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(60,194,98,.45), rgba(60,194,98,0) 70%); pointer-events:none; }
  .igb-feat-body { position:relative; z-index:1; padding:28px 22px 26px; }
  .igb-badge { background:rgba(255,255,255,.16); color:#fff; font-size:11px; letter-spacing:.14em; padding:7px 14px; }
  .igb-feat h2 { color:#fff; font-size:27px; line-height:1.16; margin:16px 0 10px; max-width:none; letter-spacing:-.01em; }
  .igb-feat p { color:rgba(255,255,255,.82); font-size:14.5px; line-height:1.5; margin:0 0 20px; max-width:none;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .igb-feat-foot { flex-direction:column; align-items:stretch; gap:16px; }
  .igb-feat-meta { color:rgba(255,255,255,.78); font-size:12.5px; gap:10px; }
  .igb-feat-cta { justify-content:center; background:#fff; color:var(--igb-verde);
    font-weight:700; padding:14px; font-size:15px; border-radius:12px; }
  .igb-feat-cta:hover { background:#eef4ee; color:var(--igb-verde); }

  /* ── titolo sezione ── (specificità .igb .igb-sec-title: batte '.igb h2{margin:0}' che azzerava i margini) */
  .igb .igb-sec-title { margin:46px 0 30px; font-size:20px; font-weight:800; display:flex; align-items:center; gap:10px; }
  .igb-sec-title::before { content:""; width:5px; height:22px; background:var(--igb-verde2); border-radius:3px; flex-shrink:0; }

  /* ── ALTRI ARTICOLI — card bold tipografiche (no immagine banner) ── */
  .igb-grid { grid-template-columns:1fr; gap:14px; }
  .igb-card { position:relative; display:block; background:#fff; border:1px solid var(--igb-bordo);
    border-radius:20px; padding:20px 20px 18px; box-shadow:0 6px 20px rgba(10,16,13,.05); overflow:visible; }
  .igb-card:hover { transform:none; box-shadow:0 12px 28px rgba(10,16,13,.10); }
  .igb-card-img { display:none; }                 /* banner brutti → via, comanda la tipografia */
  .igb-card-body { display:block; padding:0; }
  .igb-card-cat { display:inline-block; background:#e7f3ec; color:var(--igb-verde);
    padding:6px 13px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.08em; }
  .igb-card h3 { font-size:19px; font-weight:800; color:var(--igb-ink); line-height:1.28; margin:14px 0 0; letter-spacing:-.01em; }
  .igb-card p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    font-size:14px; line-height:1.5; color:var(--igb-muto); margin:10px 0 0; }
  .igb-card-foot { margin-top:18px; padding-top:16px; border-top:1px solid var(--igb-bordo);
    font-size:12.5px; color:var(--igb-muto); align-items:center; }
  .igb-card-foot .arr { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px;
    border-radius:50%; background:var(--igb-verde); color:#fff; font-size:15px; }

  /* ── paginazione ── */
  .igb-pager { margin-top:30px; gap:6px; }
  .igb-pager a, .igb-pager span { min-width:40px; height:40px; font-size:13.5px; border-radius:12px; }

  /* ── SIDEBAR → sezioni sotto, compatte ── */
  .igb-aside { gap:16px; margin-top:14px; }
  /* Chiedi a Tesa — orizzontale compatto, mascotte piccola */
  .igb-tesa-box { grid-template-columns:1fr 92px; align-items:center; padding:20px; gap:12px; border-radius:20px; }
  .igb-tesa-box .igb-tesa-txt { padding-bottom:0; }
  .igb-tesa-box h3 { font-size:19px; }
  .igb-tesa-box p { margin:6px 0 12px; font-size:13.5px; }
  .igb-tesa-box img { width:92px; align-self:center; }
  .igb-btn-solid { padding:11px 16px; font-size:13.5px; border-radius:12px; }
  /* Ultimi articoli */
  .igb-side-card { padding:22px; border-radius:20px; }
  .igb-side-card h3 { font-size:18px; margin-bottom:14px; }
  .igb-list { gap:13px; }
  .igb-list a { font-size:14px; }
  /* Intesa Selection — compatto */
  .igb-sel-box { padding:20px; border-radius:20px; grid-template-columns:1fr 64px; }
  .igb-sel-box h3 { font-size:18px; }
  .igb-sel-box p { font-size:13px; margin:8px 0 10px; }
  .igb-sel-box img { width:64px; }

  /* ══ ARTICOLO ══ */
  .igb-breadcrumb { padding:14px 0; gap:6px; font-size:12.5px; }
  .igb-breadcrumb a, .igb-breadcrumb .cur { font-size:12.5px; }
  .igb-breadcrumb .cur { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; max-width:180px; }
  .igb-art-cols { grid-template-columns:1fr; gap:0; }

  /* Hero articolo — card impilata */
  .igb-ahero { display:block; min-height:0; background:var(--igb-ink); border-radius:16px; align-items:stretch; }
  .igb-ahero img { position:relative; inset:auto; height:190px; }
  .igb-ahero-ov { display:none; }
  .igb-ahero-body { position:relative; padding:18px; }
  .igb-ahero h1 { font-size:23px; line-height:1.2; margin:10px 0 0; }

  /* Intro Tesa — compatta orizzontale */
  .igb-intro { flex-direction:row; align-items:center; gap:14px; padding:14px 16px; margin-top:16px; border-radius:14px; }
  .igb-intro-av { width:56px; height:56px; }
  .igb-intro-av img { width:44px; }
  .igb-intro p { font-size:14px; line-height:1.45; }

  /* Meta — pulita */
  .igb-meta { gap:10px 14px; padding:16px 0; margin-bottom:22px; }
  .igb-meta .grow, .igb-meta .vdiv { display:none; }
  .igb-meta .m { font-size:13px; }
  .igb-meta a.m { min-width:40px; min-height:40px; justify-content:center; padding:0 12px;
    border:1px solid var(--igb-bordo); border-radius:9px; font-weight:700; }

  /* ToC — accordion visivo collassato */
  .igb-body-grid { grid-template-columns:1fr; gap:0; }
  .igb-toc { position:static; margin-bottom:22px; }
  .igb-toc-card { padding:0; border-radius:14px; overflow:hidden; }
  .igb-toc-card .lbl { margin:0; padding:15px 18px; background:#f2f5f2;
    display:flex; align-items:center; justify-content:space-between; }
  .igb-toc-card .lbl::after { content:"\203A"; transform:rotate(90deg); font-size:18px; color:var(--igb-verde); }
  .igb-toc-list { padding:6px 18px 16px; gap:10px; }

  /* Corpo */
  .igb-content { font-size:16px; line-height:1.68; }
  .igb-content h2 { font-size:20px; margin:28px 0 12px; }
  .igb-content h3 { font-size:17.5px; }

  /* Sidebar articolo: readbar poco utile su mobile + CTA "Hai un progetto"
     duplicata (c'e' gia' quella grande in fondo) → nascondo l'intera aside */
  .igb-art-aside { display:none; }

  /* CTA — impilata, immagine piccola a lato */
  .igb-cta, .igb-cta.igb-cta-lg { grid-template-columns:1fr 96px; align-items:center; padding:20px; border-radius:16px; gap:12px; }
  .igb-cta .igb-cta-txt, .igb-cta.igb-cta-lg .igb-cta-txt { padding-bottom:0; }
  .igb-cta h3, .igb-cta.igb-cta-lg h3 { font-size:20px; }
  .igb-cta p, .igb-cta.igb-cta-lg p { font-size:13.5px; margin:8px 0 14px; }
  .igb-cta a.btn, .igb-cta.igb-cta-lg a.btn { font-size:14px; padding:12px 16px; }
  .igb-cta img, .igb-cta.igb-cta-lg img { width:96px; align-self:center; margin:0; }

  /* Correlati — card orizzontali (coerenti con la lista) */
  .igb-bottom { grid-template-columns:1fr; gap:24px; padding:32px 0 48px; margin-top:32px; }
  .igb-rel h2 { font-size:20px; margin-bottom:16px; }
  .igb-rel-list { gap:12px; }
  .igb-rel-card { grid-template-columns:96px 1fr; border-radius:14px; }
  .igb-rel-card img { width:96px; }
  .igb-rel-card .b { padding:12px 14px 12px 0; }
  .igb-rel-card .ttl { font-size:14.5px; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
}