/* Sceltacrypto — «rivista». Mobile-first. Bodoni Moda (titoli) + Instrument Sans (testo). */
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/bodoni.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/bodoni-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/instrument.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --paper:#f4ede0;--paper-2:#ebe1cf;--card:#fbf7ef;--ink:#1f1714;--ink-2:#4a3e38;--muted:#675a52;--rule:#cdbfab;--rule-2:#ded3c2;
  --bord:#7a1c2b;--bord-2:#94283a;--bord-wash:#f0dcd9;--ochre:#a8742a;
  --ok:#1d5a37;--ok-bg:#dcebdc;--no:#8f2418;--no-bg:#f5dbd5;--mid:#2d4a6b;--mid-bg:#dde5ef;
  --bar:#7a1c2b;--bar-2:#2f5d7c;--track:#e4d8c6;--grid:#e1d6c5;
  --cv-bg:#ead7c8;--cv-a:#7a1c2b;--cv-b:#c99a4e;--cv-ink:#1f1714;--cv-line:rgba(31,23,20,.08);
  --serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
  --gut:16px;--max:1760px;--r:6px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#16110f;--paper-2:#211916;--card:#1d1613;--ink:#efe6d8;--ink-2:#d2c5b5;--muted:#ab9d8f;--rule:#43362f;--rule-2:#30261f;
  --bord:#e8949f;--bord-2:#f0aab3;--bord-wash:#3a1d22;--ochre:#d6a65a;
  --ok:#8fd3a5;--ok-bg:#183424;--no:#f3a294;--no-bg:#3d1c17;--mid:#a9c4e6;--mid-bg:#1c2a3b;
  --bar:#d9707f;--bar-2:#6fa6cf;--track:#33281f;--grid:#2c231d;
  --cv-bg:#2a1d19;--cv-a:#9c3445;--cv-b:#8a6630;--cv-ink:#efe6d8;--cv-line:rgba(239,230,216,.07);
}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);font-kerning:normal;overflow-wrap:break-word}
img,svg{max-width:100%}
a{color:var(--bord);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--bord);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:50}
.skip:focus{left:8px;top:8px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-family:var(--serif);font-optical-sizing:auto;font-weight:600;line-height:1.12;margin:0 0 .5em;letter-spacing:-.005em;text-wrap:balance;hyphens:manual}
h1{font-size:clamp(2.1rem,7vw,4.6rem);font-weight:700;line-height:1.02}
h2{font-size:clamp(1.55rem,4.2vw,2.35rem);margin-top:1.6em}
h3{font-size:1.3rem;margin-top:1.4em}
p{margin:0 0 1em}
small{font-size:.82em}
q{quotes:"«" "»"}
.mono{font-family:var(--mono);font-size:.88em;overflow-wrap:anywhere}

/* ---------- testata ---------- */
.mast{border-bottom:3px double var(--ink);background:var(--paper)}
.mast__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 24px;padding-top:14px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.mast__logo{font-family:var(--serif);font-size:2.25rem;font-weight:800;line-height:1;color:var(--ink);text-decoration:none;letter-spacing:-.02em;min-height:44px;display:flex;align-items:flex-end}
.mast__logo i,.foot__logo i{color:var(--bord);font-weight:600}
.mast__issue{margin:0;display:flex;flex-wrap:wrap;gap:0 14px;font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.mast__nav ul{list-style:none;margin:0;padding:4px 0;display:flex;flex-wrap:wrap;gap:0 2px}
.mast__nav a{display:flex;align-items:center;min-height:44px;padding:0 9px;color:var(--ink);text-decoration:none;font-size:.95rem;font-weight:500;border-bottom:2px solid transparent}
.mast__nav a:hover{color:var(--bord)}
.mast__nav a[aria-current]{border-bottom-color:var(--bord);color:var(--bord)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:10px 0 0;font-size:.88rem;color:var(--muted)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 8px;color:var(--rule)}
.crumbs a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}

/* ---------- copertina ---------- */
.hero{display:grid;gap:18px;padding-top:22px;padding-bottom:12px}
.hero__art{order:-1;height:110px;border:1px solid var(--rule);overflow:hidden;background:var(--cv-bg)}
.hero__art .cover{display:block;width:100%;height:100%}
.hero__sub{font-size:1.05rem;color:var(--ink-2);margin-top:-.2em}
.kicker{font:700 .78rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--bord);margin:0 0 .6em}
.upd{font-size:.85rem;color:var(--muted);margin:0}
.upd a{color:var(--muted)}

/* ---------- lede ---------- */
.lede{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:16px 0 4px;margin:8px 0 24px}
.lede__t{font-size:1.12rem;line-height:1.55;max-width:70ch}
.lede__t strong{font-family:var(--serif);font-style:italic;font-weight:700;color:var(--bord)}

