/* VisioFrameTech — sistema grafico del sito.
   Gli stessi token serviranno ad allineare l'app Confronto prestazioni. */

@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url(fonts/archivo-latin.woff2) format('woff2')}
@font-face{font-family:'Plex Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/plexmono-400-latin.woff2) format('woff2')}
@font-face{font-family:'Plex Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url(fonts/plexmono-500-latin.woff2) format('woff2')}

:root{
  --paper:#EDF1F3; --sheet:#FFFFFF; --sheet2:#E3E9EC; --ink:#0E1A22; --ink2:#3C4C56; --mut:#66767F;
  --rule:#CAD4D9; --rule2:#B3C0C6;
  --petrol:#17485E; --petrol-ink:#123B4E; --petrol-soft:#D6E4EA;
  --act:#EE8127; --act-ink:#A34E0B; --act-soft:#FBE8D6; --on-act:#1A0E04;
  --glass:#CFE4EB; --glass-edge:#6FA0B2;
  --wall:#D2CCC2; --wall-line:#A39A8C; --insul:#EADFAE; --insul-line:#B8A65A;
  --wood:#B58E63; --alu:#8C9AA3; --pa:#3B4750; --seal:#EE8127;
  --shadow:0 1px 2px rgba(14,26,34,.06), 0 12px 32px -16px rgba(14,26,34,.22);
  --r:6px; --wrap:1180px;
  --f-display:'Archivo',system-ui,sans-serif; --f-body:'Archivo',system-ui,sans-serif;
  --f-mono:'Plex Mono',ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0B1419; --sheet:#111E26; --sheet2:#172833; --ink:#E4ECEF; --ink2:#B0BFC6; --mut:#84959E;
    --rule:#243640; --rule2:#304651;
    --petrol:#6AA7BF; --petrol-ink:#8FC0D3; --petrol-soft:#16303C;
    --act:#EE8127; --act-ink:#F5A055; --act-soft:#3A2616; --on-act:#1A0E04;
    --glass:#193743; --glass-edge:#4F8597;
    --wall:#3B3833; --wall-line:#5E584F; --insul:#4A4228; --insul-line:#7D6F3A;
    --wood:#7E6245; --alu:#6C7A83; --pa:#A9B5BC;
    --shadow:0 1px 2px rgba(0,0,0,.45), 0 14px 34px -16px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0B1419; --sheet:#111E26; --sheet2:#172833; --ink:#E4ECEF; --ink2:#B0BFC6; --mut:#84959E;
  --rule:#243640; --rule2:#304651;
  --petrol:#6AA7BF; --petrol-ink:#8FC0D3; --petrol-soft:#16303C;
  --act:#EE8127; --act-ink:#F5A055; --act-soft:#3A2616; --on-act:#1A0E04;
  --glass:#193743; --glass-edge:#4F8597;
  --wall:#3B3833; --wall-line:#5E584F; --insul:#4A4228; --insul-line:#7D6F3A;
  --wood:#7E6245; --alu:#6C7A83; --pa:#A9B5BC;
  --shadow:0 1px 2px rgba(0,0,0,.45), 0 14px 34px -16px rgba(0,0,0,.6);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;
  font-stretch:100%;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:var(--petrol-ink);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--act-ink)}
:focus-visible{outline:2px solid var(--act);outline-offset:3px;border-radius:2px}
sub{font-size:.68em;line-height:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
@media (max-width:600px){.wrap{padding:0 16px}}
.skip{position:absolute;left:-999px;top:8px;background:var(--sheet);padding:8px 12px;z-index:50}
.skip:focus{left:8px}

/* ---- tipografia ---- */
h1,h2,h3{font-family:var(--f-display);color:var(--ink);margin:0;letter-spacing:-.018em}
h1{font-size:clamp(40px,6.2vw,76px);line-height:.98;font-weight:780;font-stretch:118%}
h2{font-size:clamp(28px,3.4vw,42px);line-height:1.05;font-weight:740;font-stretch:115%}
h3{font-size:20px;line-height:1.25;font-weight:680;font-stretch:108%;letter-spacing:-.005em}
p{margin:0 0 1em}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--ink2);max-width:40em}
.tag{font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--petrol-ink)}
.tag--act{color:var(--act-ink)}
.mono{font-family:var(--f-mono);font-size:.92em}
.mut{color:var(--mut)}
.num{font-family:var(--f-display);font-stretch:112%;font-weight:720;font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* ---- testata ---- */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--f-display);
  font-weight:760;font-stretch:120%;font-size:18px;letter-spacing:-.01em;white-space:nowrap}
