/* ============================================================================
   ScuolaGo · Corso DigComp 2.2 — Quiz ed esame (dc-quiz.css)
   Usa le variabili di dc.css (--dc-*) e segue il tema scuro del sito.
   Indice: 1 scheda della domanda · 2 risposte a scelta · 3 metti in ordine ·
   4 abbina · 5 completa · 6 esito · 7 serie · 8 sessione d'esame · 9 referto
   e revisione · 10 barre · 11 grafici · 12 bagliore · 13 movimento ridotto e stampa ·
   14 P1-4: «Quanto sei sicuro?», esito che insegna, «Rivedi questo punto», «Segnala»
   ========================================================================== */

/* tema scuro: dove non c'è un colore d'area, il «pieno» dei bottoni e delle testate non può essere
   l'azzurro chiaro dell'accento (testo bianco illeggibile): si usa il blu ATA scuro */
html[data-theme=dark] :is(.dc-q-sess,.dc-q-serie,.dc-q-ref,.dc-q-sola,.dc-es,.dc-ti,.dc-fc,.dc-gl):not([class*="dc-area-"]){--dc-area-pieno:#2A78A8;--dc-area-d:#2A78A8;--dc-area:#3E9BD0}

/* ---------- 1. scheda della domanda ---------- */
.dc-q{position:relative;border-radius:22px;padding:20px 20px 18px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);font-family:var(--dc-sans);color:var(--dc-testo)}
.dc-q *{box-sizing:border-box}
.dc-q-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 12px;font:600 12.5px/1.3 var(--dc-sans);color:var(--dc-tenue)}
.dc-q-numero{font:800 12.5px/1 var(--dc-sans);letter-spacing:.04em;color:var(--dc-testo-2)}
.dc-q-liv{padding:3px 8px;border-radius:7px;background:var(--dc-sup-2);color:var(--dc-testo-2)}
.dc-q-comp{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;border-radius:7px;background:var(--dc-sup-2);color:var(--dc-testo-2)}
/* il chip della competenza (nowrap) non deve allargare le correzioni a fisarmonica sul telefono: i contenitori possono stringersi e
   l'ellissi funziona (nomi lunghi del secondo corso, «2.3 · Gestire, proteggere e condividere…»; integrazione 20/10/2026) */