/* ---------- sezioni ---------- */
.sec{margin:40px 0}
.sec__head{max-width:80ch}
.sec__head--row{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px}
.sec__lead{color:var(--ink-2);max-width:75ch}
.two{display:grid;gap:8px 40px}
.note{font-size:.92rem;color:var(--muted);max-width:90ch}
.more{font-weight:600}
.more a{display:inline-flex;align-items:center;min-height:44px}
.art{padding-bottom:16px}
.art>h2{max-width:34ch}
.art>p,.art>.blist,.art>.steps{max-width:78ch}
.art--narrow{max-width:900px}
.src{font-size:.82rem;color:var(--muted);margin:.4em 0 1.2em;line-height:1.5}
.src a{color:var(--muted)}
.src-inline{font-size:.85rem;color:var(--muted)}
.src-inline a{color:var(--muted)}
.sec{font-variant-numeric:normal}
.np{display:inline-block;font-size:.8rem;line-height:1.4;padding:1px 8px;border-radius:10px;background:var(--paper-2);color:var(--muted);border:1px solid var(--rule-2);max-width:100%}
.sec .sec,.dash{color:var(--muted)}
span.sec{font-size:.78rem;color:var(--muted);border-bottom:1px dotted var(--muted)}
.lang{font-size:.78rem;color:var(--muted)}
.tofonte,.srcl{font-size:.88rem}
.mica__foot .tofonte{display:inline-flex;align-items:center;min-height:44px}
.blist,.steps{padding-left:1.3em}
.blist li,.steps li{margin:.35em 0}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding:10px 0 10px 52px;border-top:1px solid var(--rule-2)}
.steps li::before{content:counter(s);position:absolute;left:0;top:8px;font:700 1.5rem/1 var(--sans);color:var(--bord);width:40px;text-align:center}

/* ---------- tessere ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0;border-top:1px solid var(--ink);margin:0 0 28px}
.tile{padding:16px 16px 4px 0;border-bottom:1px solid var(--rule)}
.tile__v{font:600 clamp(2.2rem,6vw,3.1rem)/1 var(--sans);letter-spacing:-.02em;margin:0 0 .3em;color:var(--ink)}
.tile__l{font-size:.95rem;color:var(--ink-2);margin:0 0 .3em;max-width:36ch}

/* ---------- stato MiCA ---------- */
.st{display:inline-flex;align-items:center;gap:6px;font:600 .82rem/1.25 var(--sans);padding:4px 10px 4px 8px;border-radius:14px;max-width:100%}
.st svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.st--authorized,.st--partner_model{background:var(--ok-bg);color:var(--ok)}
.st--securities_only{background:var(--mid-bg);color:var(--mid)}
.st--not_authorized,.st--suspended,.st--exited,.st--unavailable,.st--None{background:var(--no-bg);color:var(--no)}
.st--big{font-size:1rem;padding:7px 14px 7px 11px}
.st--big svg{width:20px;height:20px}
.yn{display:inline-flex;align-items:center;gap:5px;font-weight:500}
.yn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.yn--y{color:var(--ok)}.yn--n{color:var(--no)}