.brand:hover{color:var(--ink)}
.brand svg{width:26px;height:26px;flex:none}
.brand b{font-weight:760;color:var(--petrol-ink)}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{color:var(--ink2);text-decoration:none;font-size:15px;font-weight:540;padding:8px 12px;border-radius:var(--r)}
.nav a:hover{color:var(--ink);background:var(--sheet2)}
.nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--act)}
.theme{background:none;border:1px solid var(--rule2);color:var(--ink2);width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;flex:none}
.theme:hover{color:var(--ink);border-color:var(--ink2)}
.menu{display:none;background:none;border:1px solid var(--rule2);color:var(--ink);border-radius:var(--r);
  padding:7px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-left:auto}
@media (max-width:900px){
  .menu{display:block}
  .nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;
    background:var(--sheet);border-bottom:1px solid var(--rule);padding:8px 16px 16px;gap:0}
  .nav.open{display:flex}
  .nav a{padding:12px 8px;border-bottom:1px solid var(--rule);border-radius:0}
  .nav a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--act)}
  .nav .btn{margin-top:12px;justify-content:center}
}

/* ---- pulsanti ---- */
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:15.5px;font-weight:640;line-height:1;
  padding:13px 20px;border-radius:var(--r);border:1px solid transparent;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn--act{background:var(--act);color:var(--on-act)}
.btn--act:hover{background:color-mix(in srgb,var(--act) 88%,#000);color:var(--on-act)}
.btn--line{border-color:var(--rule2);color:var(--ink);background:transparent}
.btn--line:hover{border-color:var(--ink);color:var(--ink)}
.nav .btn{padding:10px 16px;font-size:14.5px}
.nav a.btn--act,.nav a.btn--act:hover{color:var(--on-act);background:var(--act)}
.nav a.btn--act:hover{background:color-mix(in srgb,var(--act) 88%,#000)}
.btn .arr{transition:transform .2s}
.btn:hover .arr{transform:translateX(3px)}

/* ---- sezioni ---- */
section{padding:88px 0}
section + section{border-top:1px solid var(--rule)}
@media (max-width:600px){section{padding:60px 0}}
.head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 56px;align-items:end;margin-bottom:48px}
.head .tag{grid-column:1/-1}
@media (max-width:860px){.head{grid-template-columns:1fr}}
.sheet{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r)}

/* ---- hero con la sezione del nodo (la firma) ---- */
.hero{padding:64px 0 72px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px}}
.hero h1{font-size:clamp(40px,5.2vw,66px);font-stretch:112%;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--petrol-ink);font-stretch:125%}
.hero .lead{margin:24px 0 32px}
.cta{display:flex;gap:12px;flex-wrap:wrap}