.dc-q-meta,.dc-q-rev .dc-q,.dc-q-rev-l>li,.dc-q-rev .dc-acc-corpo{min-width:0}
.dc-q-rev-l{grid-template-columns:minmax(0,1fr)}
.dc-q-segna{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:10px;border:1px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo-2);font:700 13px/1 var(--dc-sans);cursor:pointer}
.dc-q-segna:hover{border-color:var(--dc-avv)}
.dc-q-segna[aria-pressed="true"]{background:var(--dc-avv-bg);border-color:color-mix(in srgb,var(--dc-avv) 50%,transparent);color:var(--dc-avv)}
.dc-q-segna[aria-pressed="true"] .dc-ico{fill:currentColor}
.dc-q-scenario{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--dc-area) 10%,var(--dc-sup)),var(--dc-sup-2));border:1px solid color-mix(in srgb,var(--dc-area) 22%,transparent)}
.dc-q-scenario-ico{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--dc-area-pieno)}
.dc-q-scenario-ico .dc-ico{width:20px;height:20px}
.dc-q-scenario b{display:block;font:800 11.5px/1.2 var(--dc-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--dc-area-t);margin:2px 0 4px}
.dc-q-scenario p{margin:0;font-size:15.5px;line-height:1.6;color:var(--dc-testo)}
.dc-q .dc-q-testo{margin:0;font:650 clamp(18px,2.3vw,20.5px)/1.45 var(--dc-sans);letter-spacing:-.005em;color:var(--dc-testo)}
.dc-q .dc-q-testo:focus{outline:none}
.dc-q .dc-q-testo:focus-visible{outline:3px solid var(--dc-focus);outline-offset:4px;border-radius:6px}
.dc-q-consegna{margin:6px 0 14px;font-size:14px;line-height:1.45;color:var(--dc-tenue)}
.dc-q-avviso{margin:8px 0 0;font:700 14px/1.4 var(--dc-sans);color:var(--dc-err)}
.dc-q-avviso:empty{display:none}
.dc-q-piede{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.dc-q-piede:empty{display:none}
.dc-q--vuota{animation:dcqScuoti .42s var(--dc-ease)}
@keyframes dcqScuoti{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}
.dc-q-sola+.dc-q-sola{margin-top:14px}
@media(max-width:560px){.dc-q{padding:16px 14px 14px;border-radius:18px}.dc-q-segna{margin-left:0}}

/* ---------- 2. risposte a scelta (singola, scenario, vero/falso, multipla) ---------- */
.dc-q-scelte{margin:0;padding:0;border:0;min-width:0;display:grid;gap:10px}
.dc-q-opz{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:56px;padding:13px 14px 13px 14px;border-radius:15px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);cursor:pointer;transition:border-color .18s var(--dc-ease),background .18s var(--dc-ease),box-shadow .18s var(--dc-ease),transform .18s var(--dc-ease);-webkit-tap-highlight-color:transparent}
.dc-q-opz:hover{border-color:color-mix(in srgb,var(--dc-area) 60%,var(--dc-bordo-2));box-shadow:0 4px 14px rgba(20,30,60,.08)}
.dc-q-opz:active{transform:scale(.99)}
.dc-q-inp{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.dc-q-lett{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:800 13.5px/1 var(--dc-sans);background:var(--dc-sup-3);color:var(--dc-testo-2);transition:background .18s,color .18s,transform .25s var(--dc-spring)}
.dc-q-scelte--multi .dc-q-lett{border-radius:8px;box-shadow:inset 0 0 0 2px var(--dc-bordo-2);background:transparent}
.dc-q-opz-t{flex:1 1 0%;min-width:0;padding-top:4px;font-size:16px;line-height:1.45;color:var(--dc-testo)}
.dc-q-segno{flex:0 0 auto;width:22px;height:22px;margin-top:4px}
.dc-q-opz:has(.dc-q-inp:focus-visible){outline:3px solid var(--dc-focus);outline-offset:2px}
.dc-q-opz--sel{border-color:var(--dc-area);background:color-mix(in srgb,var(--dc-area) 8%,var(--dc-sup));box-shadow:0 0 0 1px var(--dc-area) inset}
.dc-q-opz--sel .dc-q-lett{background:var(--dc-area-pieno);color:#fff;transform:scale(1.06);box-shadow:none}
.dc-q-bloccata .dc-q-opz{cursor:default}
.dc-q-bloccata .dc-q-opz:hover{box-shadow:none}
.dc-q-corretta .dc-q-opz{opacity:.62}
.dc-q-corretta .dc-q-opz--giusta,.dc-q-corretta .dc-q-opz--errata,.dc-q-corretta .dc-q-opz--mancata{opacity:1}
.dc-q-opz--giusta{border-color:var(--dc-ok)!important;background:var(--dc-ok-bg)!important;box-shadow:none!important}
.dc-q-opz--giusta .dc-q-lett{background:var(--dc-ok)!important;color:#fff!important}
html[data-theme=dark] .dc-q-opz--giusta .dc-q-lett{color:#0C1018!important}
.dc-q-opz--giusta .dc-q-segno{border-radius:50%;background:var(--dc-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/16px no-repeat;animation:dcPop .45s var(--dc-spring) both}
.dc-q-opz--errata{border-color:var(--dc-err)!important;background:var(--dc-err-bg)!important;box-shadow:none!important}
.dc-q-opz--errata .dc-q-lett{background:var(--dc-err)!important;color:#fff!important}
html[data-theme=dark] .dc-q-opz--errata .dc-q-lett{color:#0C1018!important}
.dc-q-opz--errata .dc-q-segno{border-radius:50%;background:var(--dc-err) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 8l8 8M16 8l-8 8'/%3E%3C/svg%3E") center/15px no-repeat}
.dc-q-opz--mancata{border-style:dashed!important;background:var(--dc-sup)!important}
.dc-q-opz--mancata .dc-q-opz-t::after{content:" · questa era giusta";font-weight:700;color:var(--dc-ok)}
.dc-q-perche{flex-basis:100%;display:flex;gap:8px;align-items:flex-start;margin:2px 0 0 42px;font-size:14px;line-height:1.5;color:var(--dc-testo-2)}
.dc-q-perche .dc-ico{flex:0 0 auto;margin-top:2px;color:var(--dc-err)}
.dc-q-opz{flex-wrap:wrap}
/* vero o falso: due bottoni grandi */
.dc-q-scelte--vf{grid-template-columns:1fr 1fr}
.dc-q-scelte--vf .dc-q-opz{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:96px;padding:16px 10px}
.dc-q-scelte--vf .dc-q-lett{width:40px;height:40px;border-radius:50%}
.dc-q-scelte--vf .dc-q-lett .dc-ico{width:22px;height:22px}
.dc-q-scelte--vf .dc-q-opz-t{flex:0 0 auto;padding:0;font:800 17px/1.2 var(--dc-sans)}
.dc-q-scelte--vf .dc-q-segno{position:absolute;top:10px;right:10px;margin:0}
.dc-q-scelte--vf .dc-q-perche{margin:4px 0 0;text-align:left}
.dc-q-scelte--vf .dc-q-opz--giusta .dc-q-lett{background:var(--dc-sup)!important;color:var(--dc-ok)!important;box-shadow:inset 0 0 0 2px var(--dc-ok)}
.dc-q-scelte--vf .dc-q-opz--errata .dc-q-lett{background:var(--dc-sup)!important;color:var(--dc-err)!important;box-shadow:inset 0 0 0 2px var(--dc-err)}
@media(min-width:720px){.dc-q-scelte:not(.dc-q-scelte--vf){gap:10px}}

/* ---------- 3. metti in ordine ---------- */
.dc-q-aiuto{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13.5px;line-height:1.4;color:var(--dc-tenue)}
.dc-q-aiuto .dc-ico{flex:0 0 auto}
.dc-q-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dc-q-voce{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 8px 8px 6px;border-radius:15px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);transition:box-shadow .2s var(--dc-ease),border-color .2s var(--dc-ease),transform .25s var(--dc-ease);user-select:none;-webkit-user-select:none}
.dc-q-voce:hover{border-color:color-mix(in srgb,var(--dc-area) 50%,var(--dc-bordo-2))}
.dc-q-maniglia{flex:0 0 auto;width:34px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--dc-tenue);cursor:grab;touch-action:none}
.dc-q-maniglia .dc-ico{width:20px;height:20px}
.dc-q-pos{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 13.5px/1 var(--dc-sans);color:#fff;background:var(--dc-area-pieno)}
html[data-theme=dark] .dc-q-pos{color:#0C1018;background:var(--dc-area-l)}
.dc-q-voce-t{flex:1 1 auto;min-width:0;font-size:15.5px;line-height:1.45;color:var(--dc-testo)}
.dc-q-frecce{flex:0 0 auto;display:flex;gap:4px}
.dc-q-freccia{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--dc-bordo);background:var(--dc-sup-2);color:var(--dc-testo);cursor:pointer}
.dc-q-freccia:hover:not(:disabled){border-color:var(--dc-area);color:var(--dc-area-t)}
.dc-q-freccia:disabled{opacity:.3;cursor:default}
.dc-q-voce--trascina{z-index:3;border-color:var(--dc-area);box-shadow:0 18px 40px rgba(20,30,60,.22);transition:box-shadow .2s,border-color .2s;cursor:grabbing}
html[data-theme=dark] .dc-q-voce--trascina{box-shadow:0 18px 40px rgba(0,0,0,.55)}
.dc-q-lista--trascina{cursor:grabbing}
@media(pointer:fine){.dc-q-voce{cursor:grab}}
.dc-q-conferma{margin-top:8px}
.dc-q-bloccata .dc-q-voce{cursor:default}
.dc-q-bloccata .dc-q-maniglia{visibility:hidden}
.dc-q-bloccata .dc-q-frecce{display:none}
.dc-q-voce--ok{border-color:var(--dc-ok);background:var(--dc-ok-bg)}
.dc-q-voce--ok .dc-q-pos{background:var(--dc-ok)}
.dc-q-voce--no{border-color:var(--dc-err);background:var(--dc-err-bg)}
.dc-q-voce--no .dc-q-pos{background:var(--dc-err)}
html[data-theme=dark] .dc-q-voce--ok .dc-q-pos,html[data-theme=dark] .dc-q-voce--no .dc-q-pos{color:#0C1018}
.dc-q-giusto{display:block;margin-top:3px;font:700 12.5px/1.3 var(--dc-sans);color:var(--dc-err)}
@media(max-width:400px){.dc-q-freccia{width:36px;height:38px}.dc-q-maniglia{width:26px}.dc-q-voce{gap:7px}}

/* ---------- 4. abbina ---------- */
.dc-q-coppie{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dc-q-coppia{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border-radius:16px;background:var(--dc-sup-2);border:1px solid var(--dc-bordo)}
.dc-q-sx{display:flex;align-items:center;gap:8px;font:700 15.5px/1.35 var(--dc-sans);color:var(--dc-testo);padding:2px 4px}
.dc-q-freccia-ab{display:none;color:var(--dc-tenue)}
.dc-q-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:10px 14px;border-radius:12px;border:1.5px dashed var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-tenue);font:600 15px/1.4 var(--dc-sans);text-align:left;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.dc-q-slot:hover:not(:disabled){border-color:var(--dc-area)}
.dc-q-slot--pieno{border-style:solid;border-color:color-mix(in srgb,var(--dc-area) 55%,transparent);background:color-mix(in srgb,var(--dc-area) 8%,var(--dc-sup));color:var(--dc-testo)}
.dc-q-slot--attesa{border-color:var(--dc-area);color:var(--dc-area-t);animation:dcqAttesa 1.4s ease-in-out infinite}
@keyframes dcqAttesa{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dc-area) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--dc-area) 18%,transparent)}}
.dc-q-slot--sopra{border-style:solid;border-color:var(--dc-area);background:color-mix(in srgb,var(--dc-area) 16%,var(--dc-sup));box-shadow:0 0 0 4px color-mix(in srgb,var(--dc-area) 22%,transparent)}
.dc-q-slot-t{flex:1 1 auto;min-width:0}
.dc-q-slot-x{flex:0 0 auto;color:var(--dc-tenue)}
.dc-q-slot-vuoto{font-weight:700}
.dc-q-banco{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;border-radius:16px;border:1px dashed var(--dc-bordo-2);background:color-mix(in srgb,var(--dc-area) 4%,transparent)}
.dc-q-tessera{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:46px;padding:9px 14px 9px 6px;border-radius:12px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo);font:600 14.5px/1.35 var(--dc-sans);text-align:left;cursor:pointer;box-shadow:0 2px 6px rgba(20,30,60,.06);transition:transform .18s var(--dc-ease),box-shadow .18s,border-color .18s,background .18s;-webkit-tap-highlight-color:transparent}
.dc-q-tessera .dc-q-maniglia{width:24px;height:30px}
.dc-q-tessera .dc-q-maniglia .dc-ico{width:16px;height:16px}
.dc-q-tessera:hover{border-color:var(--dc-area);transform:translateY(-1px)}
.dc-q-tessera[aria-pressed="true"]{border-color:var(--dc-area);background:var(--dc-area-pieno);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--dc-area) 35%,transparent);transform:translateY(-2px)}
.dc-q-tessera[aria-pressed="true"] .dc-q-maniglia{color:rgba(255,255,255,.8)}
.dc-q-tessera--via{opacity:.35}
.dc-q-tessera--ombra{position:fixed;z-index:500;margin:0;pointer-events:none;border-color:var(--dc-area);box-shadow:0 22px 48px rgba(20,30,60,.3);background:var(--dc-sup);transition:none}
.dc-q-banco-vuoto{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--dc-ok);font-weight:600}
.dc-q-coppia--ok{background:var(--dc-ok-bg);border-color:color-mix(in srgb,var(--dc-ok) 40%,transparent)}
.dc-q-coppia--ok .dc-q-slot{border-color:var(--dc-ok);border-style:solid;background:var(--dc-sup)}
.dc-q-coppia--no{background:var(--dc-err-bg);border-color:color-mix(in srgb,var(--dc-err) 40%,transparent)}
.dc-q-coppia--no .dc-q-slot{border-color:var(--dc-err);border-style:solid;background:var(--dc-sup);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--dc-err) 70%,transparent)}
.dc-q-coppia .dc-q-giusto{display:flex;align-items:center;gap:6px;margin:0;padding:0 4px;color:var(--dc-ok);font-size:13.5px}
.dc-q-bloccata .dc-q-slot{cursor:default}
@media(min-width:720px){
  .dc-q-coppia{grid-template-columns:minmax(0,.9fr) auto minmax(0,1.1fr);align-items:center;gap:10px}
  .dc-q-freccia-ab{display:block}
  .dc-q-coppia .dc-q-giusto{grid-column:3}
}
.dc-q-elenco{display:grid;gap:8px}
.dc-q-elenco-voce{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:52px;padding:12px 16px;border-radius:13px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo);font:600 15.5px/1.4 var(--dc-sans);text-align:left;cursor:pointer}
.dc-q-elenco-voce:hover{border-color:var(--dc-area,var(--dc-acc-2))}
.dc-q-elenco-voce small{font-size:12.5px;font-weight:600;color:var(--dc-tenue)}
.dc-q-elenco-voce--qui{border-color:var(--dc-acc-2);background:color-mix(in srgb,var(--dc-acc-2) 8%,var(--dc-sup))}

