/* provalo: lo stile che nell'HTML originale stava dentro la pagina */
.palco{min-height:64vh}
.passi{display:flex;gap:0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);
  margin-bottom:0;background:var(--carta)}
.passo{flex:1;padding:15px 18px;border-right:1px solid var(--linea);position:relative;
  font-family:Mono,monospace;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--grigio2);transition:color .25s,background .25s}
.passo:last-child{border-right:0}
.passo b{display:block;font-family:Serif,serif;font-size:15px;letter-spacing:normal;
  text-transform:none;color:var(--grigio2);margin-top:5px;font-weight:400;transition:color .25s}
.passo.qui{background:var(--carta3);color:var(--oro)}
.passo.qui b{color:var(--inchiostro)}
.passo.fatto{color:var(--misura)}
.passo.fatto b{color:var(--grigio)}
@media(max-width:760px){.passo{padding:11px 10px;font-size:8px}.passo b{font-size:12px}}

.griglia-schede{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;margin-top:44px}
.scelta{cursor:pointer;text-align:left;font:inherit;background:#fff;width:100%}
.opz{display:grid;gap:0;margin-top:26px;border-top:1px solid var(--linea)}
.opz button{display:grid;grid-template-columns:38px 1fr;gap:20px;align-items:start;width:100%;
  text-align:left;background:none;border:0;border-bottom:1px solid var(--linea);
  padding:22px 16px 22px 0;cursor:pointer;font:inherit;transition:background .18s}
.opz button:hover{background:rgba(17,24,35,.028)}
.opz button .k{font-family:Mono,monospace;font-size:11px;color:var(--oro);padding-top:4px}
.opz button .h{font-family:Serif,serif;font-size:19.5px;color:var(--inchiostro);line-height:1.2}
.opz button .s{font-size:14.6px;color:var(--grigio);margin-top:7px;line-height:1.58;max-width:62ch}
.opz button.presa{background:rgba(168,130,63,.09)}
.opz button.presa .k::after{content:' ✓'}

.ctx{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:34px;margin-top:38px}
.ctx fieldset{border:0;padding:0;margin:0}
.ctx legend{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--grigio2);padding:0 0 12px;border-bottom:1px solid var(--linea);width:100%}
.ctx label{display:flex;gap:11px;align-items:baseline;padding:11px 0;cursor:pointer;
  font-size:15px;color:var(--grigio);border-bottom:1px dotted var(--linea)}
.ctx label:hover{color:var(--inchiostro)}
.ctx input{accent-color:var(--navy);margin:0;flex:none;position:relative;top:2px}
.ctx input:checked+span{color:var(--inchiostro)}

.risposta{background:#fff;border:1px solid var(--linea);margin-top:40px}
.risposta .capo{padding:22px 30px;border-bottom:1px solid var(--linea);display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;background:var(--carta)}
.risposta .corpo{padding:32px 34px}
.risposta .corpo p{font-size:16.8px;line-height:1.76;color:var(--inchiostro)}
.risposta .corpo p+p{margin-top:17px}
.risposta .pie{border-top:1px solid var(--linea);padding:24px 34px;background:var(--carta)}
@media(max-width:600px){.risposta .corpo,.risposta .capo,.risposta .pie{padding-left:20px;padding-right:20px}}

.fiducie{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:8px}
@media(max-width:600px){.fiducie{grid-template-columns:1fr;gap:20px}}
.fid .et{font-family:Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--grigio2);display:flex;justify-content:space-between}
.fid .sc{display:flex;gap:4px;margin-top:9px}
.fid .sc i{flex:1;height:6px;background:var(--carta3)}
.fid .sc i.on{background:var(--misura)}
.fid .sc i.on.med{background:var(--oro)}
.fid .sc i.on.bas{background:var(--allarme)}
.fid .nota{font-size:13.6px;color:var(--grigio);margin-top:10px;line-height:1.55}

.blocco-stop{border:1px solid var(--allarme);background:rgba(158,63,58,.045);padding:30px 34px;margin-top:40px}
.blocco-stop h3{font-size:23px;color:var(--allarme)}
@media(max-width:600px){.blocco-stop{padding:22px 20px}}

.esito{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-top:44px;
  border-top:1px solid var(--linea)}
.esito div{padding:26px 26px 26px 0;border-right:1px solid var(--linea)}
.esito div:last-child{border-right:0}
.esito .n{font-family:Serif,serif;font-size:44px;line-height:1;color:var(--oro)}
.esito .t{font-size:14.4px;color:var(--grigio);margin-top:11px;line-height:1.55}
@media(max-width:760px){.esito{grid-template-columns:1fr}
  .esito div{border-right:0;border-bottom:1px solid var(--linea);padding-right:0}}

.appare{animation:sale .55s cubic-bezier(.16,1,.3,1) both}
@keyframes sale{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.scrive::after{content:'';display:inline-block;width:8px;height:17px;background:var(--oro);
  margin-left:3px;vertical-align:-2px;animation:lampo .9s steps(2) infinite}
@keyframes lampo{50%{opacity:0}}