/* vi-article-comparison-c.v1.css */

.vi-article-style.vi-article-style-comparison-c .vi-compare-layout {
  width: min(100%, 1080px);
  margin: 0 auto;
  padding: 0 0 3rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-hero {
  display: grid;
  gap: 1.25rem;
  align-items: center;
  padding-top: 1.25rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-hero__content {
  min-width: 0;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-hero__media {
  margin: 0;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-hero__media picture,
.vi-article-style.vi-article-style-comparison-c .vi-compare-hero__media img {
  display: block;
  width: 100%;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-hero__media img {
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,0.08);
  background: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-kicker {
  margin: 0 0 0.7rem;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.82;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-hero h1 {
  margin: 0;
  line-height: 1.08;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-updated {
  margin-top: 0.85rem;
  font-size: 0.95rem;
  opacity: 0.82;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-band {
  display: grid;
  gap: 1rem;
  margin-top: 1.45rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card {
  padding: 1rem 1.1rem;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  background: rgba(0,0,0,0.02);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card h2 {
  margin: 0 0 0.55rem;
  font-size: 1.02rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-lead {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.65;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body {
  margin-top: 1.8rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body > * + * {
  margin-top: 1.15rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-grid {
  display: grid;
  gap: 1rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-card {
  padding: 1rem 1.1rem;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  background: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-card h3 {
  margin-top: 0;
  margin-bottom: 0.7rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap {
  overflow-x: auto;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  background: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th,
.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap td {
  padding: 0.8rem;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  text-align: left;
  vertical-align: top;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap thead th {
  font-weight: 700;
  background: rgba(0,0,0,0.02);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-verdict {
  padding: 1rem 1.1rem;
  border-left: 4px solid rgba(0,0,0,0.25);
  background: rgba(0,0,0,0.03);
  border-radius: 12px;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-faq {
  margin-top: 2rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-faq details {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  background: #fff;
  padding: 0.85rem 1rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-faq details + details {
  margin-top: 0.8rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-faq summary {
  cursor: pointer;
  font-weight: 700;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-faq details p {
  margin: 0.75rem 0 0;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-method {
  margin-top: 2rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  background: rgba(0,0,0,0.02);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-method h2 {
  margin-top: 0;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-related {
  margin-top: 2.2rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-related ul {
  margin: 0.7rem 0 0;
  padding-left: 1.1rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-related li + li {
  margin-top: 0.45rem;
}

@media (min-width: 860px) {
  .vi-article-style.vi-article-style-comparison-c .vi-compare-hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-summary-band {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* === Vero INCI — comparison-c spacing/readability R02 === */
.vi-article-style.vi-article-style-comparison-c .guide-page {
  padding-left: 1rem;
  padding-right: 1rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-layout {
  padding-left: .75rem;
  padding-right: .75rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-hero__content,
.vi-article-style.vi-article-style-comparison-c .vi-compare-verdict,
.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card,
.vi-article-style.vi-article-style-comparison-c .vi-compare-decision-note,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body,
.vi-article-style.vi-article-style-comparison-c .vi-compare-method {
  padding-left: clamp(1.15rem, 2vw, 1.65rem);
  padding-right: clamp(1.15rem, 2vw, 1.65rem);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  overflow: hidden;
  border: 1px solid rgba(16, 51, 43, .14);
  border-radius: 1rem;
  background: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body th,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body td {
  padding: .85rem;
  border-bottom: 1px solid rgba(16, 51, 43, .10);
  text-align: left;
  vertical-align: top;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body th {
  color: #123b31;
  background: rgba(16, 51, 43, .055);
  font-weight: 900;
}

@media (max-width: 640px) {
  .vi-article-style.vi-article-style-comparison-c .guide-page {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-layout {
    padding-left: 0;
    padding-right: 0;
  }
}

/* === Vero INCI — comparison-c authority/readability R03 === */
.vi-article-style.vi-article-style-comparison-c .vi-compare-layout {
  max-width: 1100px;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body {
  padding-top: 1.15rem;
  padding-bottom: 1.25rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section {
  margin-top: 1.25rem;
  padding: clamp(1.05rem, 2vw, 1.45rem);
  border: 1px solid rgba(16, 51, 43, .12);
  border-radius: 1.05rem;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 26px rgba(16, 51, 43, .045);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:first-child {
  margin-top: 0;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body h2 {
  margin-top: 0;
  color: #10332b;
  letter-spacing: -.015em;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body h3 {
  color: #123b31;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body p,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body li {
  line-height: 1.72;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body ul,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body ol {
  padding-left: 1.25rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body li + li {
  margin-top: .38rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap {
  margin: 1.05rem 0 1.2rem;
  overflow-x: auto;
  border: 1px solid rgba(16, 51, 43, .14);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 10px 24px rgba(16, 51, 43, .045);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap table {
  min-width: 680px;
  margin: 0;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th {
  color: #10332b;
  background: rgba(16, 51, 43, .06);
  font-weight: 900;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th,
.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap td {
  padding: .9rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body details {
  border: 1px solid rgba(16, 51, 43, .12);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .96);
  padding: .82rem .95rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body details + details {
  margin-top: .7rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body summary {
  cursor: pointer;
  color: #10332b;
  font-weight: 900;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-method {
  border-color: rgba(16, 51, 43, .18);
  background: linear-gradient(135deg, rgba(18,59,49,.97), rgba(22,85,68,.92));
  color: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-method h2,
.vi-article-style.vi-article-style-comparison-c .vi-compare-method p,
.vi-article-style.vi-article-style-comparison-c .vi-compare-method li {
  color: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-product-linkbox {
  margin-top: 1.35rem;
  margin-bottom: 1.35rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-related-cards,
.vi-article-style.vi-article-style-comparison-c .spf-like-related {
  margin-top: 1.65rem;
}

@media (max-width: 640px) {
  .vi-article-style.vi-article-style-comparison-c .guide-page {
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-layout {
    padding-left: 0;
    padding-right: 0;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section {
    padding: .95rem;
    border-radius: .9rem;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th,
  .vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap td {
    padding: .72rem;
  }
}


/* === Vero INCI — comparison-c VS color hierarchy R04 === */
.vi-article-style.vi-article-style-comparison-c {
  --vi-vs-a-bg: rgba(16, 185, 129, .075);
  --vi-vs-a-border: rgba(16, 185, 129, .22);
  --vi-vs-a-head: rgba(6, 95, 70, .10);

  --vi-vs-b-bg: rgba(245, 158, 11, .085);
  --vi-vs-b-border: rgba(245, 158, 11, .24);
  --vi-vs-b-head: rgba(180, 83, 9, .10);

  --vi-vs-neutral-bg: rgba(248, 250, 252, .96);
}

/* Hero: meno piatto, più editoriale */
.vi-article-style.vi-article-style-comparison-c .vi-compare-hero {
  background:
    radial-gradient(circle at top right, rgba(245, 158, 11, .10), transparent 32%),
    radial-gradient(circle at bottom left, rgba(16, 185, 129, .09), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
}

/* Le tre card iniziali diventano: scelta A / scelta B / criterio neutro */
.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card:nth-child(1) {
  border-color: var(--vi-vs-a-border);
  background: linear-gradient(180deg, rgba(255,255,255,.96), var(--vi-vs-a-bg));
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card:nth-child(2) {
  border-color: var(--vi-vs-b-border);
  background: linear-gradient(180deg, rgba(255,255,255,.96), var(--vi-vs-b-bg));
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card:nth-child(3) {
  border-color: rgba(16, 51, 43, .16);
  background: linear-gradient(180deg, rgba(255,255,255,.98), var(--vi-vs-neutral-bg));
}

/* Tabella: evidenzia in modo sobrio le due colonne del confronto */
.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th:nth-child(2),
.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap td:nth-child(2) {
  background: var(--vi-vs-a-bg);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th:nth-child(3),
.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap td:nth-child(3) {
  background: var(--vi-vs-b-bg);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap thead th:nth-child(2) {
  background: var(--vi-vs-a-head);
  color: #065f46;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap thead th:nth-child(3) {
  background: var(--vi-vs-b-head);
  color: #92400e;
}

/* Card del corpo: separazione più leggibile senza cambiare HTML */
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(odd) {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,250,.40));
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(even) {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,235,.40));
}

/* Verdetto rapido: autorevole, non commerciale */
.vi-article-style.vi-article-style-comparison-c .vi-compare-verdict {
  border-color: rgba(16, 51, 43, .18);
  background:
    linear-gradient(135deg, rgba(16, 51, 43, .97), rgba(22, 85, 68, .92));
  color: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-verdict h2,
.vi-article-style.vi-article-style-comparison-c .vi-compare-verdict p {
  color: #fff;
}

/* Piccolo effetto qualità sulle box */
.vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section,
.vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap {
  transition: box-shadow .18s ease, transform .18s ease;
}

@media (hover: hover) {
  .vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card:hover,
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(16, 51, 43, .065);
  }
}

@media (max-width: 640px) {
  .vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card:nth-child(1),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card:nth-child(2),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-summary-card:nth-child(3) {
    background: rgba(255,255,255,.96);
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th:nth-child(2),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap td:nth-child(2),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap th:nth-child(3),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-table-wrap td:nth-child(3) {
    background: rgba(255,255,255,.96);
  }
}


/* === Vero INCI — comparison-c lower layout rhythm R05 === */

/* Trasforma il corpo del confronto in una griglia solo su schermi comodi */
@media (min-width: 860px) {
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: stretch;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section {
    margin-top: 0;
  }

  /* Apertura e tabella devono restare larghe */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(1),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(2),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:has(.vi-compare-table-wrap) {
    grid-column: 1 / -1;
  }

  /* Sezioni finali più argomentative: larghe */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:last-child {
    grid-column: 1 / -1;
  }
}

/* Micro-gerarchia: le sezioni pari/dispari sembrano diverse ma non colorate a caso */
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(odd) {
  border-left: 4px solid rgba(16, 185, 129, .34);
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(even) {
  border-left: 4px solid rgba(245, 158, 11, .34);
}

/* La prima risposta deve sembrare introduttiva, non una card qualunque */
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(1) {
  border-left-color: rgba(16, 51, 43, .38);
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.07), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
}

/* La tabella resta il blocco centrale del confronto */
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:has(.vi-compare-table-wrap) {
  border-left-color: rgba(16, 51, 43, .28);
  background:
    radial-gradient(circle at top right, rgba(245,158,11,.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,235,.45));
}

/* FAQ e dettagli: più puliti */
.vi-article-style.vi-article-style-comparison-c .vi-compare-body details {
  border: 1px solid rgba(16, 51, 43, .12);
  border-radius: .9rem;
  background: rgba(255,255,255,.94);
  padding: .78rem .9rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body details + details {
  margin-top: .65rem;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-body summary {
  cursor: pointer;
  font-weight: 850;
  color: #10332b;
}

/* Metodo Vero INCI sempre autorevole */
.vi-article-style.vi-article-style-comparison-c .vi-compare-method,
.vi-article-style.vi-article-style-comparison-c [aria-label="Metodo Vero INCI"] {
  border-color: rgba(16, 51, 43, .18);
  background:
    linear-gradient(135deg, rgba(16, 51, 43, .98), rgba(22, 85, 68, .93));
  color: #fff;
}

.vi-article-style.vi-article-style-comparison-c .vi-compare-method h2,
.vi-article-style.vi-article-style-comparison-c .vi-compare-method p,
.vi-article-style.vi-article-style-comparison-c [aria-label="Metodo Vero INCI"] h2,
.vi-article-style.vi-article-style-comparison-c [aria-label="Metodo Vero INCI"] p {
  color: #fff;
}

/* Mobile: torna tutto semplice */
@media (max-width: 859px) {
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body {
    display: block;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section + section {
    margin-top: 1rem;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section {
    border-left-width: 3px;
  }
}

/* === Vero INCI — comparison-c editorial rhythm R06 === */

/*
  Obiettivo:
  - meno "muro di quadrati";
  - solo i veri blocchi A/B restano affiancati;
  - prudenza, metodo, verdetto e FAQ tornano larghi.
*/

@media (min-width: 860px) {
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: start;
  }

  /* Default: le sezioni sono larghe */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section {
    grid-column: 1 / -1;
    margin-top: 0;
    border-left-width: 0;
    border-top: 1px solid rgba(16, 51, 43, .12);
  }

  /*
    Solo questi blocchi restano affiancati:
    3-4 = pro/contro delle due opzioni
    5-6 = quando scegliere una o l'altra
  */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(3),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(4),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(5),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(6) {
    grid-column: auto;
    border-top-width: 0;
    border-left: 4px solid rgba(16, 51, 43, .18);
  }

  /* Prima coppia: opzione A / opzione B */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(3) {
    border-left-color: rgba(16, 185, 129, .42);
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,250,.72));
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(4) {
    border-left-color: rgba(245, 158, 11, .42);
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,235,.76));
  }

  /* Seconda coppia: quando scegliere A / quando scegliere B */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(5) {
    border-left-color: rgba(20, 184, 166, .34);
    background:
      radial-gradient(circle at top right, rgba(20,184,166,.08), transparent 32%),
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,250,.42));
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(6) {
    border-left-color: rgba(217, 119, 6, .34);
    background:
      radial-gradient(circle at top right, rgba(217,119,6,.08), transparent 32%),
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,251,235,.46));
  }

  /* Blocchi di controllo: larghi, più da guida che da confronto */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(7),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(8),
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(9) {
    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  }

  /* Verdetto prudente: largo e leggibile */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-last-of-type(2) {
    background:
      radial-gradient(circle at top right, rgba(16,185,129,.08), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,253,250,.52));
    border-color: rgba(16, 185, 129, .20);
  }

  /* FAQ: sempre larga */
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:last-child {
    grid-column: 1 / -1;
  }
}

/* Titoli più leggibili nei blocchi affiancati */
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(3) h2,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(4) h2,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(5) h2,
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section:nth-of-type(6) h2 {
  font-size: clamp(1.05rem, 1.8vw, 1.22rem);
}

/* Evita box troppo alti e pesanti */
.vi-article-style.vi-article-style-comparison-c .vi-compare-body > section {
  box-shadow: 0 8px 20px rgba(16, 51, 43, .04);
}

/* Metodo resta forte e autorevole */
.vi-article-style.vi-article-style-comparison-c .vi-compare-method,
.vi-article-style.vi-article-style-comparison-c [aria-label="Metodo Vero INCI"] {
  border-top-width: 0;
  border-left-width: 0;
  background:
    linear-gradient(135deg, rgba(16, 51, 43, .98), rgba(22, 85, 68, .94)) !important;
}

/* Mobile: una colonna pulita */
@media (max-width: 859px) {
  .vi-article-style.vi-article-style-comparison-c .vi-compare-body {
    display: block;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section + section {
    margin-top: 1rem;
  }

  .vi-article-style.vi-article-style-comparison-c .vi-compare-body > section {
    border-left-width: 3px;
    border-top-width: 0;
  }
}