/* Stili limitati alla nuova pagina: il foglio globale rimane invariato. */
.nx-seo{--nx-paper:#fffdf8;--nx-ink:#171717;--nx-muted:#575750}
/* Stessa colonna di .container: il contenuto parte dal filo del logo. */
.nx-seo .nx-wrap{max-width:var(--max-width);margin-inline:auto;padding-inline:2rem}
/* Niente fixed parcheggiato sopra il bordo: su Safari iPhone quello che sta oltre il top del viewport
   viene dipinto dentro la fascia della status bar (stesso difetto della nav, vedi #nx-topcap).
   Il link resta nascosto con clip e compare solo col focus da tastiera. */
.nx-seo .nx-skip{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nx-seo .nx-skip:focus{position:fixed;top:10px;left:20px;width:auto;height:auto;clip:auto;padding:12px 20px;background:#fff;color:#111;z-index:1100}
.nx-seo a:focus-visible,.nx-seo button:focus-visible,.nx-seo summary:focus-visible{outline:3px solid #009ee2;outline-offset:5px}
.nx-hero{padding:150px 0 76px;background:#111;position:relative}
.nx-hero .nx-kicker{color:#aaa}.nx-kicker{font-size:11px!important;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin-bottom:22px!important}
.nx-hero h1{font-family:var(--font-heading);font-weight:400;font-size:clamp(52px,6.5vw,88px);line-height:1.02;max-width:1060px;color:#fff;letter-spacing:.015em;text-transform:uppercase}
.nx-hero h1 span{color:#a7a7a7;display:block}.nx-hero .nx-hero-copy{max-width:730px;font-size:18px;color:#bcbcbc;margin:28px 0 32px;line-height:1.8}
.nx-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.nx-spectrum{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;gap:6px}.nx-spectrum span{padding-top:15px;border-top:3px solid var(--c);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#bcbcbc}
.nx-seo main{background:var(--nx-paper);color:var(--nx-ink)}.nx-intro{padding:86px 0;border-bottom:1px solid #deddd7}.nx-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.nx-seo main h2{font-family:var(--font-heading);font-weight:400;font-size:clamp(36px,4vw,52px);line-height:1.06;letter-spacing:.015em;text-transform:uppercase}
.nx-seo main p{color:var(--nx-muted);line-height:1.85;font-size:16px;margin:0 0 20px}.nx-seo main strong{color:var(--nx-ink);font-weight:600}
.nx-reading{display:grid;grid-template-columns:240px minmax(0,1fr);gap:80px;align-items:start}.nx-index{position:sticky;top:110px;margin-top:75px;padding-bottom:30px}
.nx-index>a{display:block;padding:13px 0;border-bottom:1px solid #deddd7;font-size:13px;color:#575750;transition:color .2s}.nx-index>a:hover,.nx-index>a[aria-current]{color:#111}.nx-index span{font-size:10px;color:#888;margin-right:10px}.nx-index .nx-index-cta{border:0;margin-top:20px;color:#171717;font-weight:600}
.nx-chapter{--chapter:#171717;padding:75px 0;border-bottom:1px solid #dcdad3;scroll-margin-top:105px}.nx-chapter>.nx-kicker span{color:#555}.nx-chapter>.nx-kicker:before{content:'';display:inline-block;background:var(--chapter);width:22px;height:3px;vertical-align:middle;margin-right:12px}
.nx-chapter h2{margin-bottom:28px}.nx-seo main .nx-lead{font-size:19px;line-height:1.75;color:#292924;margin-bottom:32px}
.nx-seo main h3{font-family:var(--font-body);font-size:21px;line-height:1.4;letter-spacing:-.02em;text-transform:none;font-weight:600;margin:32px 0 15px}
.nx-note{border-left:3px solid var(--chapter);background:#f2f0e9;padding:24px 27px;margin:32px 0}.nx-note strong{display:block;margin-bottom:10px}.nx-note p:last-child{margin:0}
.nx-textlink{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:6px;line-height:1.8}.nx-chapter p a{text-decoration:underline;text-underline-offset:4px}
.nx-steps{list-style:none;counter-reset:step}.nx-steps li{counter-increment:step;padding:20px 0 15px 50px;position:relative;border-bottom:1px solid #deddd7}.nx-steps li::before{content:'0' counter(step);position:absolute;left:0;top:24px;font-family:var(--font-heading);font-size:26px;color:#777}.nx-seo .nx-steps h3{margin:0 0 10px}.nx-steps+p{margin-top:28px!important}
.nx-faq details{border-top:1px solid #dcdad3;padding:22px 0}.nx-faq summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;gap:22px;justify-content:space-between;align-items:center}.nx-faq summary::-webkit-details-marker{display:none}.nx-faq summary::after{content:'+';font-size:24px;flex-shrink:0;font-weight:400}.nx-faq details[open] summary::after{content:'−'}.nx-faq details p{margin:18px 35px 0 0!important;font-size:15px!important}
.nx-contact{background:#111;padding:80px 0;margin-top:85px;scroll-margin-top:70px}.nx-seo main .nx-contact h2{font-size:clamp(55px,6vw,82px);color:#fff}.nx-seo main .nx-contact p{color:#b8b8b8}.nx-direct{display:flex;flex-wrap:wrap;gap:25px;font-size:13px;color:#bbb;margin-top:28px}.nx-contact .btn{margin-top:12px}.nx-seo .footer{margin-top:0}
@media(max-width:960px){.nx-reading{grid-template-columns:195px minmax(0,1fr);gap:40px}.nx-split{gap:40px}}
@media(max-width:700px){.nx-hero{padding:122px 0 48px}.nx-hero h1{font-size:49px}.nx-hero .nx-hero-copy{font-size:16px}.nx-spectrum{grid-template-columns:1fr 1fr;gap:20px 14px;margin-top:40px}.nx-split,.nx-reading{display:block}.nx-intro{padding:52px 0}.nx-split>div+div{margin-top:28px}.nx-index{position:static;margin:35px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.nx-index .nx-kicker,.nx-index .nx-index-cta{grid-column:1/-1}.nx-index>a{font-size:12px}.nx-chapter{padding:48px 0}.nx-seo main h2{font-size:38px}.nx-seo main h3{font-size:20px}.nx-seo main .nx-lead{font-size:18px}.nx-contact{margin-top:48px;padding:55px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nx-seo::after{animation:none}.nx-seo *{transition:none!important;animation:none!important}}

.nx-spectrum.nx-single{display:block;border-top:3px solid var(--c);height:3px}.nx-related{display:grid;grid-template-columns:1fr;gap:0}.nx-related a{padding:20px 0;border-bottom:1px solid #deddd7;display:flex;justify-content:space-between;font-size:16px;font-weight:600;gap:20px}.nx-related a:hover{text-decoration:underline;text-underline-offset:5px}.nx-seo .nx-hero h1 span{display:inline;color:inherit}.nx-seo .nx-hero .nx-claim{font-family:var(--font-heading);font-size:clamp(30px,4vw,50px);line-height:1.1;color:#aaa;margin:24px 0 0;max-width:900px}.nx-index a[aria-current]{font-weight:600}.nx-seo .nx-contact h2{font-size:clamp(44px,5vw,70px)}

/* Componenti testuali delle guide: elenchi, tabelle di confronto, link nel testo. */
.nx-seo main .nx-list{list-style:none;margin:0 0 26px;padding:0}
.nx-seo main .nx-list li{position:relative;padding:0 0 12px 26px;color:var(--nx-muted);line-height:1.8;font-size:16px}
.nx-seo main .nx-list li::before{content:'';position:absolute;left:0;top:.85em;width:12px;height:2px;background:var(--chapter,#111)}
.nx-seo main .nx-steps li p{margin-bottom:8px}
.nx-seo .nx-table-wrap{overflow-x:auto;margin:30px 0 34px;-webkit-overflow-scrolling:touch}
.nx-seo .nx-table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.nx-seo .nx-table th,.nx-seo .nx-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid #deddd7;line-height:1.6}
.nx-seo .nx-table thead th{font-weight:600;color:var(--nx-ink);border-bottom:2px solid var(--chapter,#111)}
.nx-seo .nx-table tbody th{font-weight:600;color:var(--nx-ink);width:24%}
.nx-seo .nx-table td{color:var(--nx-muted)}
.nx-seo main .nx-inlink{color:var(--nx-ink);text-decoration:underline;text-decoration-color:var(--chapter,#111);text-decoration-thickness:2px;text-underline-offset:4px}
.nx-seo main .nx-inlink:hover{text-decoration-thickness:3px}
/* Colore dei bottoni allineato al colore della pagina (prevale sulla tinta della voce di menu attiva). */
.nx-seo.nx-tone-pink{--nx-tone:var(--logo-pink);--nx-tone-ink:#fff}
.nx-seo.nx-tone-green{--nx-tone:var(--logo-green);--nx-tone-ink:#fff}
.nx-seo.nx-tone-blue{--nx-tone:var(--logo-blue);--nx-tone-ink:#111}
.nx-seo.nx-tone-yellow{--nx-tone:var(--logo-yellow);--nx-tone-ink:#111}
.nx-seo[class*="nx-tone-"] .btn-primary{background:var(--nx-tone)!important;color:var(--nx-tone-ink)!important}
.nx-seo[class*="nx-tone-"] .btn-primary:hover{background:color-mix(in srgb,var(--nx-tone) 82%,#fff)!important}
.nx-seo[class*="nx-tone-"] .btn-arrow:hover{color:var(--nx-tone)!important}
/* Variante scura: sfondo nero e testo bianco nel contenuto. */
.nx-seo.nx-dark{--nx-paper:#111;--nx-ink:#fff;--nx-muted:#c9c9c9}
.nx-seo.nx-dark main{background:#111;color:#fff}

.nx-seo.nx-dark main h2,.nx-seo.nx-dark main h3,.nx-seo.nx-dark main strong{color:#fff}
.nx-seo.nx-dark main p,.nx-seo.nx-dark main .nx-list li{color:#c9c9c9}
.nx-seo.nx-dark main .nx-lead{color:#e6e6e6}
.nx-seo.nx-dark main .nx-kicker{color:#9a9a9a}
.nx-seo.nx-dark .nx-chapter{--chapter:#fff;border-bottom-color:rgba(255,255,255,.1)}
.nx-seo.nx-dark .nx-index>a{color:#9a9a9a;border-bottom-color:rgba(255,255,255,.1)}
.nx-seo.nx-dark .nx-index>a:hover,.nx-seo.nx-dark .nx-index>a[aria-current]{color:#fff}
.nx-seo.nx-dark .nx-index .nx-index-cta{color:var(--nx-tone)}
.nx-seo.nx-dark .nx-note{background:#1b1b1b}
.nx-seo.nx-dark .nx-steps li{border-bottom-color:rgba(255,255,255,.1)}
.nx-seo.nx-dark .nx-steps li::before{color:var(--nx-tone)}
.nx-seo.nx-dark .nx-table th,.nx-seo.nx-dark .nx-table td{border-bottom-color:rgba(255,255,255,.1)}
.nx-seo.nx-dark .nx-table td{color:#c9c9c9}
.nx-seo.nx-dark .nx-related a{color:#fff;border-bottom-color:rgba(255,255,255,.1)}
.nx-seo.nx-dark .nx-related a span{color:var(--nx-tone)}
.nx-seo.nx-dark main .nx-inlink{color:#fff}
.nx-seo.nx-dark .nx-contact{border-top:1px solid rgba(255,255,255,.1)}

/* Doppia riga prima della fascia finale: l'ultimo capitolo non ha bisogno del bordo, c'e' gia' quello della cta-band. */
.nx-seo .nx-articles .nx-chapter:last-child{border-bottom:0}

/* Telefono. L'indice a due colonne erano link da 12px (bersagli troppo piccoli) che spingevano
   il primo capitolo sotto la piega: "Leggi la guida" porta gia' all'inizio, quindi si toglie.
   Le tabelle scorrevano di lato con una colonna tagliata a meta': diventano schede, una per riga,
   con il nome della colonna sopra ogni valore. */
@media(max-width:700px){
  .nx-seo .nx-index{display:none}
  .nx-hero{padding-bottom:40px}
  .nx-chapter{padding:40px 0}
  .nx-seo .nx-note{padding:18px 18px 18px 16px;margin:24px 0}
  .nx-steps li{padding-left:40px}
  .nx-steps li::before{font-size:22px;top:22px}
  .nx-seo .nx-table-wrap{overflow:visible;margin:24px 0 28px}
  .nx-seo .nx-table{display:block;min-width:0;border-top:2px solid var(--chapter,#fff)}
  .nx-seo .nx-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .nx-seo .nx-table tbody,.nx-seo .nx-table tr,.nx-seo .nx-table th,.nx-seo .nx-table td{display:block;width:auto}
  .nx-seo .nx-table tr{padding:18px 0 14px;border-bottom:1px solid rgba(255,255,255,.1)}
  .nx-seo .nx-table tbody th,.nx-seo .nx-table td{border:0;padding:0}
  .nx-seo .nx-table tbody th{width:auto;font-size:17px;color:#fff;margin-bottom:10px}
  .nx-seo .nx-table td{margin-bottom:10px}
  .nx-seo .nx-table td[data-label]::before{content:attr(data-label);display:block;font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}
}