/* ---------- tabelle (≥820 tabella, sotto: schede) ---------- */
.tbl{width:100%;border-collapse:collapse;margin:12px 0 8px;font-size:.96rem}
.tbl caption{text-align:left;font-weight:600;padding-bottom:6px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:12px 10px;overflow-wrap:anywhere}
.tbl thead th{font:700 .76rem/1.3 var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:2px solid var(--ink);vertical-align:bottom}
.tbl tbody tr{border-bottom:1px solid var(--rule)}
.tbl tbody th{font-weight:600}
.th__s{display:block;text-transform:none;letter-spacing:0;font-weight:500}
.tbl__type,.tbl__sub{display:block;font-size:.8rem;font-weight:400;color:var(--muted);margin-top:2px}
.tbl__name a{font-weight:700;font-size:1.05rem}
.tbl__rank{font:700 1.4rem/1 var(--sans);color:var(--bord);width:1%;white-space:nowrap}
.tbl__cap{font-weight:600;margin:16px 0 0}
.score{font:700 1.15rem/1 var(--sans);font-variant-numeric:tabular-nums}
.score__bar{display:block;height:6px;background:var(--track);border-radius:0 3px 3px 0;margin-top:6px;max-width:120px}
.score__bar span{display:block;height:100%;background:var(--bar);border-radius:0 3px 3px 0}
.cost{display:block;font-weight:700;font-variant-numeric:tabular-nums}
.cost__p{display:block;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.cost__f{display:inline-block;font-size:.8rem;color:var(--ochre);font-weight:600;margin-top:2px}
.go{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-weight:600;white-space:nowrap}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl--kv th{width:42%;font-weight:500;color:var(--ink-2)}
.tbl--kv{max-width:980px}
.tbl--q td{font-variant-numeric:tabular-nums}
.q__name{display:flex;align-items:center;gap:10px}
.q__name img{width:24px;height:24px;border-radius:50%;flex:none}
.q__sym{color:var(--muted);font-weight:400;font-size:.85rem}
[data-sign=up]{color:var(--ok)}[data-sign=down]{color:var(--no)}
[data-stale]{opacity:.7}
@media (max-width:819.98px){
  .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl,.tbl tbody,.tbl tr{display:block;width:100%}
  .tbl tbody tr{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);margin:0 0 12px;padding:6px 14px}
  .tbl th,.tbl td{display:block;position:relative;padding:9px 0 9px calc(40% + 12px);min-height:40px;border-top:1px solid var(--rule-2)}
  .tbl td::before,.tbl tbody th::before{content:attr(data-l);position:absolute;left:0;top:9px;width:40%;font-size:.8rem;color:var(--muted);font-weight:500;line-height:1.4;padding-top:2px}
  .tbl tbody tr>:first-child{border-top:0}
  .tbl tbody th[data-l=""]::before,.tbl td[data-l=""]::before{content:none}
  .tbl tbody th[data-l=""],.tbl td[data-l=""]{padding-left:0}
  .tbl tbody tr>th:first-child{display:block;font-size:1.08rem;padding:8px 0;min-height:0}
  .tbl tbody tr>th:first-child::before{content:none}
  .tbl--kv tbody{display:block;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:4px 14px}
  .tbl--kv tbody tr{padding:2px 0;margin:0;border:0;border-bottom:1px solid var(--rule-2);border-radius:0;background:none}
  .tbl--kv tbody tr:last-child{border-bottom:0}
  .tbl--g tbody tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:10px}
  .tbl--g tbody tr>*{grid-column:span 2;display:block;border-top:1px solid var(--rule-2);padding:8px 0;min-height:0}
  .tbl--g tbody tr>th:first-child{grid-column:1/-1;border-top:0}
  .tbl--g tbody tr>td::before{position:static;display:block;width:auto;margin-bottom:2px;padding:0}
  .tbl--kv th{width:auto}
  .tbl--kv tbody tr>th:first-child{font-size:.92rem;font-weight:600;padding-bottom:0}
  .tbl--kv tbody tr>th:first-child::before{content:none}
  .tbl--kv td{border-top:0;padding:2px 0 9px}
  .tbl--kv td::before{content:none}
  /* classifica: scheda compatta — rank + nome, stato, poi metriche in griglia */
  .tbl--rank tbody tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:10px;padding:10px 14px}
  .tbl--rank tbody tr>*,.tbl--cost tbody tr>*{grid-column:span 2;display:block;border-top:1px solid var(--rule-2);padding:8px 0;min-height:0}
  .tbl--rank tbody tr>td::before,.tbl--cost tbody tr>td::before{position:static;display:block;width:auto;margin-bottom:2px;padding:0}
  .tbl--cost tbody tr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:10px}
  .tbl--cost tbody tr>th:first-child{grid-column:1/-1}
  .tbl--cost tbody tr>td:nth-child(n+5){grid-column:span 3}
  .tbl--cost tbody tr>td:nth-child(2):nth-last-child(4){grid-column:span 2}
  .tbl--rank .tbl__rank{grid-column:1/2;border:0;padding:6px 0 0;font-size:1.8rem}
  .tbl--rank .tbl__rank::before,.tbl--rank .tbl__name::before,.tbl--rank .tbl__st::before,.tbl--rank .tbl__go::before{content:none}
  .tbl--rank .tbl__name{grid-column:2/-1;border:0;padding:6px 0 4px}
  .tbl--rank .tbl__st{grid-column:1/-1;border:0;padding:0 0 8px}
  .tbl--rank .tbl__score,.tbl--rank .tbl__cost{grid-column:span 3}
  .tbl--rank .tbl__go{grid-column:1/-1;padding:0}
  .tbl--q tbody tr>th:first-child{display:flex}
  .tbl--q tbody tr>th:first-child::before{content:none}
  .score__bar{max-width:none}
}
@media (min-width:820px){
  .tbl tbody tr:hover{background:var(--paper-2)}
  .tbl--rank td,.tbl--rank th{padding:14px 10px}
}