/* ---------- 5. completa la frase ---------- */
.dc-q .dc-q-frase{line-height:2.1}
.dc-q-spazio-box{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;vertical-align:baseline;margin:0 3px}
.dc-q input.dc-q-spazio{min-width:7.5em;max-width:100%;padding:3px 10px!important;border:0!important;border-bottom:2.5px solid var(--dc-area)!important;border-radius:9px 9px 3px 3px!important;background:color-mix(in srgb,var(--dc-area) 10%,var(--dc-sup))!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--dc-testo)!important;font-family:var(--dc-sans);font-weight:700;font-size:16px!important;line-height:1.3;text-align:center;vertical-align:baseline;transition:background .18s,border-color .18s}
.dc-q input.dc-q-spazio:hover{border-bottom-color:var(--dc-area-d)!important}
.dc-q input.dc-q-spazio:focus,.dc-q input.dc-q-spazio:focus-visible{outline:0!important;background:color-mix(in srgb,var(--dc-area) 18%,var(--dc-sup))!important;box-shadow:0 0 0 3px var(--dc-focus)!important;border-radius:9px 9px 3px 3px!important}
.dc-q .dc-q-spazio--ok input.dc-q-spazio{border-bottom-color:var(--dc-ok)!important;background:var(--dc-ok-bg)!important;color:var(--dc-ok)!important}
.dc-q .dc-q-spazio--no input.dc-q-spazio{border-bottom-color:var(--dc-err)!important;background:var(--dc-err-bg)!important;color:var(--dc-err)!important;text-decoration:line-through}
.dc-q .dc-q-inp{border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.dc-q-giusta{display:inline-block;padding:2px 9px;border-radius:8px;background:var(--dc-ok-bg);color:var(--dc-ok);font:800 .85em/1.4 var(--dc-sans)}
.dc-q-giusta::before{content:"→ "}
@media(max-width:560px){.dc-q input.dc-q-spazio{min-width:6em}}

/* ---------- 6. esito ---------- */
.dc-q-esito:empty{display:none}
.dc-q-esito{margin-top:14px}
.dc-q-esito-box{position:relative;padding:15px 16px 14px 16px;border-radius:16px;border:1px solid var(--dc-bordo);border-left-width:5px;background:var(--dc-sup-2);animation:dcEntra .4s var(--dc-ease) both}
.dc-q-esito--ok{border-left-color:var(--dc-ok);background:linear-gradient(90deg,var(--dc-ok-bg),var(--dc-sup-2) 70%)}
.dc-q-esito--no{border-left-color:var(--dc-err);background:linear-gradient(90deg,var(--dc-err-bg),var(--dc-sup-2) 70%)}
.dc-q-esito--ap{border-left-color:var(--dc-area);background:linear-gradient(90deg,color-mix(in srgb,var(--dc-area) 12%,var(--dc-sup-2)),var(--dc-sup-2) 70%)}
.dc-q-esito-h{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px 10px;margin-bottom:8px}
.dc-q-esito-h .dc-q-parz{grid-column:2;justify-self:start}
.dc-q-esito-h b{font:800 17px/1.3 var(--dc-sans)}
.dc-q-esito-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 auto;animation:dcPop .5s var(--dc-spring) both}
.dc-q-esito--ok .dc-q-esito-ico{background:var(--dc-ok)}
.dc-q-esito--no .dc-q-esito-ico{background:var(--dc-err)}
.dc-q-esito--ap .dc-q-esito-ico{background:var(--dc-area-pieno)}
html[data-theme=dark] .dc-q-esito--ok .dc-q-esito-ico,html[data-theme=dark] .dc-q-esito--no .dc-q-esito-ico{color:#0C1018}
.dc-q-esito--ok .dc-q-esito-h b{color:var(--dc-ok)}
.dc-q-esito--no .dc-q-esito-h b{color:var(--dc-err)}
.dc-q-esito--ap .dc-q-esito-h b{color:var(--dc-area-t)}
.dc-q-parz{padding:3px 9px;border-radius:99px;background:var(--dc-sup);font:700 12.5px/1.2 var(--dc-sans);color:var(--dc-testo-2)}
.dc-q-spieg{font-size:15.5px;line-height:1.65;color:var(--dc-testo)}
.dc-q-spieg p{margin:0 0 8px}
.dc-q-spieg p:last-child{margin-bottom:0}
.dc-q-quasi{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;font-size:14.5px;font-weight:600;color:var(--dc-avv)}
.dc-q-multi{color:var(--dc-testo-2)}
.dc-q-pn{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:14.5px;line-height:1.55;color:var(--dc-testo-2)}
.dc-q-pn .dc-ico{flex:0 0 auto;margin-top:3px;color:var(--dc-avv)}
.dc-q-altre{margin-top:10px}
.dc-q-altre .dc-acc{background:var(--dc-sup)}
.dc-q-altre .dc-acc-btn{min-height:44px;font-size:14.5px}
.dc-q-altre-l{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.dc-q-altre-l li{display:grid;gap:2px;padding:8px 0;border-top:1px dashed var(--dc-bordo)}
.dc-q-altre-l li:first-child{border-top:0;padding-top:0}
.dc-q-altre-l b{font-size:14.5px;color:var(--dc-testo)}
.dc-q-altre-l span{font-size:14px;color:var(--dc-testo-2)}
.dc-q-lezione{margin:12px 0 0}
.dc-q-lezione:empty{display:none}
.dc-pagina .dc-q-lezione-a,.dc-q-lezione-a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:11px;background:var(--dc-sup);border:1px solid var(--dc-bordo);color:var(--dc-acc)!important;text-decoration:none!important;font-size:14px;line-height:1.35}
.dc-q-lezione-a:hover{border-color:var(--dc-acc-2)}
.dc-q-lezione-a b{font-weight:700}
.dc-q--apertura{background:linear-gradient(160deg,color-mix(in srgb,var(--dc-area) 9%,var(--dc-sup)) 0%,var(--dc-sup) 55%);border-color:color-mix(in srgb,var(--dc-area) 26%,transparent)}
.dc-q--rivelata .dc-q-opz--errata{border-color:var(--dc-area)!important;background:color-mix(in srgb,var(--dc-area) 8%,var(--dc-sup))!important}
.dc-q--rivelata .dc-q-opz--errata .dc-q-lett{background:var(--dc-area-pieno)!important}
.dc-q--rivelata .dc-q-opz--errata .dc-q-segno{display:none}
.dc-q--rivelata .dc-q-perche .dc-ico{color:var(--dc-area-t)}

/* ---------- 7. serie (correzione subito) ---------- */
.dc-q-serie{font-family:var(--dc-sans)}
.dc-q-serie-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin:0 0 12px}
.dc-q-serie-h1{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
.dc-q-serie-n{font:800 15px/1.2 var(--dc-sans);color:var(--dc-testo)}
.dc-q-pallini{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}
.dc-q-pallini li{width:22px;height:8px;border-radius:99px;background:var(--dc-sup-3);transition:background .25s,width .25s var(--dc-ease)}
.dc-q-pallini li.on{width:34px;background:var(--dc-area)}
.dc-q-pallini li.ok{background:var(--dc-ok)}
.dc-q-pallini li.no{background:var(--dc-err)}
.dc-q-pallini li.fatta{background:color-mix(in srgb,var(--dc-area) 55%,var(--dc-sup-3))}
.dc-q-pallini li.on.ok,.dc-q-pallini li.on.no,.dc-q-pallini li.on.fatta{width:34px}
@media(max-width:560px){.dc-q-pallini li{width:14px}.dc-q-pallini li.on,.dc-q-pallini li.on.ok,.dc-q-pallini li.on.no{width:24px}}
.dc-q-ris{position:relative;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--dc-area) 16%,transparent),transparent 60%),var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);overflow:hidden}
.dc-q-ris .dc-anello-val{font:800 22px/1 var(--dc-sans)}
.dc-q-ris-t{flex:1 1 260px;min-width:0}
.dc-q-ris-t h3{margin:0;font:800 24px/1.2 var(--dc-sans)!important;letter-spacing:-.01em}
.dc-q-ris-t h3:focus{outline:none}
.dc-q-ris-t p{margin:6px 0 14px;color:var(--dc-testo-2);font-size:15.5px}
.dc-q-ris-az{display:flex;flex-wrap:wrap;gap:10px}
.dc-q-serie--fine .dc-q-rev{margin-top:18px}