.cut{position:relative;background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.cut-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rule);flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--rule2);border-radius:999px;padding:3px;background:var(--paper)}
.seg button{font:inherit;font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;
  border:0;background:none;color:var(--ink2);padding:7px 14px;border-radius:999px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.seg button[data-s="b"][aria-pressed="true"]{background:var(--act);color:var(--on-act)}
.cut-draw{position:relative;aspect-ratio:560/360;background:
  linear-gradient(var(--rule) 1px,transparent 1px) 0 0/20px 20px,
  linear-gradient(90deg,var(--rule) 1px,transparent 1px) 0 0/20px 20px;background-color:var(--sheet)}
.cut-draw::after{content:"";position:absolute;inset:0;background:var(--sheet);opacity:.55;pointer-events:none}
.cut-draw svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.cut .lay{transition:opacity .55s ease}
.cut[data-s="a"] .lay-b,.cut[data-s="b"] .lay-a{opacity:0}
.cut-nums{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)}
.cut-nums div{padding:14px 16px;border-right:1px solid var(--rule)}
.cut-nums div:last-child{border-right:0}
.cut-nums .tag{font-size:11px;display:block;color:var(--mut)}
.cut-nums .num{font-size:28px;display:block;margin-top:2px;transition:color .3s}
.cut-nums small{font-family:var(--f-mono);font-size:11.5px;color:var(--mut)}
.cut[data-s="b"] .cut-nums .num{color:var(--act-ink)}
.cut-legend{margin:0;padding:12px 16px;border-top:1px solid var(--rule);font-family:var(--f-mono);font-size:12px;line-height:1.5;color:var(--ink2);min-height:3.4em}
.cut-note{padding:10px 16px 14px;font-size:13px;color:var(--mut);border-top:1px solid var(--rule)}
@media (max-width:520px){.cut-nums{grid-template-columns:1fr 1fr}.cut-nums div:nth-child(2){border-right:0}
  .cut-nums div:last-child{grid-column:1/-1;border-top:1px solid var(--rule)}.cut-nums .num{font-size:24px}}
.dim{font-family:var(--f-mono);font-size:11px;fill:var(--ink2)}
.dim-l{stroke:var(--ink2);stroke-width:.8}
.lbl{font-family:var(--f-mono);font-size:10.5px;fill:var(--mut);letter-spacing:.06em;text-transform:uppercase}

/* ---- griglie di schede ---- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px}
.card p{margin:0;color:var(--ink2)}
.card .more{margin-top:auto;padding-top:12px;font-weight:620;text-decoration:none}
.card--link{text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.card--link:hover{border-color:var(--ink2);color:inherit;transform:translateY(-2px)}
.card--link:hover .more{color:var(--act-ink)}
.card svg.ico{width:44px;height:44px;margin-bottom:6px}

/* ---- prodotto in evidenza ---- */
.product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid var(--rule);border-radius:var(--r);background:var(--sheet);overflow:hidden}
.product > div{padding:40px}
.product .side{background:var(--petrol);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:28px}
:root[data-theme="dark"] .product .side{background:var(--petrol-soft);color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .product .side{background:var(--petrol-soft);color:var(--ink)}}
.product .side .tag{color:inherit;opacity:.8}
.product ul{margin:16px 0 28px;padding:0;list-style:none}
.product li{padding:10px 0 10px 26px;border-top:1px solid var(--rule);position:relative;color:var(--ink2)}
.product li::before{content:"";position:absolute;left:2px;top:19px;width:12px;height:2px;background:var(--act)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}
.facts .num{font-size:36px;display:block;line-height:1}
.facts span:not(.num){font-size:14px;opacity:.85;display:block;margin-top:6px}
@media (max-width:860px){.product{grid-template-columns:1fr}.product > div{padding:28px}}