/* ---------- filtri / bottom sheet ---------- */
.rk__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}
.rk__count{margin:0;color:var(--ink-2)}
.rk__empty{padding:16px;border:1px dashed var(--rule);border-radius:var(--r)}
.js .sheet{display:none}
.js .sheet.is-open{display:block}
.sheet__panel{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--bord);border-radius:0 0 var(--r) var(--r);padding:4px 14px 12px;margin:0 0 12px}
.sheet__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);flex:none}
.sheet__h{margin:0;font:700 1.1rem var(--serif)}
.sheet__x{width:44px;height:44px;border:0;background:none;font-size:1.8rem;color:var(--ink);cursor:pointer}
.sheet fieldset{border:0;margin:0;padding:8px 0;flex:none}
.sheet legend{font:700 .76rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 0}
.sheet__foot{display:flex;gap:10px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--rule)}
.sheet__panel>fieldset:first-of-type{margin-top:4px}
.chk{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:.98rem}
.chk input{width:22px;height:22px;accent-color:var(--bord);flex:none;margin:0}
.chk--inline{display:inline-flex;min-height:44px}
@media (max-width:819.98px){.sheet__panel fieldset{display:grid;grid-template-columns:1fr}}
@media (min-width:820px){
  .rk .rk__open,.sheet__head,.sheet__foot .sheet__done{display:none}
  .sheet fieldset{min-width:0;max-width:100%}
  .sheet{position:static;display:block;background:none}
  .sheet__panel{background:none;box-shadow:none;padding:0;max-height:none;border-radius:0;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:0 28px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .sheet fieldset{display:flex;flex-wrap:wrap;gap:0 6px;align-items:center}
  .sheet legend{float:left;margin-right:8px}
  .chk{border:1px solid var(--rule);border-radius:99px;padding:0 14px 0 10px;min-height:40px;font-size:.9rem;margin:4px 0;background:var(--card)}
  .chk:has(input:checked){border-color:var(--bord);background:var(--bord-wash)}
  .chk input{width:18px;height:18px}
  .sheet__foot{border:0;padding:8px 0;align-self:center}
}
body.sheet-lock{overflow:hidden}

/* ---------- pulsanti ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border-radius:99px;border:2px solid var(--bord);background:var(--bord);color:var(--paper);font:600 1rem var(--sans);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--bord-2);border-color:var(--bord-2);color:var(--paper)}
.btn--ghost{background:transparent;color:var(--bord)}
.btn--ghost:hover{background:var(--bord-wash);color:var(--bord)}
.btn--s{min-height:44px;padding:0 16px;font-size:.92rem}
.cta{display:inline-flex;flex-direction:column;gap:4px}
.cta__aff{font-size:.8rem;color:var(--muted)}
.pill{min-height:44px;padding:0 14px;border-radius:99px;border:1px solid var(--rule);background:var(--card);color:var(--ink);font:500 .95rem var(--sans);cursor:pointer}
.pill:hover,.pill[aria-pressed=true]{border-color:var(--bord);color:var(--bord)}

/* ---------- calcolatore ---------- */
.calc,.tool{margin:44px 0;padding:22px 16px;background:var(--card);border:1px solid var(--rule);border-top:4px solid var(--bord);border-radius:0 0 var(--r) var(--r)}
.calc h2,.tool h2{margin-top:0}
.calc__lead{color:var(--ink-2);max-width:70ch}
.calc__form label[for]{display:block;font-weight:600;margin-bottom:6px}
.calc__in{display:flex;align-items:center;border:2px solid var(--ink);border-radius:var(--r);background:var(--paper);max-width:360px}
.calc__in input,.vf__row input,.conv select{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:600 1.35rem var(--sans);padding:10px 12px;min-height:52px}
.calc__in span{padding:0 14px;font-weight:600;color:var(--muted)}
.calc__in:focus-within{outline:3px solid var(--bord);outline-offset:2px}
.calc__in input:focus{outline:none}
.calc__presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.calc__hint{margin:4px 0 12px;font-size:.92rem;color:var(--ink-2)}
.calc__sum{font:600 1.1rem/1.45 var(--sans);margin:12px 0}
.calc__miss{font-size:.9rem;color:var(--muted)}
.calc__how summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.calc__out{min-height:200px}

/* ---------- barre (grafico a barre orizzontali, HTML) ---------- */
.bars{list-style:none;margin:8px 0 12px;padding:0}
.bars__row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "t t";gap:2px 12px;padding:7px 0;border-bottom:1px solid var(--grid)}
.bars__l{grid-area:l;font-weight:500;min-width:0}
.bars__l a{color:var(--ink);text-decoration:none}
.bars__l a:hover{color:var(--bord);text-decoration:underline}
.bars__track{grid-area:t;height:16px;background:transparent;display:block;border-left:1px solid var(--ink-2)}
.bars__fill{display:block;height:100%;background:var(--bar);border-radius:0 4px 4px 0;min-width:3px;transition:width .25s}
.bars__v{grid-area:v;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.bars__v small{color:var(--muted)}
.bars__row--me .bars__fill{background:var(--bar-2)}
.bars__row--me .bars__l{font-weight:700}
.bars__row:hover{background:var(--paper-2)}
@media (min-width:760px){
  .bars__row{grid-template-columns:minmax(9rem,15rem) minmax(0,1fr) minmax(8.5rem,auto);grid-template-areas:"l t v";align-items:center}
  .bars__track{height:18px}
}
.fig{margin:20px 0;max-width:1200px}
.fig__c{font-size:.92rem;color:var(--ink-2);font-weight:600;margin-bottom:6px}
.legend{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;margin:4px 0 10px;padding:0;font-size:.92rem}
.legend li{display:flex;align-items:center;gap:8px}
.sw{width:14px;height:14px;border-radius:3px;display:inline-block}
.sw--a{background:var(--bar)}.sw--b{background:var(--bar-2)}
.pairs{list-style:none;margin:0;padding:0}
.pairs li{display:grid;grid-template-columns:1fr;gap:3px;padding:8px 0;border-bottom:1px solid var(--grid)}
.pairs__l{font-weight:600}.pairs__l small{color:var(--muted);font-weight:400}
.pairs__r{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem;gap:10px;align-items:center}
.pairs__track{height:12px;border-left:1px solid var(--ink-2)}
.pairs__fill{display:block;height:100%;border-radius:0 4px 4px 0;min-width:2px}
.pairs__fill--a{background:var(--bar)}.pairs__fill--b{background:var(--bar-2)}
.pairs__v{text-align:right;font-variant-numeric:tabular-nums;font-size:.92rem}
@media (min-width:760px){.pairs li{grid-template-columns:14rem 1fr 1fr;align-items:center;gap:16px}}

/* ---------- metri del punteggio ---------- */
.meters{list-style:none;margin:0 0 12px;padding:0}
.meters li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "b b";gap:2px 12px;padding:7px 0;border-bottom:1px solid var(--grid)}
.meters__l{grid-area:l}
.meters__bar{grid-area:b;height:10px;background:var(--track);border-radius:0 4px 4px 0;display:block}
.meters__bar span{display:block;height:100%;background:var(--bar);border-radius:0 4px 4px 0}
.meters__v{grid-area:v;font-variant-numeric:tabular-nums;font-weight:600}
.meters__v small{color:var(--muted);font-weight:400}
@media (min-width:760px){.meters li{grid-template-columns:13rem 1fr 4.5rem;grid-template-areas:"l b v";align-items:center}}