/* ---------- 8. sessione d'esame ---------- */
.dc-q-sess{font-family:var(--dc-sans)}
.dc-q-sess-barra{position:sticky;top:calc(var(--dc-testa) + 8px);z-index:20;margin:0 0 14px;padding:10px 12px 10px 16px;border-radius:18px;background:var(--dc-vetro);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
.dc-q-sess-barra-r{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dc-q-sess-info{flex:1 1 auto;min-width:0}
.dc-q-sess-info b{display:block;font:800 14.5px/1.25 var(--dc-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-q-sess-num{display:block;font:600 12.5px/1.3 var(--dc-sans);color:var(--dc-tenue)}
.dc-q-sess-tempo{display:flex;align-items:center;gap:2px}
.dc-q-timer{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 12px;border-radius:11px;background:var(--dc-sup-2);border:1px solid var(--dc-bordo);font:800 16px/1 var(--dc-sans);font-variant-numeric:tabular-nums;color:var(--dc-testo)}
.dc-q-timer .dc-ico{color:var(--dc-tenue)}
.dc-q-timer--avviso{background:var(--dc-avv-bg);border-color:color-mix(in srgb,var(--dc-avv) 40%,transparent);color:var(--dc-avv)}
.dc-q-timer--avviso .dc-ico{color:var(--dc-avv)}
.dc-q-timer--ultimo{background:var(--dc-err-bg);border-color:color-mix(in srgb,var(--dc-err) 45%,transparent);color:var(--dc-err);animation:dcqBatte 1s ease-in-out infinite}
.dc-q-timer--ultimo .dc-ico{color:var(--dc-err)}
@keyframes dcqBatte{50%{transform:scale(1.05)}}
.dc-q-timer--nascosto .dc-q-timer-t{filter:blur(6px);opacity:.5}
.dc-q-occhio{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--dc-tenue);cursor:pointer}
.dc-q-occhio:hover{background:var(--dc-sup-2);color:var(--dc-testo)}
.dc-q-occhio[aria-pressed="true"]{color:var(--dc-acc)}
.dc-q-bgriglia{display:none}
.dc-q-bgriglia-n{font-variant-numeric:tabular-nums}
.dc-q-sess-sotto{margin:-4px 0 14px;font-size:14px;color:var(--dc-tenue)}
.dc-q-sess-corpo{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.dc-q-sess-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.dc-q-sess-nav .dc-btn--primario{margin-left:auto}
.dc-q-sess-lato{align-self:start;position:sticky;top:calc(var(--dc-testa) + 112px);padding:16px;border-radius:20px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
.dc-q-sess-lato h3{margin:0 0 10px;font:800 14px/1.2 var(--dc-sans)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--dc-tenue)!important}
.dc-q-sess-nota{margin:12px 0 0;font-size:12.5px;line-height:1.45;color:var(--dc-tenue)}
.dc-q-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}
.dc-q-cella{position:relative;min-width:0;height:40px;border-radius:10px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo-2);font:800 13.5px/1 var(--dc-sans);font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.dc-q-cella:hover:not(:disabled){border-color:var(--dc-area,var(--dc-acc-2));transform:translateY(-1px)}
.dc-q-cella:disabled{opacity:.4;cursor:not-allowed}
.dc-q-cella--fatta{background:color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 16%,var(--dc-sup));border-color:color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 45%,transparent);color:var(--dc-testo)}
.dc-q-cella--segnata::after{content:"";position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#E0A33E;border:2px solid var(--dc-sup)}
.dc-q-cella--qui{border-color:var(--dc-testo);box-shadow:0 0 0 2px var(--dc-testo) inset}
.dc-q-cella--mini{width:38px;height:36px}
.dc-q-legenda{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--dc-tenue)}
.dc-q-legenda li{display:flex;align-items:center;gap:6px}
.dc-q-cella-m{position:relative;display:inline-block;width:14px;height:14px;border-radius:4px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup)}
.dc-q-cella-m.dc-q-cella--fatta{background:color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 30%,var(--dc-sup))}
.dc-q-cella-m.dc-q-cella--segnata::after{width:9px;height:9px;top:-4px;right:-4px;border-width:1.5px}
.dc-q-griglia--modale{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}
.dc-q-griglia--modale .dc-q-cella{height:44px}
.dc-q-conferma-n{margin:0 0 10px;font-size:17px}
.dc-q-conferma-avv,.dc-q-conferma-ok{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border-radius:12px;font-weight:600;font-size:14.5px}
.dc-q-conferma-avv{background:var(--dc-avv-bg);color:var(--dc-avv)}
.dc-q-conferma-ok{background:var(--dc-ok-bg);color:var(--dc-ok)}
.dc-q-salti{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:13.5px;font-weight:700;color:var(--dc-testo-2)}
.dc-q-salti>span{margin-right:4px}
@media(min-width:980px){.dc-q-sess-corpo{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:979px){.dc-q-sess-lato{display:none}.dc-q-bgriglia{display:inline-flex}}
@media(max-width:560px){
  .dc-q-sess-barra{padding:8px 8px 8px 12px;border-radius:16px;top:calc(var(--dc-testa) + 4px)}
  .dc-q-sess-barra-r{gap:6px;flex-wrap:wrap}
  .dc-q-sess-info{flex:1 1 140px;order:1}
  .dc-q-sess-info b{font-size:13.5px;white-space:normal}
  .dc-q-bconsegna{order:2}
  .dc-q-sess-tempo{order:3;margin-right:auto}
  .dc-q-bgriglia{order:4}
  .dc-q-timer{min-height:36px;padding:5px 8px;font-size:15px;gap:5px}
  .dc-q-occhio{width:32px;height:36px}
  .dc-q-sess-barra .dc-btn--piccolo{padding:7px 10px;gap:6px}
  .dc-q-sess-barra-r{flex-wrap:wrap;row-gap:6px}
  .dc-q-sess-nav .dc-btn{flex:1}
}

/* ---------- 9. referto e revisione ---------- */
.dc-q-ref{font-family:var(--dc-sans);display:grid;gap:16px}
.dc-q-ref-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:26px;border-radius:26px;background:radial-gradient(120% 150% at 0% 0%,color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 18%,transparent),transparent 60%),var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra-h)}
.dc-q-ref-hero--ok{background:radial-gradient(120% 150% at 0% 0%,color-mix(in srgb,#2FA36B 22%,transparent),transparent 62%),var(--dc-sup)}
.dc-q-ref-hero--ok .dc-anello-arco{stroke:#2FA36B}
.dc-q-ref-anello .dc-anello-val{font:800 28px/1 var(--dc-sans)}
.dc-q-ref-hero-t{flex:1 1 300px;min-width:0}
.dc-q-ref-hero-t h2{margin:4px 0 6px;font:800 clamp(24px,3.6vw,32px)/1.15 var(--dc-sans)!important;letter-spacing:-.02em}
.dc-q-ref-hero-t h2:focus{outline:none}
.dc-q-ref-esito:empty{display:none}
.dc-q-ref-bollo{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:99px;font:800 12.5px/1 var(--dc-sans);letter-spacing:.06em;text-transform:uppercase}
.dc-q-ref-hero--ok .dc-q-ref-bollo{background:var(--dc-ok-bg);color:var(--dc-ok)}
.dc-q-ref-hero--no .dc-q-ref-bollo{background:var(--dc-avv-bg);color:var(--dc-avv)}
.dc-q-ref-num{margin:0 0 12px;font-size:16px;color:var(--dc-testo-2)}
.dc-q-ref-num b{color:var(--dc-testo)}
.dc-q-ref-chips{margin:0 0 12px}
.dc-q-ref-spiega{margin:-4px 0 12px;font-size:14.5px;line-height:1.5;color:var(--dc-testo-2);max-width:62ch}
.dc-q-avvertenza{display:inline-flex;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;border-radius:11px;background:var(--dc-sup-2);border:1px dashed var(--dc-bordo-2);font:700 12.5px/1.4 var(--dc-sans);letter-spacing:.02em;color:var(--dc-testo-2)}
.dc-q-avvertenza .dc-ico{flex:0 0 auto;margin-top:1px}
.dc-q-ref-det{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.dc-q-ref-det{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dc-q-ref-det>:only-child{grid-column:1/-1}}
.dc-q-ref-h{margin:0 0 4px;font:800 17px/1.3 var(--dc-sans)!important;color:var(--dc-testo)}
.dc-q-ref-h--2{margin-top:20px}
.dc-q-ref-s{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--dc-tenue)}
.dc-q-ref-blocco .dc-q-barre{margin-top:10px}
.dc-q-ref-az{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:6px 0 0}
.dc-q-rev{border-radius:22px;padding:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
.dc-q-rev-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.dc-q-rev-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dc-q-rev-voce .dc-acc-btn{align-items:flex-start;min-height:56px}
.dc-q-rev-voce .dc-acc-btn>span{display:flex;align-items:flex-start;gap:10px;min-width:0}
.dc-q-rev-ico{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff}
.dc-q-rev-ico .dc-ico{width:15px;height:15px;color:#fff!important;transform:none!important}
.dc-q-rev-ico.ok{background:var(--dc-ok)}
.dc-q-rev-ico.no{background:var(--dc-err)}
html[data-theme=dark] .dc-q-rev-ico .dc-ico{color:#0C1018!important}
.dc-q-rev-t{min-width:0;font-weight:600;font-size:15px;line-height:1.4}
.dc-q-rev-sc{display:block;margin-bottom:3px;font-weight:500;font-size:13.5px;line-height:1.45;color:var(--dc-testo-2)}
.dc-q-ref [tabindex="-1"]:focus,.dc-q-ris [tabindex="-1"]:focus,.dc-q [tabindex="-1"]:focus,.dc-q-rp [tabindex="-1"]:focus{outline:none}
.dc-pagina .dc-q-ref [tabindex="-1"]:focus-visible,.dc-pagina .dc-q-ris [tabindex="-1"]:focus-visible{outline:none!important}
.dc-q-rev-t small{display:block;margin-bottom:2px;font:700 12px/1.2 var(--dc-sans);letter-spacing:.03em;color:var(--dc-tenue)}
.dc-q-rev-voce .dc-acc-corpo{padding:0 10px 12px}
.dc-q-rev-voce .dc-q{box-shadow:none;background:var(--dc-sup-2)}
.dc-q-rev-voce .dc-q-opz,.dc-q-rev-voce .dc-q-voce,.dc-q-rev-voce .dc-q-slot{background:var(--dc-sup)}
.dc-q-rev-tutto{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 14px;border-radius:12px;background:var(--dc-ok-bg);color:var(--dc-ok);font-weight:700}
.dc-q-rev-vuoto{padding:12px;color:var(--dc-tenue);font-size:14.5px}
@media(max-width:560px){.dc-q-ref-hero{padding:20px 18px;gap:16px;border-radius:22px}.dc-q-rev{padding:14px 12px}.dc-q-rev-voce .dc-acc-corpo{padding:0 6px 10px}}

/* ---------- 10. barre ---------- */
.dc-q-barre{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dc-q-barra-r{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px}
.dc-q-barra-et{min-width:0;font:700 14px/1.35 var(--dc-sans);color:var(--dc-testo)}
.dc-pagina a.dc-q-barra-et{color:var(--dc-testo)!important;text-decoration:none}
.dc-pagina a.dc-q-barra-et:hover{text-decoration:underline}
.dc-q-barra-et .dc-fascia{color:var(--dc-testo)}
.dc-q-barra-v{flex:0 0 auto;font:700 13px/1.2 var(--dc-sans);font-variant-numeric:tabular-nums;color:var(--dc-testo-2)}
.dc-q-barra-fondo{position:relative;height:10px;border-radius:99px;background:var(--dc-sup-3)}
.dc-q-barra-riemp{position:absolute;inset:0 auto 0 0;border-radius:99px;background:var(--dc-area,var(--dc-acc-2));transition:width .8s var(--dc-ease)}
.dc-q-barra-riemp.ok{background:linear-gradient(90deg,var(--dc-area,var(--dc-acc-2)),color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 55%,#2FA36B))}
.dc-q-barra-soglia{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:2px;background:var(--dc-testo-2);opacity:.55}
.dc-q-barra--vuota .dc-q-barra-et{color:var(--dc-tenue);font-weight:600}
.dc-q-barra--vuota .dc-q-barra-v{font-weight:600;color:var(--dc-tenue)}

/* ---------- 11. grafici (radar, andamento) ---------- */
.dc-q-radar-fig,.dc-q-linea-fig{position:relative;margin:0}
.dc-q-radar{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;overflow:visible;font-family:var(--dc-sans)}
.dc-q-rad-anello{fill:none;stroke:var(--dc-bordo);stroke-width:1}
.dc-q-rad-anello--est{stroke:var(--dc-bordo-2)}
.dc-q-rad-soglia{fill:none;stroke:var(--dc-tenue);stroke-width:1.2;stroke-dasharray:4 4;opacity:.7}
.dc-q-rad-asse{stroke:var(--dc-bordo);stroke-width:1}
.dc-q-rad-tacca{fill:var(--dc-tenue);font:600 11.5px var(--dc-sans)}
.dc-q-rad-area{fill:var(--dc-area,var(--dc-acc-2));fill-opacity:.14;stroke:var(--dc-area,var(--dc-acc-2));stroke-width:2;stroke-linejoin:round}
.dc-q-rad-prec{fill:none;stroke:var(--dc-tenue);stroke-width:1.6;stroke-dasharray:5 4;stroke-linejoin:round}
.dc-q-rad-hit{fill:transparent}
.dc-q-rad-dot{fill:var(--dc-area,var(--dc-acc-2));stroke:var(--dc-sup);stroke-width:2}
.dc-q-rad-punto{cursor:default;outline:none}
.dc-q-rad-punto:focus-visible .dc-q-rad-dot{stroke:var(--dc-focus);stroke-width:3}
.dc-q-rad-punto:hover .dc-q-rad-dot{r:6.5}
.dc-q-rad-punto--vuoto .dc-q-rad-dot{fill:var(--dc-sup);stroke:var(--dc-tenue);stroke-width:1.5}
.dc-q-rad-t{fill:var(--dc-testo);font:700 14px var(--dc-sans)}
.dc-q-rad-v{fill:var(--dc-testo-2);font:700 13px var(--dc-sans)}
.dc-q-rad-badge{stroke:var(--dc-sup);stroke-width:2}
.dc-q-rad-badge.dc-q-a1{fill:var(--dc-a1-d)}.dc-q-rad-badge.dc-q-a2{fill:var(--dc-a2-d)}.dc-q-rad-badge.dc-q-a3{fill:var(--dc-a3-d)}.dc-q-rad-badge.dc-q-a4{fill:var(--dc-a4-d)}.dc-q-rad-badge.dc-q-a5{fill:var(--dc-a5-d)}.dc-q-rad-badge.dc-q-a6{fill:var(--dc-a6-d)}.dc-q-rad-badge.dc-q-a0{fill:var(--dc-tenue)}
.dc-q-rad-badge-t{fill:#fff;font:800 13px var(--dc-sans)}
.dc-q-tip{position:absolute;z-index:5;transform:translate(-50%,-100%);padding:6px 10px;border-radius:9px;background:#1B2232;color:#fff;font:700 12.5px/1.3 var(--dc-sans);white-space:nowrap;pointer-events:none;box-shadow:0 8px 22px rgba(0,0,0,.25)}
html[data-theme=dark] .dc-q-tip{background:#E9EEF7;color:#121826}
.dc-q-rad-legenda{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin:4px 0 0;font:600 13px/1.3 var(--dc-sans);color:var(--dc-testo-2)}
.dc-q-rad-legenda span{display:inline-flex;align-items:center;gap:7px}
.dc-q-rad-leg-att{width:18px;height:10px;border-radius:3px;background:color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 22%,transparent);border:2px solid var(--dc-area,var(--dc-acc-2))}
.dc-q-rad-leg-prec{width:18px;height:0;border-top:2px dashed var(--dc-tenue)}
.dc-q-rad-tab{width:100%;margin:12px 0 0;border-collapse:collapse;font-size:14px}
.dc-q-rad-tab th,.dc-q-rad-tab td{padding:7px 8px;border-top:1px solid var(--dc-bordo);text-align:left;font-variant-numeric:tabular-nums}
.dc-q-rad-tab thead th{border-top:0;font:800 11.5px/1.2 var(--dc-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dc-tenue)}
.dc-q-rad-tab tbody th{font-weight:600;color:var(--dc-testo)}
.dc-q-rad-tab td{text-align:right;font-weight:700;color:var(--dc-testo-2);white-space:nowrap}
.dc-q-rad-tab thead th+th{text-align:right}
.dc-q-rad-num{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;color:#fff;font:800 11px/1 var(--dc-sans);vertical-align:-4px}
.dc-q-ab1{background:var(--dc-a1-d)}.dc-q-ab2{background:var(--dc-a2-d)}.dc-q-ab3{background:var(--dc-a3-d)}.dc-q-ab4{background:var(--dc-a4-d)}.dc-q-ab5{background:var(--dc-a5-d)}.dc-q-ab6{background:var(--dc-a6-d)}.dc-q-ab0{background:var(--dc-tenue)}
.dc-q-linea{display:block;width:100%;height:auto;overflow:visible;font-family:var(--dc-sans)}
.dc-q-lin-griglia{stroke:var(--dc-bordo);stroke-width:1}
.dc-q-lin-tacca{fill:var(--dc-tenue);font:600 11.5px var(--dc-sans)}
.dc-q-lin-tacca--soglia{fill:var(--dc-testo-2);font-weight:700}
.dc-q-lin-soglia{stroke:var(--dc-tenue);stroke-width:1.2;stroke-dasharray:4 4}
.dc-q-lin-area{fill:var(--dc-acc-2);fill-opacity:.1;stroke:none}
.dc-q-lin{fill:none;stroke:var(--dc-acc-2);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.dc-q-lin-dot{fill:var(--dc-acc-2);stroke:var(--dc-sup);stroke-width:2}
.dc-q-lin-dot.ultimo{fill:var(--dc-acc)}
.dc-q-lin-punto{outline:none}
.dc-q-lin-punto:focus-visible .dc-q-lin-dot{stroke:var(--dc-focus);stroke-width:3}
.dc-q-lin-val{fill:var(--dc-testo);font:800 13px var(--dc-sans)}

/* ---------- 12. bagliore (al posto dei coriandoli: regola 7 del piano) ---------- */
.dc-q-brilla{animation:dcqBrilla 1.6s var(--dc-ease) 1}
@keyframes dcqBrilla{0%{box-shadow:var(--dc-ombra),0 0 0 0 color-mix(in srgb,var(--dc-ok) 0%,transparent)}35%{box-shadow:var(--dc-ombra),0 0 0 6px color-mix(in srgb,var(--dc-ok) 28%,transparent)}100%{box-shadow:var(--dc-ombra),0 0 0 14px color-mix(in srgb,var(--dc-ok) 0%,transparent)}}

/* ---------- 13. movimento ridotto e stampa ---------- */
@media(prefers-reduced-motion:reduce){
  .dc-q *,.dc-q-serie *,.dc-q-sess *,.dc-q-ref *{animation:none!important;transition:none!important}
  .dc-q--vuota{animation:none!important}
  .dc-q-brilla{animation:none!important}
}
@media(forced-colors:active){
  .dc-q-opz--giusta,.dc-q-voce--ok,.dc-q-coppia--ok{border:3px solid Highlight!important}
  .dc-q-opz--errata,.dc-q-voce--no,.dc-q-coppia--no{border:3px dashed CanvasText!important}
}
@media print{
  .dc-q-sess-barra,.dc-q-sess-lato,.dc-q-sess-nav,.dc-q-ref-az,.dc-q-piede,.dc-q-segna,.dc-q-tip,.dc-q-coda,.dc-q-rivedi,.dc-q-cert{display:none!important}
  .dc-q,.dc-q-ref-hero,.dc-q-rev,.dc-q-ris{box-shadow:none!important;break-inside:avoid}
  .dc-q-rev-voce .dc-acc-corpo[hidden]{display:none!important}
  .dc-q-avvertenza{border:1px solid #000;color:#000}
}

/* ---------- 14. P1-4 ---------- */
/* «Quanto sei sicuro?»: tre bottoni che sono anche la conferma */
.dc-q-piede:has(.dc-q-cert){display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.dc-q-cert{display:grid;gap:8px;padding:12px;border-radius:16px;background:var(--dc-sup-2);border:1px solid var(--dc-bordo)}
.dc-q-cert-h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}
.dc-q-cert-l{font-size:14px;line-height:1.35;color:var(--dc-testo-2)}
.dc-q-cert-l b{font:800 15px/1.3 var(--dc-sans);color:var(--dc-testo);margin-right:4px}
.dc-q-cert-perche{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--dc-acc);font:700 13.5px/1 var(--dc-sans);cursor:pointer}
.dc-q-cert-perche:hover{background:var(--dc-sup);text-decoration:underline}
.dc-q-cert-b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dc-pagina .dc-q-cert-btn,.dc-q-cert-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:52px;height:auto;padding:10px 12px;border-radius:13px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo);font:700 14.5px/1.25 var(--dc-sans);text-align:left;white-space:normal;box-shadow:none}
.dc-q-cert-btn:hover{border-color:var(--dc-area,var(--dc-acc-2));background:color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 7%,var(--dc-sup))}
.dc-q-cert-btn:active{transform:scale(.98)}
.dc-q-cert-ico{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--dc-area,var(--dc-acc-2)) 12%,var(--dc-sup));color:var(--dc-area-t,var(--dc-acc))}
.dc-q-cert-ico .dc-ico{width:20px;height:20px}
.dc-q-nonso{justify-self:start}
@media(max-width:600px){
  .dc-pagina .dc-q-cert-btn,.dc-q-cert-btn{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:76px;padding:10px 6px;text-align:center;font-size:13.5px}
  .dc-q-cert{padding:10px}
}
/* esito che insegna */
.dc-q-esito-t:focus,.dc-pagina .dc-q .dc-q-esito-t:focus-visible{outline:none!important}
.dc-q-giuste{list-style:none;margin:2px 0 10px;padding:0;display:grid;gap:6px}
.dc-q-giuste li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:11px;background:var(--dc-sup);border:1px solid color-mix(in srgb,var(--dc-ok) 35%,var(--dc-bordo));font-size:15px;line-height:1.45;color:var(--dc-testo)}
.dc-q-giuste li b{flex:0 0 auto;display:grid;place-items:center;min-width:26px;height:26px;border-radius:8px;background:var(--dc-ok);color:#fff;font:800 13px/1 var(--dc-sans)}
html[data-theme=dark] .dc-q-giuste li b{color:#0C1018}
.dc-q-esito--ap .dc-q-giuste li{border-color:color-mix(in srgb,var(--dc-area) 40%,var(--dc-bordo))}
.dc-q-esito--ap .dc-q-giuste li b{background:var(--dc-area-pieno);color:#fff}
.dc-q-cnota{display:flex;gap:9px;align-items:flex-start;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--dc-sup);border:1px dashed var(--dc-bordo-2);font-size:14.5px;line-height:1.55;color:var(--dc-testo-2)}
.dc-q-cnota .dc-ico{flex:0 0 auto;margin-top:2px;color:var(--dc-acc)}
.dc-q-cnota b{color:var(--dc-testo)}
.dc-q-cnota--forte{border-style:solid;border-color:color-mix(in srgb,var(--dc-avv) 45%,transparent);background:var(--dc-avv-bg)}
.dc-q-cnota--forte .dc-ico{color:var(--dc-avv)}
.dc-q-allena{margin-top:12px;background:var(--dc-sup)}
.dc-q-allena .dc-acc-btn{min-height:44px;padding:9px 14px;font-size:14px}
.dc-q-allena-t{display:flex;align-items:center;gap:9px;min-width:0}
.dc-q-allena-t>.dc-ico{flex:0 0 auto;color:var(--dc-area-t,var(--dc-acc))}
.dc-q-allena-t small{display:block;font:800 11px/1.2 var(--dc-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dc-tenue)}
.dc-q-allena-c{display:grid;gap:10px}
.dc-q-allena-comp{margin:0;font-size:14.5px;line-height:1.5;color:var(--dc-testo)}
.dc-q-ksa-l{margin:0;padding:0;list-style:none}
.dc-q-ksa-l .dc-ksa-voce{padding:10px 12px}
.dc-q-ksa-l .dc-ksa-voce p{font-size:14.5px;line-height:1.55}
.dc-q-allena-fonte{margin:0;font-size:13px;line-height:1.45;color:var(--dc-tenue)}
.dc-q-lezione .dc-q-rivedi{border-color:color-mix(in srgb,var(--dc-acc) 35%,var(--dc-bordo-2));color:var(--dc-acc);white-space:normal;text-align:left;height:auto;min-height:44px}
.dc-q-rivedi b{font-weight:700}
/* senza correzione (diagnosi): stesso aspetto per giuste e sbagliate */
.dc-q-esito--neutro{border-left-color:var(--dc-tenue);background:var(--dc-sup-2)}
.dc-q-esito--neutro .dc-q-esito-ico{background:var(--dc-tenue)}
html[data-theme=dark] .dc-q-esito--neutro .dc-q-esito-ico{color:#0C1018}
.dc-q-neutro-s{margin:0;font-size:14px;color:var(--dc-testo-2)}
.dc-q--registrata .dc-q-opz--sel{border-color:var(--dc-testo-2);background:var(--dc-sup-2);box-shadow:0 0 0 1px var(--dc-testo-2) inset}
.dc-q--registrata .dc-q-opz--sel .dc-q-lett{background:var(--dc-testo-2)}
.dc-q-serie-nota{display:flex;gap:8px;align-items:flex-start;margin:-4px 0 12px;font-size:14px;line-height:1.45;color:var(--dc-tenue)}
.dc-q-serie-nota .dc-ico{flex:0 0 auto;margin-top:1px}
/* «Segnala un errore» */
.dc-q-coda{display:flex;justify-content:flex-end;margin-top:12px}
.dc-q-segnala{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--dc-tenue);font:600 13px/1.2 var(--dc-sans);cursor:pointer}
.dc-q-segnala:hover{color:var(--dc-testo);background:var(--dc-sup-2);text-decoration:underline}
.dc-q-segnala .dc-ico{width:16px;height:16px}
.dc-q-seg{display:grid;gap:10px;font-size:15px;line-height:1.55}
.dc-q-seg p{margin:0}
.dc-q-seg-id{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dc-tenue)}
.dc-q-seg-id code{padding:3px 8px;border-radius:7px;background:var(--dc-sup-2);border:1px solid var(--dc-bordo);color:var(--dc-testo);font:700 14px/1.3 ui-monospace,Consolas,monospace}
.dc-q-seg-l{font-weight:700;color:var(--dc-testo)}
.dc-pagina .dc-q-seg-t,.dc-q-seg-t{width:100%;min-height:96px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo);font:16px/1.5 var(--dc-sans);resize:vertical}
.dc-q-seg-t:focus-visible{outline:3px solid var(--dc-focus);outline-offset:1px}
.dc-q-seg-nota{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--dc-testo-2)}
.dc-q-seg-nota .dc-ico{flex:0 0 auto;margin-top:2px}
.dc-q-seg-az{display:flex;flex-wrap:wrap;gap:10px}
.dc-pagina a.dc-q-seg-apri,a.dc-q-seg-apri{color:#fff!important;text-decoration:none!important}
.dc-q-copia{position:absolute;left:-9999px;top:0;width:1px;height:1px;opacity:0}
/* «Perché ti chiediamo quanto sei sicuro» */
.dc-q-pc{display:grid;gap:12px;font-size:15.5px;line-height:1.6}
.dc-q-pc p{margin:0}
.dc-q-pc-l{margin:0;padding-left:20px;display:grid;gap:8px}
.dc-q-pc-fonte{font-size:13px;color:var(--dc-tenue)}
.dc-pagina .dc-q-pc-fonte a,.dc-q-pc-fonte a{color:var(--dc-acc)!important;text-decoration:underline!important}
.dc-q-switch{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px 8px 8px;border-radius:14px;border:1.5px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo);font:700 15px/1.3 var(--dc-sans);text-align:left;cursor:pointer;justify-self:start}
.dc-q-switch-i{position:relative;flex:0 0 auto;width:44px;height:26px;border-radius:99px;background:var(--dc-sup-3);border:1.5px solid var(--dc-bordo-2);transition:background .2s}
.dc-q-switch-i::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--dc-ease)}
.dc-q-switch[aria-checked="true"] .dc-q-switch-i{background:var(--dc-ok);border-color:var(--dc-ok)}
.dc-q-switch[aria-checked="true"] .dc-q-switch-i::after{transform:translateX(18px)}
.dc-q-switch-s{margin:0;font-size:14px;color:var(--dc-testo-2)}
.dc-q-switch-s:empty{display:none}
/* «Rivedi questo punto» (finestra) */
.dc-q-rp{display:grid;gap:10px}
.dc-q-rp-da{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13.5px;line-height:1.4;color:var(--dc-tenue)}
.dc-q-rp-da .dc-ico{flex:0 0 auto;margin-top:1px;color:var(--dc-area-t,var(--dc-acc))}
.dc-q-rp-da b{color:var(--dc-testo-2)}
.dc-q-rp-h{margin:0;font:800 clamp(19px,2.6vw,23px)/1.25 var(--dc-sans)!important;color:var(--dc-testo)}
.dc-q-rp-stima{margin:0;padding:8px 12px;border-radius:10px;background:var(--dc-sup-2);font-size:13.5px;color:var(--dc-testo-2)}
.dc-q-rp-corpo{min-width:0}
.dc-q-rp-corpo>.dc-blocco+.dc-blocco{margin-top:14px}
.dc-q-rp-nota{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:14px;color:var(--dc-testo-2)}
.dc-q-rp-nota .dc-ico{flex:0 0 auto;margin-top:2px}
.dc-q-rp-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid var(--dc-bordo)}
.dc-q-rp-apri{margin-left:auto}
.dc-q-rp-nav .dc-btn{min-height:44px}
.dc-pagina a.dc-q-rp-apri,a.dc-q-rp-apri{color:var(--dc-acc)!important;text-decoration:none!important}
@media(max-width:560px){.dc-q-rp-apri{margin-left:0;width:100%;justify-content:center}}
/* quanto eri sicuro (fine della serie) */
.dc-q-calib{margin-top:14px;padding:14px 16px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
.dc-q-calib-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}
.dc-q-calib-h .dc-ico{color:var(--dc-area-t,var(--dc-acc))}
.dc-q-calib-l{margin:0;padding:0;list-style:none;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.dc-q-calib-l li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--dc-sup-2);font-size:14px;line-height:1.35;color:var(--dc-testo-2)}
.dc-q-calib-l li b{flex:0 0 auto;font:800 22px/1 var(--dc-sans);color:var(--dc-testo);font-variant-numeric:tabular-nums}
.dc-q-calib-l li.dc-q-calib--evid{background:var(--dc-avv-bg);color:var(--dc-testo)}
@media(prefers-reduced-motion:reduce){.dc-q-cert-btn,.dc-q-switch-i,.dc-q-switch-i::after{transition:none!important}}
@media(forced-colors:active){.dc-q-switch[aria-checked="true"] .dc-q-switch-i{background:Highlight}}

/* ------------------------------------------------------------------ terzo corso (PEI, 23/10/2026)
   Domande «formulazione» (osservazione, campo del modello, formulazioni come citazioni) e «binario» (due passi: binario e scadenza
   con data e fonte da dati/regole.json); «Cosa allena» con le regole e i campi del modello. Classi che i primi due corsi non usano. */
.dc-q-formul{display:grid;gap:10px;margin:0 0 14px}
.dc-q-formul .dc-q-scenario{margin:0}
.dc-q-oss .dc-q-scenario-ico{background:var(--dc-area-pieno)}
.dc-q-campo{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;border-radius:12px;background:var(--dc-sup-2);font-size:14px;line-height:1.45;color:var(--dc-testo-2)}
.dc-q-campo .dc-ico{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:var(--dc-area-t)}
.dc-q-campo b{color:var(--dc-testo)}
.dc-q-formul-da{margin:0;padding:12px 16px;border-radius:14px;border-left:4px solid var(--dc-area);background:var(--dc-sup)}
.dc-q-formul-da figcaption{font:800 11.5px/1.2 var(--dc-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--dc-area-t);margin:0 0 6px}
.dc-q-formul-da blockquote{margin:0}
.dc-q-formul-da p{margin:0;font:500 16px/1.6 var(--dc-serif);color:var(--dc-testo)}
.dc-q-scelte--formul .dc-q-opz-t{font-family:var(--dc-serif);font-size:15.5px;line-height:1.6}
.dc-q-scelte--formul .dc-q-opz-t::before{content:"«"}
.dc-q-scelte--formul .dc-q-opz-t::after{content:"»"}
.dc-q-sette{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--dc-sup-2)}
.dc-q-sette>b{display:block;font:800 12px/1.2 var(--dc-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--dc-area-t);margin:0 0 6px}
.dc-q-sette ol{margin:0;padding-left:22px;font-size:14.5px;line-height:1.5}
.dc-q-sette li{margin:2px 0}
.dc-q-sette small{display:block;margin-top:6px;font-size:12.5px;color:var(--dc-tenue)}
.dc-q-regola-avv{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:9px 12px;border-radius:12px;background:#FFF5DE;color:#4D3300;font-size:13.5px;line-height:1.5}
.dc-q-regola-avv .dc-ico{flex:0 0 auto;margin-top:2px;width:17px;height:17px;color:#8A5300}
html[data-theme=dark] .dc-q-regola-avv{background:rgba(224,163,62,.12);color:#FCE3AE}
html[data-theme=dark] .dc-q-regola-avv .dc-ico{color:#F6C46B}
.dc-q-bin{display:grid;gap:14px}
.dc-q-bin-passo{margin:0;padding:0;border:0;min-width:0;display:grid;gap:10px}
.dc-q-bin-passo[hidden]{display:none}
.dc-q-bin-l{display:flex;align-items:center;gap:9px;padding:0;margin:0 0 2px;font:800 15px/1.3 var(--dc-sans);color:var(--dc-testo)}
.dc-q-bin-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--dc-area-pieno);color:#fff;font:800 13px/1 var(--dc-sans)}
.dc-q-bin-binari{display:grid;gap:10px}
@media(min-width:760px){.dc-q-bin-binari{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dc-q-bin-b .dc-q-opz-t{display:flex;flex-direction:column;gap:3px}
.dc-q-bin-b .dc-q-opz-t small{font-size:13px;line-height:1.4;color:var(--dc-tenue)}
.dc-q-bin-s .dc-q-opz-t{display:flex;flex-direction:column;gap:5px}
.dc-q-bin-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.dc-q-bin-info:empty{display:none}
.dc-q-bin-data{display:inline-flex;align-items:center;gap:5px;font:700 13.5px/1.3 var(--dc-sans);color:var(--dc-area-t)}
.dc-q-bin-data .dc-ico{width:15px;height:15px}
.dc-q-bin-fonte{flex:1 1 100%;font-size:12.5px;line-height:1.4;color:var(--dc-tenue)}
.dc-q-bin-motivo p{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:#FFF5DE;color:#4D3300;font-size:14.5px;line-height:1.55}
.dc-q-bin-motivo .dc-ico{flex:0 0 auto;margin-top:2px;color:#8A5300}
html[data-theme=dark] .dc-q-bin-motivo p{background:rgba(224,163,62,.12);color:#FCE3AE}
.dc-q-regole{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.dc-q-regola{padding:10px 12px;border-radius:12px;background:var(--dc-sup);border:1px solid var(--dc-bordo)}
.dc-q-regola-h{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.dc-q-regola p{margin:0;font-size:14.5px;line-height:1.5}
.dc-q-regola small{display:block;margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--dc-tenue)}
@media(max-width:560px){.dc-q-formul-da p,.dc-q-scelte--formul .dc-q-opz-t{font-size:15px}.dc-q-bin-l{font-size:14.5px}}