/* ---- percorso (sequenza vera) ---- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;border-top:2px solid var(--ink)}
.step{padding:22px 22px 0 0;position:relative}
.step + .step{padding-left:22px;border-left:1px solid var(--rule)}
.step .tag{display:block;margin-bottom:10px}
.step p{color:var(--ink2);font-size:16px}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(3){padding-left:0;border-left:0}
  .step:nth-child(n+3){border-top:1px solid var(--rule);margin-top:8px}}
@media (max-width:520px){.steps{grid-template-columns:1fr}.step,.step + .step{padding-left:0;border-left:0;border-top:1px solid var(--rule)}}

.rail{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding:0;list-style:none}
.rail li{font-family:var(--f-mono);font-size:12.5px;padding:7px 12px;border:1px solid var(--rule2);border-radius:999px;background:var(--sheet);color:var(--ink2)}
.rail li b{color:var(--act-ink);font-weight:500;margin-right:6px}

/* ---- atti dei risultati ---- */
.acts{display:grid;gap:0;border-top:2px solid var(--ink)}
.act{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:32px;padding:32px 0;border-bottom:1px solid var(--rule)}
.act h3{font-size:24px}
.act ul{margin:0;padding:0;list-style:none}
.act li{padding:8px 0;border-top:1px dashed var(--rule2);color:var(--ink2);font-size:16px}
.act li:first-child{border-top:0;padding-top:0}
.act li b{color:var(--ink);font-weight:640}
@media (max-width:900px){.act{grid-template-columns:1fr;gap:12px}}

/* ---- tabella ---- */
.tbl{width:100%;border-collapse:collapse;font-size:15.5px}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--rule);vertical-align:top}
.tbl th{font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.tbl td.n{font-family:var(--f-display);font-stretch:112%;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .b{color:var(--act-ink)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---- due colonne testo + figura ---- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.split--flip > :first-child{order:2}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}.split--flip > :first-child{order:0}}
.fig{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r);padding:20px}
.fig figcaption{font-size:13px;color:var(--mut);margin-top:12px}
.checks{list-style:none;padding:0;margin:20px 0 0}
.checks li{padding:12px 0 12px 30px;border-top:1px solid var(--rule);position:relative}
.checks li::before{content:"";position:absolute;left:0;top:18px;width:14px;height:8px;border-left:2px solid var(--act);border-bottom:2px solid var(--act);transform:rotate(-45deg)}
.checks li b{font-weight:640}

/* ---- piani ---- */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1060px){.plans{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.plans{grid-template-columns:1fr}}
.plan{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r);padding:26px;display:flex;flex-direction:column}
.plan--hi{border-color:var(--act);box-shadow:0 0 0 1px var(--act) inset}
.plan h3{font-size:24px;margin:6px 0 8px}
.plan > p{color:var(--ink2);font-size:15.5px;min-height:3.2em}
.plan ul{list-style:none;padding:0;margin:8px 0 24px;font-size:15px}
.plan li{padding:8px 0 8px 22px;border-top:1px solid var(--rule);position:relative;color:var(--ink2)}
.plan li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:2px;background:var(--petrol)}
.plan .btn{margin-top:auto;justify-content:center}
.price{font-family:var(--f-mono);font-size:13px;color:var(--mut);margin-bottom:16px}

/* ---- modulo ---- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.form .full{grid-column:1/-1}
@media (max-width:600px){.form{grid-template-columns:1fr}}
.form label{display:block;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);
  border:1px solid var(--rule2);border-radius:var(--r);padding:12px 14px}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--act);outline-offset:0;border-color:transparent}
.form .ok{font-size:14px;color:var(--mut)}

/* ---- fascia finale ---- */
.band{background:var(--ink);color:var(--paper);border-radius:var(--r);padding:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:center}
.band h2{color:var(--paper)}
.band p{color:color-mix(in srgb,var(--paper) 75%,var(--ink));margin:12px 0 0;max-width:38em}
.band .btn--line{border-color:color-mix(in srgb,var(--paper) 40%,transparent);color:var(--paper)}
.band .btn--line:hover{border-color:var(--paper)}
@media (max-width:760px){.band{grid-template-columns:1fr;padding:32px 24px}}