/* ---------- grafico a linee ---------- */
.lc{margin:20px 0 8px;max-width:1400px}
.lc__wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.lc__y{position:relative;width:5.2em;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}
.lc__y span{position:absolute;right:0;transform:translateY(-50%);white-space:nowrap}
.lc__plot{position:relative;height:220px;border-bottom:1px solid var(--ink-2);touch-action:pan-y}
.lc__plot svg{display:block;width:100%;height:100%;overflow:visible}
.lc__grid{stroke:var(--grid);stroke-width:1;vector-effect:non-scaling-stroke}
.lc__line{fill:none;stroke:var(--bar);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.lc__area{fill:var(--bar);opacity:.1}
.lc__x{position:relative;height:1.6em;margin-left:calc(5.2em * .78 / .78 + 8px);margin-left:calc(5.2 * .78rem + 8px);font-size:.78rem;color:var(--muted)}
.lc__x span{position:absolute;transform:translateX(-50%);white-space:nowrap;top:4px}
.lc__cross{position:absolute;top:0;bottom:0;width:1px;background:var(--ink-2);pointer-events:none}
.lc__dot{position:absolute;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--bar);box-shadow:0 0 0 2px var(--paper)}
.lc__tip{position:absolute;top:6px;background:var(--ink);color:var(--paper);font-size:.82rem;padding:6px 9px;border-radius:4px;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:599.98px){.lc__x .lc__m{display:none}}
@media (min-width:760px){.lc__plot{height:320px}}
.pricehero{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:6px 0}
.pricehero__v{font:600 clamp(2.4rem,8vw,3.6rem)/1 var(--sans);letter-spacing:-.02em}
.pricehero__c{font-weight:700;font-size:1.2rem}
.pricehero__l{color:var(--muted)}

/* ---------- pull quote ---------- */
.pull{margin:44px 0;padding:6px 0 6px 18px;border-left:4px solid var(--bord);max-width:62rem}
.pull blockquote{margin:0}
.pull p{font:italic 500 clamp(1.35rem,3.6vw,2.15rem)/1.3 var(--serif);margin:0 0 .5em}
.pull p::before{content:"«"}.pull p::after{content:"»"}
.pull figcaption{font-size:.88rem;color:var(--muted)}
.pull figcaption a{color:var(--muted)}

/* ---------- rischio ---------- */
.risk{margin:28px 0;padding:14px 16px;background:var(--paper-2);border-top:3px solid var(--ink);font-size:.95rem;max-width:90ch}
.risk__h{font:700 .78rem var(--sans);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .4em}
.risk p:last-child{margin-bottom:0}
.risk--strong{border-top-color:var(--no);background:var(--no-bg)}
.risk--strong .risk__h{color:var(--no)}

/* ---------- fuori classifica ---------- */
.na,.cards{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.na__i,.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:14px 16px}
.na__i h3,.card__t{margin:.5em 0 .3em;font-size:1.3rem}
.na__i p,.card__d{font-size:.93rem;color:var(--ink-2);margin:0 0 .4em}
.card__k{font:700 .78rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0}
.card__m{font-size:.85rem;color:var(--muted);margin:0}

