/* D7 «Best of» module kept as variant b of the home's proof row (variants.js), redrawn with D1's tokens and type. The D7 variants of «Cosa guarda» and «Storie» are retired: those sections were rewritten. */

/* the chapters redefine --navy (white on night), so the modules carry their own ink */
.x7-proof { --x7-ink: #02376c; }

/* Press mentions: each one named, with its year, next to its logo (SINTESI, correzione 1) */
.hero-press .hp-cites { gap: 12px 32px; }
.hero-press .hp-cites li { display: inline-flex; align-items: center; gap: 12px; white-space: normal; }
.hero-press .hp-cites span { font-size: var(--t-13); line-height: 18px; }
.hero:not(.light) .hero-press .hp-cites span { color: rgb(255 255 255 / 0.72); }

/* ---------- Prova (b): one ruled line on white under the hero, the hero ends at its window ---------- */
.site:has([data-sezione="prova"][data-sezione-on="b"]) #apertura .hx-foot { display: none; }
.site:has([data-sezione="prova"][data-sezione-on="b"]) #apertura .hero-ui { padding-bottom: 48px; }
.x7-proof { position: relative; z-index: 3; background: #ffffff; color: var(--x7-ink); box-shadow: inset 0 -1px 0 #e1e7ef; }
.x7-proof-in { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; min-height: 64px; padding-block: 12px; }
.x7-proof-k { flex: none; font-size: var(--t-14); line-height: 20px; color: var(--ink-small); }
.x7-press { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; flex: 1; min-width: 0; }
.x7-press li { display: inline-flex; align-items: center; gap: 12px; }
.x7-press .lg { display: block; width: var(--w); height: var(--h); background: var(--x7-ink); opacity: 0.72; -webkit-mask: var(--src) no-repeat center / contain; mask: var(--src) no-repeat center / contain; }
.x7-press span { font-size: var(--t-13); line-height: 18px; color: var(--ink-small); }
.x7-tp { display: inline-flex; align-items: center; gap: 8px; flex: none; color: var(--x7-ink); font-size: var(--t-14); line-height: 20px; text-decoration: none; }
.x7-tp b { font-weight: 500; }
.x7-tp .tp-word { display: inline-flex; align-items: center; gap: 4px; color: #191919; font-weight: 600; }
.x7-tp .tp-word i { width: 16px; height: 16px; margin-top: -2px; background: #00b67a; clip-path: polygon(50% 0%, 61.8% 35.3%, 100% 36.2%, 69.1% 58.8%, 79.4% 95.1%, 50% 73.5%, 20.6% 95.1%, 30.9% 58.8%, 0% 36.2%, 38.2% 35.3%); }
@media (hover: hover) and (pointer: fine) { .x7-tp:hover span:last-child { text-decoration: underline; text-underline-offset: 3px; } }
@media (max-width: 860px) {
  .x7-proof-in { align-items: flex-start; flex-direction: column; gap: 12px; padding-block: 20px; }
  .x7-press { flex-direction: column; align-items: flex-start; gap: 12px; }
}