/* ---- piede ---- */
.foot{border-top:1px solid var(--rule);padding:48px 0 56px;font-size:14.5px;color:var(--mut)}
.foot .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.foot h4{font-family:var(--f-mono);font-weight:500;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin:0 0 12px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:6px 0}
.foot a{color:var(--mut);text-decoration:none}
.foot a:hover{color:var(--ink)}
@media (max-width:760px){.foot .wrap{grid-template-columns:1fr 1fr}.foot .wrap > :first-child{grid-column:1/-1}}

/* ---- sotto-navigazione del prodotto ---- */
.subnav{border-bottom:1px solid var(--rule);background:var(--sheet)}
.subnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.subnav a{padding:14px 14px;font-size:14.5px;font-weight:560;color:var(--ink2);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.subnav a:hover{color:var(--ink)}
.subnav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--act)}
.pagehead{padding:56px 0 48px}
.pagehead h1{font-size:clamp(36px,5vw,60px)}
.pagehead .lead{margin-top:20px}
.crumb{font-family:var(--f-mono);font-size:12.5px;color:var(--mut);margin-bottom:18px}
.crumb a{color:var(--mut)}

/* il calore che passa */
.flusso path{stroke-dasharray:7 6;animation:flusso 1.1s linear infinite;opacity:.85}
@keyframes flusso{to{stroke-dashoffset:-13}}

/* ---- area riservata: la spiegazione dei calcoli ---- */
.doc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.doc > *{min-width:0}
@media (max-width:980px){.doc{grid-template-columns:1fr;gap:24px}}
.toc{position:sticky;top:84px;font-size:14.5px;max-height:calc(100vh - 100px);overflow:auto;padding-right:8px}
.toc ol{list-style:none;margin:10px 0 0;padding:0;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--rule);color:var(--ink2);text-decoration:none}
.toc a::before{content:counter(t) ". ";font-family:var(--f-mono);font-size:12px;color:var(--mut)}
.toc a:hover{color:var(--ink);border-left-color:var(--act)}
@media (max-width:980px){.toc{position:static;max-height:none;border:1px solid var(--rule);border-radius:var(--r);padding:16px;background:var(--sheet)}}
.chap{padding:8px 0 56px;border-bottom:1px solid var(--rule);margin-bottom:48px;scroll-margin-top:84px}
.chap:last-child{border-bottom:0}
.chap h2{font-size:clamp(26px,3vw,36px);margin:8px 0 18px}
.chap h3{margin:32px 0 10px}
.chap p,.chap li{max-width:44em}
.chap ul,.chap ol{padding-left:1.2em}
.chap li{margin:6px 0}
.idea{background:var(--petrol-soft);border-radius:var(--r);padding:18px 22px;margin:20px 0;max-width:46em}
.idea p:last-child{margin:0}
.formula{font-family:var(--f-mono);font-size:15px;background:var(--sheet);border:1px solid var(--rule);border-left:3px solid var(--petrol);
  border-radius:var(--r);padding:16px 20px;margin:18px 0;overflow-x:auto;max-width:46em;line-height:1.9}
.formula .f{font-size:17px;color:var(--ink);white-space:nowrap}
.formula .leg{display:block;font-size:13px;color:var(--ink2);line-height:1.6;margin-top:8px;white-space:normal}
.conti{background:var(--sheet);border:1px solid var(--rule);border-left:3px solid var(--act);border-radius:var(--r);padding:18px 22px;margin:20px 0;max-width:46em}
.conti .tag{display:block;margin-bottom:8px}
.conti ol{margin:0;padding-left:1.3em}
.conti .r{font-family:var(--f-mono);font-size:14.5px;white-space:nowrap}
.semplif{font-size:15px;color:var(--ink2);border-top:1px dashed var(--rule2);padding-top:12px;margin-top:20px;max-width:44em}
.semplif b{color:var(--ink)}
.riservato{display:inline-flex;gap:8px;align-items:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--act-ink);border:1px solid var(--act);border-radius:999px;padding:5px 12px}
@media (max-width:600px){.formula .f{white-space:normal}.conti .r{white-space:normal}}