/* ---------- notizie ---------- */
.news{list-style:none;margin:0 0 8px;padding:0}
.news li{padding:10px 0;border-bottom:1px solid var(--rule)}
.news a{display:block;font:600 1.08rem/1.35 var(--serif);color:var(--ink);text-decoration:none}
.news a:hover{color:var(--bord);text-decoration:underline}
.news__m{display:block;font-size:.82rem;color:var(--muted);margin-top:3px}
.tl{list-style:none;margin:12px 0;padding:0;border-left:2px solid var(--rule)}
.tl li{padding:4px 0 10px 14px;font-size:.93rem}
.tl time{display:block;font-weight:700;color:var(--bord);font-size:.85rem}
.fng{margin:12px 0 4px}

/* ---------- indice / toc ---------- */
.toc{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));border-top:1px solid var(--ink)}
.toc a{display:block;padding:14px 16px 14px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);height:100%}
.toc a:hover .toc__t{color:var(--bord)}
.toc__k{display:block;font:700 .78rem var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--bord)}
.toc__t{display:block;font:600 1.3rem/1.2 var(--serif);margin:4px 0}
.toc__d{display:block;font-size:.9rem;color:var(--muted)}

/* ---------- scheda ---------- */
.mica{margin:8px 0 28px;padding:18px 16px;border:2px solid var(--ink);border-radius:var(--r);background:var(--card);max-width:1100px}
.mica__h{font-size:clamp(1.35rem,3.5vw,1.9rem);margin:.5em 0 .3em}
.mica__r{color:var(--ink-2)}
.dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px 20px;margin:12px 0}
.dl dt{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.mica__srv summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.mica__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:12px 0 4px}
.quick__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:0 24px;border-top:1px solid var(--ink)}
.quick__i{display:flex;flex-direction:column;padding:12px 0 12px 14px;border-bottom:1px solid var(--rule);border-left:3px solid var(--rule)}
.quick__i--ok{border-left-color:var(--ok)}.quick__i--no{border-left-color:var(--no)}.quick__i--mid{border-left-color:var(--ochre)}
.quick__k{font:700 .78rem var(--sans);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.quick h2{margin-top:0}
.scorebox{display:grid;gap:12px 40px;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.scorebox h2{margin-top:0}
.big{font:600 4.2rem/1 var(--sans);letter-spacing:-.03em;margin:0 0 .2em}
.big small{font-size:1.3rem;color:var(--muted);font-weight:500}
.flags{font-size:.88rem;color:var(--muted);padding-left:1.2em}
.answer{font-size:1.08rem}
.rflags{list-style:none;padding:0;margin:0}
.rflags li{padding:12px 0;border-bottom:1px solid var(--rule)}
.rflags__m{font-weight:600;margin:0 0 .3em}
.fit{padding:16px;border-radius:var(--r);border:1px solid var(--rule);background:var(--card)}
.fit h2{margin-top:0;font-size:1.45rem}
.fit ul{margin:0;padding-left:1.2em}
.fit li{margin:.35em 0}
.fit--y{border-top:4px solid var(--ok)}.fit--n{border-top:4px solid var(--no)}
.alts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.alts a{display:block;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r);background:var(--card);text-decoration:none;min-height:44px}
.alts__n{display:block;font:700 1.25rem var(--serif);color:var(--ink)}
.alts__m{display:block;font-size:.88rem;color:var(--muted)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.chips li{font-size:.8rem;padding:2px 9px;border:1px solid var(--rule);border-radius:99px}

/* ---------- faq / prossimo passo ---------- */
.faq{margin:44px 0;max-width:1000px}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:52px;padding:10px 0;font:600 1.15rem/1.3 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.6rem var(--sans);color:var(--bord);flex:none}
.faq details[open] summary::after{content:"−"}
.faq__a{padding:0 0 14px;color:var(--ink-2);max-width:80ch}
.next{margin:44px 0 20px;padding:20px 0 0;border-top:3px double var(--ink)}
.next__h{margin-top:0}
.next__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;counter-reset:n}
.next__list a{display:block;height:100%;padding:14px 16px;background:var(--bord);color:var(--paper);border-radius:var(--r);text-decoration:none;counter-increment:n}
.next__list a::before{content:counter(n,decimal-leading-zero);display:block;font:700 .8rem var(--sans);opacity:.75;letter-spacing:.1em}
.next__list a:hover{background:var(--bord-2)}
.next__t{display:block;font:700 1.2rem/1.25 var(--serif)}
.next__d{display:block;font-size:.88rem;opacity:.85;margin-top:4px}
.spons{margin:24px 0;padding:12px 16px;border:1px dashed var(--rule)}
.spons__l{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0}

