/* generato da strumenti/costruisci_corso.py: extra/c1-colori.css + strumenti/comune/corso.css */
/* ScuolaGo · Inglese dal B2 al C1: colori del corso (viola con accento oro). Caricato DOPO i fogli del motore (app/dc*.css):
   ridefinisce solo i token di dc.css, non tocca il motore. strumenti/costruisci_corso.py lo mette in testa a extra/corso.css,
   seguito dalle regole comuni dell'Academy (strumenti/comune/corso.css). */
:root{
  --c1-viola:#5B2BB5; --c1-viola-scuro:#3F1D85; --c1-oro:#D9A21B;
  --dc-acc:#4E25A0;
  --dc-acc-2:#6E3FD0;
  --dc-focus:#D9A21B;
  /* i 6 ambiti: -d >= 5:1 con il bianco, -l per il tema scuro */
  --dc-a1:#6E3FD0; --dc-a1-d:#5127A8; --dc-a1-l:#C3A8FF;
  --dc-a2:#C2410C; --dc-a2-d:#9A330A; --dc-a2-l:#FDBA8C;
  --dc-a3:#0F766E; --dc-a3-d:#0B5C56; --dc-a3-l:#7EE0D4;
  --dc-a4:#1D4ED8; --dc-a4-d:#1A3FA8; --dc-a4-l:#9DB8FF;
  --dc-a5:#A21CAF; --dc-a5-d:#7E1588; --dc-a5-l:#F0A6F7;
  --dc-a6:#B45309; --dc-a6-d:#8A3F07; --dc-a6-l:#FCD08A;
  --dc-area-pieno:var(--c1-viola);
  --cr-a:#6E3FD0; --cr-b:#4E25A0; --cr-ombra:rgba(78,37,160,.32); --cr-em:#4E25A0; --cr-em-bordo:rgba(78,37,160,.28);
  --cr-logo:linear-gradient(145deg,#9B6BFF 0%,#6E3FD0 55%,#4E25A0 100%);
  --cr-sf1:rgba(110,63,208,.10); --cr-sf2:rgba(217,162,27,.10); --cr-sf3:rgba(78,37,160,.06);
}
html[data-theme=dark]{ --dc-acc:#C3A8FF; --dc-acc-2:#9B6BFF; --dc-focus:#F2C14E; --dc-area-pieno:#5B2BB5; }
/* 03/11/2026: home = elenco delle lezioni (lz) e lezione in una pagina sola (cpp) */
.lz-testa{margin:8px 0 22px}
.lz-testa h1{margin:6px 0 10px}
.lz-testa p{max-width:70ch;color:var(--dc-testo-2);line-height:1.6;margin:0 0 8px}
.lz-fatte{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--dc-ok)!important}
.lz-fatte .dc-ico{width:18px;height:18px}
.lz-area{margin:0 0 26px;scroll-margin-top:96px}
.lz-area-h{margin:0 0 4px;font-size:22px}
.lz-area-s{margin:0 0 12px;color:var(--dc-tenue);line-height:1.5}
.lz-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lz-voce{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid var(--dc-bordo);background:var(--dc-sup);color:var(--dc-testo);text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.lz-voce:hover{border-color:var(--dc-bordo-2);box-shadow:0 6px 18px rgba(20,30,60,.08)}
.lz-voce:focus-visible{outline:3px solid var(--dc-focus,#2f6fed);outline-offset:2px}
.lz-n{min-width:46px;padding:8px 6px;border-radius:12px;text-align:center;font:800 15px/1 var(--dc-sans);color:var(--dc-area-t,var(--dc-testo));background:color-mix(in srgb,var(--dc-area,#2f6fed) 12%,transparent)}
.lz-t{display:grid;gap:3px;min-width:0}
.lz-t b{font-size:16.5px;line-height:1.35}
.lz-t small{color:var(--dc-testo-2);line-height:1.45;font-size:14px}
.lz-t small.lz-info{color:var(--dc-tenue);font-size:13px}
.lz-stato{display:inline-flex;align-items:center;gap:6px;color:var(--dc-tenue);font:700 13px/1 var(--dc-sans)}
.lz-stato .dc-ico{width:18px;height:18px}
.lz-fatta .lz-stato{color:var(--dc-ok)}
@media(max-width:560px){.lz-voce{gap:10px;padding:12px}.lz-stato span{display:none}}
.cpp{display:grid;gap:22px;margin-top:22px}
.cpp-sez{scroll-margin-top:96px;padding:20px;border-radius:22px;background:var(--dc-sup);border:1px solid var(--dc-bordo)}
.cpp-h{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;font-size:22px!important}
.cpp-h .dc-ico{width:22px;height:22px;color:var(--dc-area-t,var(--dc-testo))}
.cpp-obiettivi,.cpp-sintesi{padding:14px 16px;border-radius:16px;background:var(--dc-sup-2,rgba(0,0,0,.03));margin:0 0 16px}
.cpp-obiettivi ul,.cpp-sintesi ul{margin:6px 0 0;padding-left:20px;line-height:1.6}
.cpp-sintesi h3{margin:0 0 4px;font-size:18px}
.cpp-sintesi,.cpp-fine{scroll-margin-top:96px}
.cpp-fine{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:8px}
.cpp-fine small{color:var(--dc-tenue)}
@media(max-width:560px){.cpp-sez{padding:14px;border-radius:18px}}
@media print{.cpp-fine,.cpp-parte-fine{display:none!important}.cpp-parte-corpo[hidden]{display:block!important}.cpp-sez{border:0;padding:0}}
.cpp-parti{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.cpp-parte{border:1px solid var(--dc-bordo);border-radius:16px;background:var(--dc-sup);scroll-margin-top:96px}
.cpp-parte-h{margin:0!important;font-size:inherit!important}
.cpp-parte-btn{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;border:0;background:none;border-radius:16px;color:var(--dc-testo);font:700 16px/1.35 var(--dc-sans);text-align:left;cursor:pointer}
.cpp-parte-btn:hover{background:var(--dc-sup-2,rgba(0,0,0,.03))}
.cpp-parte-btn:focus-visible{outline:3px solid var(--dc-focus,#2f6fed);outline-offset:2px}
.cpp-parte-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font:800 13px/1 var(--dc-sans);color:var(--dc-area-t,var(--dc-testo));background:color-mix(in srgb,var(--dc-area,#2f6fed) 12%,transparent)}
.cpp-parte-n .dc-ico{width:16px;height:16px}
.cpp-letta .cpp-parte-n{background:var(--dc-ok-bg);color:var(--dc-ok)}
.cpp-parte-btn small{font:600 13px/1 var(--dc-sans);color:var(--dc-tenue);white-space:nowrap}
.cpp-parte-freccia{width:18px;height:18px;transition:transform .2s;color:var(--dc-tenue)}
.cpp-aperta .cpp-parte-freccia{transform:rotate(180deg)}
.cpp-aperta{border-color:var(--dc-bordo-2)}
.cpp-parte-corpo{padding:4px 18px 18px}
.cpp-parte-fine{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:560px){.cpp-parte-btn{gap:10px;padding:10px 12px;font-size:15px}.cpp-parte-corpo{padding:2px 12px 14px}}
/* 03/11/2026: prova scritta in tre blocchi */
.dcx-blocco{margin-top:18px}
.dcx-blocco .dce-h2{margin:4px 0 8px}
.dcx-campo{display:grid;gap:8px;margin:14px 0}
.dcx-campo label,.dcx-et{font-weight:700}
.dcx-select{width:100%;max-width:520px;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--dc-bordo-2);background:var(--dc-sup);color:var(--dc-testo);font:600 15.5px/1.3 var(--dc-sans)}
.dcx-campo .dc-segm{flex-wrap:wrap;max-width:100%}
.dcx-campo .dc-segm[hidden]{display:none}
/* 03/11/2026: «Il mio percorso» in tre sezioni */
.mp-sez{margin:0 0 18px}
.mp-sez h2{margin:4px 0 14px}
.mp-tessere{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.mp-tessera{display:grid;gap:6px;align-content:start;padding:14px 16px;border-radius:16px;background:var(--dc-sup-2,rgba(0,0,0,.03))}
.mp-tessera .dc-btn{justify-self:start;margin-top:4px}
.mp-t{font:800 12px/1.2 var(--dc-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--dc-tenue)}
.mp-v{font-size:22px;line-height:1.2}
.mp-s{margin:0;color:var(--dc-testo-2);line-height:1.5;font-size:14.5px}
.mp-ambiti{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:12px}
.mp-amb-r{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:6px}
.mp-amb-r span{color:var(--dc-tenue);font-size:14px}
.mp-barra{height:10px;border-radius:99px;background:var(--dc-sup-3,rgba(0,0,0,.08));overflow:hidden}
.mp-barra i{display:block;height:100%;border-radius:inherit;background:var(--dc-ok)}
/* 03/11/2026: la Guida corta */
.dcp-guida-pag .dcp-guida{grid-template-columns:minmax(0,1fr)!important;gap:18px}
.gd-come{padding:20px;border-radius:22px;background:var(--dc-sup);border:1px solid var(--dc-bordo)}
.gd-come h2{margin:0 0 10px}
.gd-punti{margin:0;padding-left:22px;display:grid;gap:10px;line-height:1.55}
.gd-cap{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important}
.gd-cap .gd-acc{border-radius:16px}
/* 03/11/2026: la ruota della mappa in cima alle lezioni, con la legenda sotto */
.lz-ruota{margin:0 0 30px}
.lz-ruota-r .dcr-grafico{max-width:460px;margin:0 auto}
.lz-ruota-r .dcr-legenda{justify-content:center;margin-top:14px}
/* 03/11/2026: la barra del corso (extra/barra.js): niente fondo dietro, le voci in una pillola con lo sfondo che scivola */
.dc-nav{background:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important}
.dc-nav .dc-nav-lista{flex:0 0 auto!important;position:relative;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(30,50,110,.13),0 0 0 1px rgba(30,50,110,.05);border-radius:999px;padding:5px;margin-left:auto;margin-right:auto}
.dc-nav .dc-nav-lista li{position:relative;z-index:1}
.dc-nav .dc-nav-lista a{border-radius:999px!important;background:none!important;color:#4a5578!important;padding:8px 16px!important;transition:color .3s}
.dc-nav .dc-nav-lista a[aria-current]{color:#fff!important}
.dc-nav .dc-nav-lista a:not([aria-current]):hover{color:var(--cr-a)!important}
.dc-nav .dc-nav-lista a svg{transition:transform .25s}
.dc-nav .dc-nav-lista a:hover svg{transform:translateY(-1px) scale(1.08)}
.pb-ind{position:absolute;top:5px;bottom:5px;left:5px;width:0;border-radius:999px;background:linear-gradient(135deg,var(--cr-a),var(--cr-b));box-shadow:0 6px 16px var(--cr-ombra);transition:left .4s cubic-bezier(.3,1.4,.5,1),width .4s cubic-bezier(.3,1.4,.5,1);z-index:0}
@media (prefers-reduced-motion:reduce){.pb-ind{transition:none}}
/* il logo, nella famiglia dei corsi dell'Academy */
.dc-nav .dc-nav-marchio{gap:12px!important}
.dc-nav .dc-nav-logo{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;position:relative;overflow:visible!important;color:#fff;flex:none;background:var(--cr-logo)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px var(--cr-ombra)!important}
.dc-nav .dc-nav-logo svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dc-nav .pb-em{position:absolute;right:-9px;bottom:-7px;font:800 8.5px/1 var(--dc-sans);letter-spacing:.03em;padding:3px 5px;border-radius:999px;background:#fff;color:var(--cr-em);border:1px solid var(--cr-em-bordo);box-shadow:0 3px 8px rgba(38,52,84,.14)}
.dc-nav .dc-lbl{font:800 15px/1.15 var(--dc-sans)!important;color:var(--dc-testo)!important}
.dc-nav .dc-lbl small{display:block;font:600 11.5px/1.3 var(--dc-sans)!important;color:var(--dc-tenue)!important}
/* telefono: la barra in basso, voce attiva con lo stesso sfondo */
.dcf-tel-v[aria-current]{color:#fff!important;background:linear-gradient(135deg,var(--cr-a),var(--cr-b))!important;border-radius:14px}
@media(min-width:900px){.dc-nav .dc-nav-marchio .dc-lbl{display:block!important}}
/* 03/11/2026: grafica più viva. Elenco lezioni: striscia del colore dell'ambito, sollevamento, cerchio di avanzamento */
.lz-voce{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s!important}
.lz-voce::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dc-area,#2f6fed)}
.lz-voce:hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--dc-area,#2f6fed) 18%,transparent)!important;border-color:color-mix(in srgb,var(--dc-area,#2f6fed) 40%,transparent)!important}
.lz-anello{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center}
.lz-anello>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.lz-an-f{fill:none;stroke:color-mix(in srgb,var(--dc-area,#2f6fed) 14%,transparent);stroke-width:4}
.lz-an-p{fill:none;stroke:var(--dc-area,#2f6fed);stroke-width:4;stroke-linecap:round;stroke-dasharray:var(--lz-c);stroke-dashoffset:var(--lz-c);animation:lzAnello 1.1s .25s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes lzAnello{to{stroke-dashoffset:var(--lz-v)}}
.lz-anello i{position:relative;font:800 11px/1 var(--dc-sans);font-style:normal;color:var(--dc-area-t,var(--dc-testo));display:grid;place-items:center}
.lz-anello i small{font-size:8px}
.lz-anello i .dc-ico{width:16px;height:16px}
.lz-anello--ok i{width:26px;height:26px;border-radius:50%;background:var(--dc-area,#2f6fed);color:#fff}
.lz-anello--ok i .dc-ico{width:14px;height:14px}
@media(max-width:560px){.lz-anello span{display:inline}}
/* «Ho studiato questa lezione»: la spunta scatta */
.pw-scatta{animation:pwScatta .6s cubic-bezier(.3,1.6,.5,1)}
.pw-scatta .dc-ico{animation:pwSpunta .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes pwScatta{0%{transform:scale(1)}35%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes pwSpunta{0%{transform:scale(.2) rotate(-30deg)}60%{transform:scale(1.4) rotate(8deg)}100%{transform:scale(1)}}
/* sfondo con gli stessi colori della barra */
html:not([data-theme=dark]) body{background:radial-gradient(900px 560px at 92% -10%,var(--cr-sf1),transparent 60%),radial-gradient(820px 560px at -10% 0%,var(--cr-sf2),transparent 62%),radial-gradient(700px 500px at 50% 110%,var(--cr-sf3),transparent 60%),#f5f6fb!important;background-attachment:fixed!important}
/* la pagella della simulazione */
.pw-pag{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;margin:18px 0 6px;padding:20px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(30,50,110,.08)}
html[data-theme=dark] .pw-pag{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.pw-voto{position:relative;width:150px;height:150px;display:grid;place-items:center;text-align:center}
.pw-voto>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.pw-voto .pw-f{fill:none;stroke:rgba(30,50,110,.08);stroke-width:11}
.pw-voto .pw-p{fill:none;stroke:url(#pwGrad);stroke-width:11;stroke-linecap:round;stroke-dasharray:var(--pw-c);stroke-dashoffset:var(--pw-c);animation:pwAnello 1.4s .2s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes pwAnello{to{stroke-dashoffset:var(--pw-v)}}
.pw-voto .pw-soglia{stroke:var(--dc-testo);stroke-width:2.5}
.pw-voto b{display:block;font:800 42px/1 var(--dc-serif,Georgia,serif);color:var(--dc-testo)}
.pw-voto small{display:block;margin-top:4px;font:600 12px/1.2 var(--dc-sans);color:var(--dc-tenue)}
.pw-esito{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:999px;font:800 11px/1.3 var(--dc-sans);background:color-mix(in srgb,var(--dc-avv,#d97706) 16%,transparent);color:var(--dc-avv,#b45309)}
.pw-ok .pw-esito{background:color-mix(in srgb,var(--dc-ok,#16a34a) 16%,transparent);color:var(--dc-ok,#15803d)}
.pw-aree{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pw-aree li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;font:600 13.5px/1.3 var(--dc-sans);color:var(--dc-testo)}
.pw-aree li span{color:var(--dc-tenue);font-weight:700}
.pw-barra{grid-column:1/-1;height:9px;border-radius:999px;background:color-mix(in srgb,var(--dc-area,#2f6fed) 13%,transparent);overflow:hidden}
.pw-barra i{display:block;height:100%;width:0;border-radius:inherit;background:var(--dc-area,#2f6fed);animation:pwBarra 1.1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.35s + var(--k,0) * 90ms)}
@keyframes pwBarra{to{width:var(--w)}}
@media(max-width:620px){.pw-pag{grid-template-columns:1fr;justify-items:center}.pw-aree{width:100%}}
@media(prefers-reduced-motion:reduce){.lz-an-p{animation:none;stroke-dashoffset:var(--lz-v)}.pw-voto .pw-p{animation:none;stroke-dashoffset:var(--pw-v)}.pw-barra i{animation:none;width:var(--w)}.pw-scatta,.pw-scatta .dc-ico{animation:none}}

/* 03/11/2026, corsi con più fasce per unità: l'unità si apre e mostra le sue lezioni */
.lz-u{list-style:none}
.lz-unita{width:100%;text-align:left;font:inherit;cursor:pointer}
.lz-u.lz-aperta .lz-unita{border-bottom-left-radius:0;border-bottom-right-radius:0}
.lz-lez{list-style:none;margin:0;padding:6px 10px 10px 18px;display:grid;gap:6px;border:1px solid var(--dc-bordo);border-top:0;border-radius:0 0 16px 16px;background:color-mix(in srgb,var(--dc-sup) 70%,transparent)}
.lz-lez-voce{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;color:var(--dc-testo);text-decoration:none!important;transition:background .2s}
.lz-lez-voce:hover{background:color-mix(in srgb,var(--dc-area,var(--cr-a)) 9%,transparent)}
.lz-lez-voce:focus-visible{outline:3px solid var(--dc-focus,#2f6fed);outline-offset:2px}
.lz-lez-voce .lz-t b{font-weight:700}
.lz-fascia{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;font:800 14px/1 var(--dc-sans);color:var(--dc-area-t,var(--dc-testo));background:color-mix(in srgb,var(--dc-area,var(--cr-a)) 14%,transparent)}
.lz-lez-voce.lz-fatta .lz-fascia{background:var(--dc-area,var(--cr-a));color:#fff}
.lz-lez-stato{display:inline-flex;align-items:center;gap:6px;color:var(--dc-tenue);font:700 12.5px/1 var(--dc-sans)}
.lz-lez-stato .dc-ico{width:16px;height:16px}
.lz-fatta .lz-lez-stato{color:var(--dc-ok)}
.lz-prossima .lz-lez-stato{color:var(--dc-area-t,var(--cr-a))}
.lz-anello i small{font-size:9px;opacity:.75}
.lz-partenza{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-12px 0 26px;justify-content:center}
.lz-partenza small{color:var(--dc-tenue)}
@media(max-width:560px){.lz-lez{padding:6px 6px 8px 10px}.lz-lez-stato span{display:none}}
/* la lezione in una pagina: le sezioni chiuse (simulatori, materiali dell'unità, ultime domande) */
.cpp-acc{margin-top:10px}
/* Inglese dal B2 al C1: pagine della pratica (extra/pratica.js). Telefono da 360 px senza scorrimento orizzontale, bersagli da 44 px. */
.pr{display:grid;gap:18px}
.pr-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pr-sch{border:1px solid var(--dc-bordo);border-radius:18px;background:var(--dc-sup);scroll-margin-top:96px}
.pr-sch-h{margin:0!important;font-size:inherit!important}
.pr-sch-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:12px 16px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:18px}
.pr-sch-btn:focus-visible{outline:3px solid var(--dc-focus);outline-offset:2px}
.pr-sch-t{display:grid;gap:2px;min-width:0}
.pr-sch-t b{font-size:16px;line-height:1.35}
.pr-sch-t small{color:var(--dc-tenue);font-size:13.5px}
.pr-sch-fr{flex:none;width:20px;height:20px;transition:transform .2s;color:var(--dc-tenue)}
.pr-sch--aperta .pr-sch-fr{transform:rotate(180deg)}
.pr-sch-corpo{padding:0 16px 16px;display:grid;gap:12px}
.pr-tendina{display:grid;gap:6px;margin:0 0 12px;max-width:520px}
.pr-tendina span{font:700 12px/1.2 var(--dc-sans);color:var(--dc-tenue);text-transform:uppercase;letter-spacing:.06em}
.pr-tendina select{min-height:44px;max-width:100%;padding:8px 12px;border-radius:12px;border:1px solid var(--dc-bordo);background:var(--dc-sup);color:var(--dc-testo);font:600 15px/1.2 var(--dc-sans)}
.pr-contesto,.pr-consegna-it{margin:0;color:var(--dc-testo-2);line-height:1.5}
.pr-consegna{margin:0;font-weight:600;line-height:1.5}
.pr-audio{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--dc-sup-2,rgba(0,0,0,.03))}
.pr-audio-barra{flex:1 1 140px;height:8px;border-radius:99px;background:var(--dc-sup-3,rgba(0,0,0,.08));overflow:hidden}
.pr-audio-barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cr-a),var(--cr-b));border-radius:inherit}
.pr-audio-t,.pr-audio-n{font:600 13px/1 var(--dc-sans);color:var(--dc-tenue);font-variant-numeric:tabular-nums}
.pr-vel{display:inline-flex;padding:3px;border-radius:12px;border:1px solid var(--dc-bordo);background:var(--dc-sup)}
.pr-vel-b{display:inline-flex;align-items:baseline;gap:5px;min-height:40px;padding:6px 12px;border:0;border-radius:9px;background:none;color:var(--dc-testo-2);font:600 14px/1.2 var(--dc-sans);cursor:pointer}
.pr-vel-b small{font-size:12px;color:var(--dc-tenue);font-variant-numeric:tabular-nums}
.pr-vel-b:focus-visible{outline:3px solid var(--dc-focus);outline-offset:1px}
.pr-vel-b--on{background:linear-gradient(135deg,var(--cr-a),var(--cr-b));color:#fff}
.pr-vel-b--on small{color:rgba(255,255,255,.85)}
.pr-q{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--dc-bordo);background:var(--dc-sup)}
.pr-q-t{margin:0;line-height:1.5}
.pr-op{display:flex;gap:10px;align-items:flex-start;width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--dc-bordo-2,var(--dc-bordo));background:var(--dc-sup);color:var(--dc-testo);font:inherit;text-align:left;cursor:pointer}
.pr-op:hover:not(:disabled){border-color:var(--cr-a)}
.pr-op[aria-pressed=true]{border-color:var(--cr-a);box-shadow:inset 0 0 0 1px var(--cr-a);background:color-mix(in srgb,var(--cr-a) 7%,var(--dc-sup))}
.pr-op-l{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--dc-sup-3,rgba(0,0,0,.08));font:800 12px/1 var(--dc-sans)}
.pr-op--ok{border-color:var(--dc-ok)!important;background:var(--dc-ok-bg)!important}
.pr-op--no{border-color:var(--dc-avv)!important;background:var(--dc-avv-bg)!important}
.pr-op:disabled{cursor:default;opacity:1}
.pr-q-esito{padding:10px 12px;border-radius:12px;line-height:1.5}
.pr-q-esito--ok{background:var(--dc-ok-bg)}
.pr-q-esito--no{background:var(--dc-avv-bg)}
.pr-trasc{border-radius:14px;background:var(--dc-sup-2,rgba(0,0,0,.03));padding:10px 14px}
.pr-trasc summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.pr-trasc p{line-height:1.55}
.pr-testo{padding:16px 18px;border-radius:16px;background:var(--dc-sup);border:1px solid var(--dc-bordo);line-height:1.7;max-width:72ch}
.pr-testo p{margin:0 0 12px}
.pr-ta{width:100%;box-sizing:border-box;min-height:260px;padding:12px;border-radius:14px;border:1px solid var(--dc-bordo);background:var(--dc-sup);color:var(--dc-testo);font:16px/1.6 var(--dc-sans);resize:vertical}
.pr-conta{margin:0;font-weight:700;color:var(--dc-tenue)}
.pr-check{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pr-check label{display:flex;gap:10px;align-items:flex-start;min-height:36px;cursor:pointer;line-height:1.45}
.pr-check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--cr-a);flex:none}
.pr-modello{line-height:1.65}
.pr-commento{color:var(--dc-testo-2);line-height:1.55}
.pr-dopo{display:grid;gap:12px}
.pr-crono{margin:0;font-size:17px}
.pr-crono b{font-variant-numeric:tabular-nums;color:var(--cr-b)}
html[data-theme=dark] .pr-crono b{color:var(--dc-acc)}
.pr-reg{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.pr-reg input{width:20px;height:20px;accent-color:var(--cr-a);flex:none}
.pr-avvio{display:grid;gap:12px;padding:20px}
.pr-avvio h2,.pr-altro h2,.pr-storico h2{margin:0 0 8px;font-size:21px}
.pr-link{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.45}
.pr-link small{color:var(--dc-tenue)}
.pr-tab{width:100%;border-collapse:collapse;font-size:15px}
.pr-tab th,.pr-tab td{padding:8px 10px;border-bottom:1px solid var(--dc-bordo);text-align:left}
.pr-passo-testa h1{margin:6px 0 10px}
.pr-barra{height:8px;border-radius:99px;background:var(--dc-sup-3,rgba(0,0,0,.08));overflow:hidden}
.pr-barra i{display:block;height:100%;background:linear-gradient(90deg,var(--cr-a),var(--c1-oro,#D9A21B))}
.pr-passo{display:grid;gap:12px;margin-top:16px}
.pr-azioni{display:flex;justify-content:flex-end;margin-top:18px}
.pr-da{margin:0;color:var(--dc-tenue);font-size:14px}
.pr-mia audio{width:100%}
@media(max-width:560px){.pr-sch-corpo{padding:0 12px 14px}.pr-testo{padding:12px 14px}.pr-azioni .dc-btn{width:100%;justify-content:center}}