/* ---------- strumenti ---------- */
.vf__row{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.vf__row input{flex:1 1 220px;border:2px solid var(--ink);border-radius:var(--r);background:var(--paper);font-size:1.1rem}
.vf__form label{display:block;font-weight:600;margin-bottom:6px}
.vf__out{margin:14px 0}
.vf__res{list-style:none;margin:0;padding:0}
.vf__res li{padding:12px 14px;margin:0 0 10px;border-radius:var(--r);border:1px solid var(--rule);background:var(--paper)}
.vf__res .ok{border-left:4px solid var(--ok)}.vf__res .warn{border-left:4px solid var(--no)}.vf__res .none{border-left:4px solid var(--muted)}
.vf__k{display:block;font:700 .78rem var(--sans);text-transform:uppercase;letter-spacing:.08em}
.vf__res .ok .vf__k{color:var(--ok)}.vf__res .warn .vf__k{color:var(--no)}
.conv__row{display:grid;gap:8px;align-items:end;margin:12px 0}
.conv__row>*,.conv__g{min-width:0}
.calc__in input{width:100%}
.conv__g label{display:block;font-weight:600;margin-bottom:6px}
.conv select{width:100%;max-width:420px;border:2px solid var(--ink);border-radius:var(--r);background:var(--paper);font-size:1rem}
.conv__eq{font-size:1.5rem;color:var(--bord);text-align:center}
.conv__rate{font-weight:600}
@media (min-width:700px){.conv__row{grid-template-columns:1fr auto 1fr}.conv__row .calc__in{max-width:none}}
.cite{font-family:var(--mono);font-size:.9rem;padding:12px;background:var(--card);border:1px solid var(--rule);overflow-wrap:anywhere}
.gloss{list-style:none;padding:0}
.gloss li{padding:10px 0;border-bottom:1px solid var(--rule)}
.gloss dfn{font:italic 700 1.1rem var(--serif);color:var(--bord)}

/* ---------- piede ---------- */
.foot{margin-top:56px;border-top:3px double var(--ink);background:var(--paper-2);padding:28px 0 calc(20px + env(safe-area-inset-bottom));font-size:.92rem}
.foot__grid{display:grid;gap:20px}
.foot__logo{font:800 1.8rem/1 var(--serif);margin:0 0 .5em}
.foot__disc{color:var(--ink-2);max-width:60ch}
.foot__h{font:700 .76rem var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .4em}
.foot ul{list-style:none;margin:0;padding:0}
.foot li a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.foot__bottom{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;border-top:1px solid var(--rule);margin-top:16px;padding-top:12px;color:var(--muted)}
.foot__bottom a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}

/* ---------- breakpoints ---------- */
@media (min-width:600px){:root{--gut:24px}.hero__art{height:150px}}
@media (min-width:900px){
  .hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px;padding-top:36px}
  .hero__art{order:0;height:300px}
  .two{grid-template-columns:1fr 1fr}
  .scorebox{grid-template-columns:minmax(220px,1fr) 3fr}
  .foot__grid{grid-template-columns:2fr 1fr 1fr}
  .mast__logo{font-size:3.3rem}
  .calc,.tool{padding:28px 32px}
  .mica{padding:24px 28px}
}
@media (min-width:1200px){:root{--gut:40px}.hero__art{height:340px}}
@media (min-width:1600px){body{font-size:18px}}
@media print{.mast__nav,.sheet,.rk__bar,.next,.foot,.hero__art{display:none}}
@media (forced-colors:active){.bars__fill,.meters__bar span,.score__bar span,.pairs__fill{background:CanvasText}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:819.98px){.tbl--vs tbody tr>td{grid-column:span 3}}
.cards--mini{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:8px}
.cards--mini .card{padding:10px 12px}
.cards--mini .card__t{font-size:1.1rem;margin:.35em 0 0}
.st{overflow-wrap:normal;word-break:normal}
@media (max-width:819.98px){.tbl--g tbody tr>td:has(>.st){grid-column:1/-1}}
@media (max-width:819.98px){
  .tbl--g tbody tr:has(>td:nth-of-type(2):last-child)>td{grid-column:span 3}
  .tbl--g tbody tr:has(>td:nth-of-type(1):last-child)>td{grid-column:1/-1}
}
@media (max-width:819.98px){
  .tbl--q tbody tr>td:nth-child(5){display:none}
  .tbl--q tbody tr{padding:4px 14px;margin-bottom:8px}
  .tbl--q tbody tr>th:first-child{padding:6px 0 2px}
}
@media (max-width:819.98px){.tbl--g tbody td{font-size:.93rem}.tbl--g tbody tr{column-gap:8px}}
[hidden]{display:none!important}
@media (min-width:600px) and (max-width:819.98px){
  .tbl--rank tbody,.tbl--cost tbody,.tbl--g tbody,.tbl--l tbody{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
  .tbl--rank tbody tr,.tbl--cost tbody tr,.tbl--g tbody tr,.tbl--l tbody tr{margin:0}
  .tbl--q tbody{grid-template-columns:1fr 1fr 1fr}
}
.cost__w{display:block;font-size:.8rem;color:var(--no);line-height:1.3;margin-top:2px}
.bars--warn .bars__fill{background:var(--muted);opacity:.55}
.calc__sub{font-size:.92rem;color:var(--ink-2);font-weight:600;margin:14px 0 2px}

/* menu «Sezioni» su mobile */
.mast__menu{display:none}
@media (max-width:599.98px){
  .js .mast__menu{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--ink);border-radius:99px;background:transparent;color:var(--ink);font:600 .95rem var(--sans);cursor:pointer;margin-left:auto}
  .mast__menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .mast__menu[aria-expanded=true]{background:var(--ink);color:var(--paper)}
  .mast__top{flex-wrap:nowrap;align-items:center;padding-top:10px}
  .mast__logo{font-size:1.9rem;align-items:center}
  .mast__issue{display:none}
  .js .mast__nav{display:none}
  .js .mast__nav.is-open{display:block;border-top:1px solid var(--rule)}
  .js .mast__nav ul{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:4px 0 8px}
  .mast__nav a{padding:0 2px}
  .hero__art{height:80px}
  .hero{padding-top:14px;gap:12px}
  .crumbs ol{padding-top:4px}
}
@media (min-width:600px) and (max-width:819.98px){.sheet__panel{margin-top:4px}}
@media (min-width:820px){.js .sheet,.js .sheet.is-open{display:block}.sheet__panel{display:flex;background:none;border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;padding:0;margin:0}}
.bars--warn .bars__v{white-space:normal;min-width:0}.bars--warn .bars__v small{display:block;line-height:1.3}

/* wave 2: copertina come accento, prima schermata con le prime cinque */
.hero{grid-template-columns:1fr}
.hero__art{display:none}
@media (min-width:900px){
  .hero{grid-template-columns:1fr;align-items:start}
  .hero__art{display:none!important}
  .hero--home{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:40px}
}
.top5{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--bord);border-radius:0 0 var(--r) var(--r);padding:12px 14px 14px}
.top5__h{font-size:1.15rem;margin:0 0 6px}
.top5__l{list-style:none;margin:0 0 12px;padding:0}
.top5__i{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"r n s" "r c c";gap:2px 10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rule-2)}
.top5__r{grid-area:r;font:700 1.35rem/1 var(--sans);color:var(--bord);align-self:start;padding-top:2px}
.top5__n{grid-area:n;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.top5__n a{font-weight:700;font-size:1.05rem}
.top5__s{grid-area:s;text-align:right;white-space:nowrap}
.top5__s b{font:700 1.15rem var(--sans)}
.top5__s small,.top5__c small{display:block;font-size:.8rem;color:var(--muted)}
.top5__c{grid-area:c;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:.92rem}
.top5__c .cost,.top5__c .cost__p{display:inline}
.top5__c small{display:inline;order:-1}
@media (min-width:600px){.top5__i{grid-template-columns:2.2rem minmax(0,1fr) 6.5rem 9rem;grid-template-areas:"r n s c"}.top5__c{display:block;text-align:right}.top5__c .cost,.top5__c .cost__p{display:block}.top5__c small{display:block;order:0}}
.top5__go{width:100%}
@media (min-width:600px){.top5__go{width:auto}}
.conv__row--3{grid-template-columns:1fr}
@media (min-width:700px){.conv__row--3{grid-template-columns:1fr 1fr 1fr}}
.hero--home .lede{margin:0}
@media (min-width:900px){.hero--home{grid-template-areas:"t f" "l f"}.hero--home .hero__txt{grid-area:t}.hero--home .top5{grid-area:f}.hero--home .lede{grid-area:l;align-self:end}}
.mreg__sub,.tco__sub{margin:-.25rem 0 1rem;color:var(--muted);font-size:.93rem}
.mreg__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;margin-bottom:.85rem}
.mreg__in,.mreg__sel{width:100%;min-height:42px;padding:.45rem .65rem;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:var(--r)}
.mreg__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.55rem .75rem;background:var(--bg);border:1px solid var(--rule);border-radius:var(--r)}
.mreg__chk{display: inline-flex;align-items:center;gap:.45rem;font-size:.9rem;cursor:pointer}
.mreg__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.88rem}
.mreg__code{display:inline-block;padding:.1rem .38rem;margin:.1rem .15rem .1rem 0;font-family:var(--mono);font-size:.78rem;font-weight:700;background:var(--bg);border:1px solid var(--rule);border-radius:3px;text-decoration:none;cursor:help}
.tco__row2{margin-top:.85rem;align-items:start}
.tco__lbl{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.3rem}
.tco__checks{display:flex;flex-direction:column;gap:.35rem}
.tco__cap{margin:.2rem 0 0;font-size:.92rem}
.tco__out{display:grid;gap:.65rem;margin:1rem 0}
.tco__card{padding:.85rem 1rem;background:var(--bg);border:1px solid var(--rule);border-radius:var(--r)}
.tco__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem}
.tco__rk{display:inline-block;min-width:1.8rem;font-family:var(--mono);font-weight:700;color:var(--acc)}
.tco__price{font-family:var(--mono);font-size:1.05rem}
.tco__price span{font-size:.82rem;color:var(--muted);margin-left:.25rem}
.tco__meta{margin:.4rem 0 0;font-size:.85rem;color:var(--muted)}
.badge--warn{display:inline-block;padding:.1rem .4rem;font-size:.75rem;background:var(--warn-bg);color:var(--warn);border-radius:3px}