/* ============================================================================
   ScuolaGo · Corso DigComp 2.2 — comfort e telefono (dc-comfort.css)
   P1-10 di ricerca/mercato/PIANO-WOW.md. Documentazione: piattaforma/ARCHITETTURA.md, sezione «P1-10».
   Classi dcf-*; sull'<html>: --dc-scala, .dc-spaziato, .dc-contrasto, .dc-leggibile, .dc-ridotto,
   .dc-testo-grande (testo dal 130% in su). Questo foglio NON viene riscritto dal motore del testo
   (dc-comfort.js): le sue misure usano già --dcf-s, cioè la scala con un tetto, per la barra e il pannello.
   Indice: 1 variabili · 2 barra del corso (Aa, telefono) · 3 «Altro» · 4 pannello Aa · 5 lettura ad alta voce
           · 6 piede del corso (telefono) · 7 spaziatura · 8 contrasto alto · 9 carattere chiaro
           · 10 meno movimento · 11 stampa
   ========================================================================== */

/* ---------- 1. variabili ---------- */
:root{--dc-scala:1;--dcf-s:min(var(--dc-scala,1),1.3);--dcf-giallo:#FFE27A;--dcf-giallo-b:#C99A00;--dcf-sopra:0px}
html[data-theme=dark]{--dcf-giallo:rgba(255,214,90,.28);--dcf-giallo-b:#F6C46B}
/* il fuoco non finisce sotto la testa del sito né sotto le linguette o la barra della lezione (dc-comfort.js misura --dcf-sopra) */
html{scroll-padding-top:calc(var(--dc-testa,0px) + var(--dcf-sopra,0px) + 14px)}

/* ---------- 2. barra del corso: bottone Aa (sempre in alto a destra) e righe del telefono ---------- */
.dc-nav-aa{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:6px 12px;border-radius:12px;border:1px solid var(--dc-bordo);background:var(--dc-sup);color:var(--dc-testo);font:700 calc(17px * var(--dcf-s))/1 var(--dc-serif);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dc-nav-aa:hover{border-color:var(--dc-bordo-2);background:var(--dc-sup-2)}
.dc-nav-aa[aria-expanded="true"]{background:var(--dc-testo);color:var(--dc-sup);border-color:transparent}
html[data-theme=dark] .dc-nav-aa[aria-expanded="true"]{background:#E9EEF7;color:#121826}
.dc-nav-aa .dcf-aa-pallino{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--dc-ok);box-shadow:0 0 0 2px var(--dc-sup);display:none}
html.dcf-su .dc-nav-aa .dcf-aa-pallino{display:inline-block}

/* sul computer, con il testo più grande, le pillole vanno su due righe invece di scorrere (nessuna voce nascosta) */
@media(min-width:561px){html.dc-testo-su .dc-nav-lista{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}
/* le 4 voci + Altro: solo sotto i 560 px; sopra resta la barra a pillole */
.dcf-tel{display:none}
@media(max-width:560px){
  .dc-nav.dcf-nav{gap:3px;padding:3px;align-items:stretch}
  .dc-nav.dcf-nav .dc-nav-marchio,.dc-nav.dcf-nav .dc-nav-lista,.dc-nav.dcf-nav .dc-nav-cerca{display:none}
  .dcf-tel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none}
  .dcf-tel li{min-width:0;display:flex}
  .dcf-tel-v{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 1px 5px;border:0;border-radius:12px;background:transparent;color:var(--dc-testo-2)!important;font:600 calc(12px * var(--dcf-s))/1.1 var(--dc-sans);letter-spacing:-.01em;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .dcf-tel-v .dc-ico{width:21px;height:21px;opacity:.85}
  .dcf-tel-v span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dcf-tel-v:hover{background:var(--dc-sup-2);color:var(--dc-testo)!important}
  .dcf-tel-v[aria-current="page"],.dcf-tel-v.dcf-qui{background:var(--dc-testo);color:var(--dc-sup)!important}
  html[data-theme=dark] .dcf-tel-v[aria-current="page"],html[data-theme=dark] .dcf-tel-v.dcf-qui{background:#E9EEF7;color:#121826!important}
  .dcf-tel-v[aria-current="page"] .dc-ico,.dcf-tel-v.dcf-qui .dc-ico{opacity:1}
  .dcf-tel-v.dcf-qui::after{content:"";position:absolute;top:7px;right:calc(50% - 17px);width:7px;height:7px;border-radius:50%;background:var(--dc-ok);box-shadow:0 0 0 2px var(--dc-testo)}
  .dc-nav.dcf-nav .dc-nav-aa{align-self:flex-start;min-height:52px;min-width:46px;padding:6px 6px;border-radius:12px}
  /* testo più grande: due righe da tre, le etichette crescono con il testo (Aa resta in alto a destra) */
  html.dc-testo-su .dcf-tel{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:374px){.dcf-tel-v{font-size:calc(11.5px * var(--dcf-s));letter-spacing:-.02em}.dc-nav.dcf-nav .dc-nav-aa{min-width:44px;padding:6px 4px}}
@media(max-width:340px){#dc-nav .dcf-tel{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- 3. «Altro» (finestra dal basso sul telefono) ---------- */
.dcf-altro{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dcf-altro a,.dcf-altro button{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:10px 14px;border-radius:14px;border:1px solid var(--dc-bordo);background:var(--dc-sup);color:var(--dc-testo)!important;font:inherit;text-align:left;text-decoration:none!important;cursor:pointer}
.dcf-altro a:hover,.dcf-altro button:hover{border-color:var(--dc-bordo-2);background:var(--dc-sup-2)}
.dcf-altro .dcf-altro-ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--dc-sup-3);color:var(--dc-testo)}
.dcf-altro .dcf-altro-ico .dc-ico{width:21px;height:21px}
.dcf-altro b{display:block;font:700 16px/1.25 var(--dc-sans)}
.dcf-altro small{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:var(--dc-tenue)}
.dcf-altro [aria-current="page"]{border-color:var(--dc-testo);box-shadow:inset 0 0 0 1px var(--dc-testo)}
.dcf-altro [aria-current="page"] .dcf-altro-ico{background:var(--dc-testo);color:var(--dc-sup)}
.dcf-altro-qui{margin-left:auto;flex:0 0 auto;font:800 11px/1 var(--dc-sans);text-transform:uppercase;letter-spacing:.06em;padding:5px 8px;border-radius:99px;background:var(--dc-ok-bg);color:var(--dc-ok)}
.dcf-altro-sep{margin:6px 2px 0;font:700 12px/1.2 var(--dc-sans);text-transform:uppercase;letter-spacing:.07em;color:var(--dc-tenue)}

/* ---------- 4. pannello Aa ---------- */
/* è una DC.modale senza velo scuro: la pagina dietro si vede e cambia mentre scegli */
.dc-modale.dcf-modale{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-start;justify-content:flex-end;padding:var(--dcf-top,90px) var(--dcf-dx,16px) 16px 16px}
.dcf-modale .dc-modale-box{width:430px;max-height:calc(100vh - var(--dcf-top,90px) - 16px);max-height:calc(100dvh - var(--dcf-top,90px) - 16px);border-color:var(--dc-bordo-2);box-shadow:0 2px 6px rgba(20,30,60,.10),0 24px 64px rgba(12,18,40,.28)}
.dcf-modale .dc-modale-h h2{font-size:calc(19px * var(--dcf-s))}
:is(.dcf-modale,.dcf-altro-modale) .dc-modale-h .dc-btn-icona{min-width:46px;min-height:46px;box-sizing:border-box}
.dcf-modale .dc-modale-corpo{padding:6px 18px 18px;font-size:calc(15px * var(--dcf-s))}
@media(max-width:560px){
  .dc-modale.dcf-modale{align-items:flex-end;justify-content:stretch;padding:0;background:rgba(10,16,30,.18)}
  .dcf-modale .dc-modale-box{width:100%;max-height:66vh;max-height:66dvh}
  .dcf-modale .dc-modale-corpo{padding:4px 16px max(18px,env(safe-area-inset-bottom))}
}
.dcf-gr{padding:14px 0 12px;border-bottom:1px solid var(--dc-bordo)}
.dcf-gr:last-of-type{border-bottom:0}
.dcf-gr-t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 calc(12px * var(--dcf-s))/1.2 var(--dc-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--dc-tenue)}
.dcf-gr-t .dc-ico{width:16px;height:16px}
.dcf-etich{display:block;margin:0 0 8px;font:700 calc(15px * var(--dcf-s))/1.3 var(--dc-sans);color:var(--dc-testo)}
.dcf-nota{margin:6px 0 0;font-size:calc(13px * var(--dcf-s));line-height:1.45;color:var(--dc-tenue)}

/* scelta a bottoni (aria-pressed) */
.dcf-scelta{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--dc-sup-3);border:1px solid var(--dc-bordo)}
.dcf-scelta button{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;border:0;border-radius:10px;background:transparent;color:var(--dc-testo-2);font:700 calc(14px * var(--dcf-s))/1.1 var(--dc-sans);cursor:pointer;-webkit-tap-highlight-color:transparent}
.dcf-scelta button small{font:600 calc(11.5px * var(--dcf-s))/1 var(--dc-sans);color:var(--dc-tenue)}
.dcf-scelta button:hover{background:color-mix(in srgb,var(--dc-sup) 60%,transparent);color:var(--dc-testo)}
.dcf-scelta button[aria-pressed="true"]{background:var(--dc-testo);color:var(--dc-sup)}
.dcf-scelta button[aria-pressed="true"] small{color:inherit;opacity:.85}
html[data-theme=dark] .dcf-scelta button[aria-pressed="true"]{background:#E9EEF7;color:#121826}
.dcf-scelta .dcf-A{font-family:var(--dc-serif);font-weight:700;line-height:1}
.dcf-scelta--testo button:nth-child(1) .dcf-A{font-size:15px}
.dcf-scelta--testo button:nth-child(2) .dcf-A{font-size:18px}
.dcf-scelta--testo button:nth-child(3) .dcf-A{font-size:21px}
.dcf-scelta--testo button:nth-child(4) .dcf-A{font-size:24px}
.dcf-scelta--testo button:nth-child(5) .dcf-A{font-size:28px}

/* interruttori (role=switch) */
.dcf-int{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;margin:0;padding:8px 2px;border:0;background:transparent;color:var(--dc-testo);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dcf-int+.dcf-int{border-top:1px dashed var(--dc-bordo)}
.dcf-int-t{flex:1 1 auto;min-width:0}
.dcf-int-t b{display:block;font:700 calc(15px * var(--dcf-s))/1.3 var(--dc-sans)}
.dcf-int-t small{display:block;margin-top:2px;font-size:calc(13px * var(--dcf-s));line-height:1.4;color:var(--dc-tenue)}
.dcf-int-l{position:relative;flex:0 0 auto;width:50px;height:30px;border-radius:99px;background:var(--dc-sup-3);border:2px solid var(--dc-bordo-2);transition:background .2s var(--dc-ease),border-color .2s var(--dc-ease)}
.dcf-int-l::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .2s var(--dc-ease)}
.dcf-int[aria-checked="true"] .dcf-int-l{background:var(--dc-ok);border-color:var(--dc-ok)}
.dcf-int[aria-checked="true"] .dcf-int-l::after{transform:translateX(20px)}
html[data-theme=dark] .dcf-int[aria-checked="true"] .dcf-int-l{background:#2FA36B;border-color:#2FA36B}
.dcf-int:disabled{cursor:default;opacity:.75}
.dcf-int:hover .dcf-int-l{border-color:var(--dc-testo-2)}

.dcf-ascolta{width:100%;min-height:52px;justify-content:flex-start}
.dcf-ascolta .dc-ico{width:22px;height:22px}
.dcf-piede-pannello{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dcf-piede-pannello .dc-btn{flex:1 1 180px;min-height:48px;font-size:calc(14px * var(--dcf-s))}
.dcf-tasti{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--dc-sup-2);border:1px solid var(--dc-bordo);font-size:calc(13.5px * var(--dcf-s));line-height:1.5;color:var(--dc-testo-2)}
.dcf-tasti b{display:block;margin-bottom:4px;color:var(--dc-testo)}
.dcf-tasti ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.dcf-tasti kbd{display:inline-block;min-width:24px;padding:2px 6px;margin-right:2px;border-radius:6px;border:1px solid var(--dc-bordo-2);border-bottom-width:2px;background:var(--dc-sup);font:700 12px/1.3 var(--dc-sans);text-align:center;color:var(--dc-testo)}
@media(hover:none),(pointer:coarse){.dcf-tasti{display:none}}

/* ---------- 5. lettura ad alta voce ---------- */
.dcf-legge{background:var(--dcf-giallo)!important;box-shadow:0 0 0 4px var(--dcf-giallo)!important;border-radius:6px;outline:2px solid var(--dcf-giallo-b);outline-offset:4px;color:#1B2232!important;-webkit-text-fill-color:currentColor}
html[data-theme=dark] .dcf-legge{color:#fff!important}
html.dcf-legge-su{scroll-padding-bottom:calc(var(--dc-piede,0px) + 96px)}
.dcf-voce{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(var(--dc-piede,0px) + 14px + env(safe-area-inset-bottom));z-index:440;display:flex;align-items:center;gap:4px;padding:6px;border-radius:18px;background:var(--dc-sup);border:1px solid var(--dc-bordo-2);box-shadow:0 2px 6px rgba(20,30,60,.12),0 16px 40px rgba(12,18,40,.25);font-family:var(--dc-sans);color:var(--dc-testo);max-width:calc(100vw - 24px)}
.dcf-voce-t{display:flex;align-items:center;gap:8px;padding:0 6px 0 8px;font:700 calc(13.5px * var(--dcf-s))/1.2 var(--dc-sans);white-space:nowrap}
.dcf-voce-onde{display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.dcf-voce-onde i{display:block;width:3px;border-radius:2px;background:var(--dc-ok);animation:dcfOnda .9s ease-in-out infinite}
.dcf-voce-onde i:nth-child(1){height:7px}.dcf-voce-onde i:nth-child(2){height:14px;animation-delay:.15s}.dcf-voce-onde i:nth-child(3){height:10px;animation-delay:.3s}
.dcf-voce.dcf-in-pausa .dcf-voce-onde i{animation:none;opacity:.45}
@keyframes dcfOnda{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.dcf-voce button{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--dc-bordo);background:var(--dc-sup-2);color:var(--dc-testo);cursor:pointer}
.dcf-voce button:hover{border-color:var(--dc-bordo-2)}
.dcf-voce button .dc-ico{width:20px;height:20px}
.dcf-voce :focus-visible{outline:3px solid var(--dc-focus)!important;outline-offset:2px}
@media(max-width:380px){.dcf-voce-t span:not(.dcf-voce-onde){display:none}}

/* ---------- 6. piede del corso sul telefono: le stesse voci dove arriva il pollice (non è fissa) ---------- */
.dcf-piede{display:none}
@media(max-width:560px){
  .dcf-piede{display:block;position:relative;margin:calc(-36px - var(--dc-piede,0px)) 0 0;padding:0 0 calc(18px + var(--dc-piede,0px));font-family:var(--dc-sans)}
  .dcf-piede-box{border-radius:18px;padding:10px 6px 6px;background:var(--dc-vetro);border:1px solid var(--dc-bordo);box-shadow:var(--dc-ombra)}
  .dcf-piede-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px 6px 8px}
  .dcf-piede-h p{margin:0;font:800 calc(12px * var(--dcf-s))/1.2 var(--dc-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--dc-tenue)}
  .dcf-piede-su{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 calc(13.5px * var(--dcf-s))/1 var(--dc-sans);cursor:pointer}
  .dcf-piede-su .dc-ico{transform:rotate(180deg)}
  .dcf-piede .dcf-tel{display:grid}
}
body[data-dc-pagina="stampa"] .dcf-piede{display:none!important}

/* ---------- 6b. testo grande sul telefono: le cose si dispongono su più righe invece di uscire dallo schermo ---------- */
/* il piede del sito a 320 px usciva di 16 px anche senza ingrandire (colonna «flex:0 0 auto» con un paragrafo da 320 px) */
@media(max-width:380px){body.dc-body .site-foot .cols>div{flex:1 1 auto;min-width:0}}
html.dc-testo-su .dc-pagina :is(.dc-card,.dc-box,.dc-tabella-box,.dc-confronto-col,.dc-figura,section,article,aside,figure,li,fieldset,label){min-width:0}
html.dc-testo-su .dc-pagina :is(.dc-riga,.dc-chips,.dc-vicine,.dc-segm,.dc-lettura-nav,.dc-modale-azioni){flex-wrap:wrap}
html.dc-testo-su .dc-pagina :is(.dc-riga,.dc-vicine,.dc-lettura-nav)>*{min-width:0;max-width:100%}
html.dc-testo-su .dc-pagina :is(li>button,li>a,.dc-spunte li){flex-wrap:wrap}
html.dc-testo-su .dc-pagina .dc-segm{display:flex;max-width:100%}
html.dc-testo-su .dc-pagina .dc-segm button{flex:1 1 auto;min-width:0}
html.dc-testo-su :is(.dc-pagina,.dc-modale) :is(.dc-btn,.dc-chip,.dc-segm button,.dc-tab){white-space:normal;max-width:100%;height:auto;text-align:center;overflow-wrap:anywhere}
html.dc-testo-su :is(.dc-pagina,.dc-modale) :is(h1,h2,h3,h4){overflow-wrap:break-word;hyphens:auto}
html.dc-testo-grande .dc-pagina .dc-scala-gradino small{display:none}
@media(max-width:480px){html.dc-testo-grande .dc-pagina :is(.dc-griglia--2,.dc-griglia--3,.dc-griglia--4,.dcp-percorsi,.dfi-hub){grid-template-columns:minmax(0,1fr)}}
/* «anywhere» (non «break-word»): una parola più lunga della colonna può andare a capo anche quando la colonna si misura sul contenuto */
html.dc-testo-su .dc-pagina{overflow-wrap:anywhere}
/* ma i piccoli segni decorativi e i numeri nelle pastiglie restano interi («2.2» non diventa «2 / . / 2») */
html.dc-testo-su .dc-pagina :is(i,span,b,em)[aria-hidden="true"],html.dc-testo-su .dc-pagina :is(.dc-chip-n,.dc-tab-n){overflow-wrap:normal;white-space:nowrap}
html.dc-testo-su .dc-pagina nav a{min-width:0;max-width:100%}
html.dc-testo-su .dc-pagina :is(input[type=date],input[type=text],input[type=email],input[type=search],input[type=number],input[type=tel],input:not([type]),select,textarea):not(.dc-sim-corpo *){width:100%;max-width:100%;min-width:0;box-sizing:border-box;contain:inline-size}

/* ---------- 7. righe più distanziate (valori di WCAG 2.2, criterio 1.4.12) ---------- */
html.dc-spaziato :is(.dc-pagina,.dc-modale) *{line-height:1.5!important;letter-spacing:.12em!important;word-spacing:.16em!important}
html.dc-spaziato :is(.dc-pagina,.dc-modale) :is(p,li,dd,blockquote,figcaption,td){line-height:1.8!important}
html.dc-spaziato :is(.dc-pagina,.dc-modale) p:not(:last-child){margin-bottom:2em!important}
html.dc-spaziato :is(.dc-pagina,.dc-modale) :is(svg,svg *,canvas,kbd,code){letter-spacing:normal!important;word-spacing:normal!important}
/* nei titoli (corti e già grandi) lettere un po' meno larghe: con 0,12em sul telefono le parole lunghe si spezzavano a metà */
html.dc-spaziato :is(.dc-pagina,.dc-modale) :is(h1,h2,h3,h1 *,h2 *,h3 *){letter-spacing:.04em!important}

/* ---------- 8. contrasto alto ---------- */
html.dc-contrasto{
  --dc-testo:#000;--dc-testo-2:#141414;--dc-tenue:#2B3040;--dc-bordo:rgba(0,0,0,.5);--dc-bordo-2:#000;
  --dc-sup:#fff;--dc-sup-2:#F1F2F4;--dc-sup-3:#E1E3E8;--dc-vetro:#fff;
  --dc-acc:#0A4672;--dc-ok:#0B5A36;--dc-ok-bg:#DDF2E6;--dc-err:#8E1A10;--dc-err-bg:#FBE3E0;--dc-avv:#5A3500;--dc-avv-bg:#FFF0CC;
  --dc-focus:#0040C1;--dc-ombra:0 0 0 1px rgba(0,0,0,.35);--dc-ombra-h:0 0 0 2px #000;
  --dcf-giallo:#FFE04D;--dcf-giallo-b:#000}
html[data-theme=dark].dc-contrasto{
  --dc-testo:#fff;--dc-testo-2:#F2F2F2;--dc-tenue:#DCDCDC;--dc-bordo:rgba(255,255,255,.6);--dc-bordo-2:#fff;
  --dc-sup:#000;--dc-sup-2:#101010;--dc-sup-3:#1F1F1F;--dc-vetro:#000;
  --dc-acc:#A9DBFF;--dc-ok:#8FF0BE;--dc-ok-bg:rgba(47,163,107,.25);--dc-err:#FFB4AB;--dc-err-bg:rgba(208,86,78,.25);--dc-avv:#FFD27A;--dc-avv-bg:rgba(224,163,62,.22);
  --dc-focus:#FFD400;--dc-ombra:0 0 0 1px rgba(255,255,255,.5);--dc-ombra-h:0 0 0 2px #fff;
  --dcf-giallo:#5C4A00;--dcf-giallo-b:#FFD400}
html.dc-contrasto body{background:#fff!important}
html.dc-contrasto .bg-fx{display:none!important}   /* le bolle colorate di sfondo del sito */
html[data-theme=dark].dc-contrasto body{background:#000!important}
html.dc-contrasto [class*="dc-area-"],html.dc-contrasto .dc-pagina{--dc-area-t:var(--dc-area-d)}
html[data-theme=dark].dc-contrasto [class*="dc-area-"],html[data-theme=dark].dc-contrasto .dc-pagina{--dc-area-t:var(--dc-area-l)}
html.dc-contrasto :is(.dc-nav,.dc-tablist,.dc-card,.dc-modale-box,.dcf-piede-box){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.dc-contrasto :is(.dc-card,.dc-box,.dc-btn,.dc-chip,.dc-tab,.dc-nav,.dc-tablist,.dc-tabella-box,.dc-acc){border-color:var(--dc-bordo-2)!important}
html.dc-contrasto .dc-pagina a:not(.dc-btn):not(.dc-card):not(.dc-chip){text-decoration-thickness:2px!important;text-underline-offset:3px}
html.dc-contrasto :is(.dc-pagina,.dc-modale,.dc-nav,.dcf-voce,.dcf-piede) :focus-visible{outline:4px solid var(--dc-focus)!important;outline-offset:2px!important;box-shadow:0 0 0 8px #FFD400!important}
html[data-theme=dark].dc-contrasto :is(.dc-pagina,.dc-modale,.dc-nav,.dcf-voce,.dcf-piede) :focus-visible{box-shadow:0 0 0 8px #000!important}

/* ---------- 9. carattere più chiaro ---------- */
/* Inter (già del sito) con le forme che non si confondono: I con le grazie, l con la coda, 0 barrato;
   niente grazie nei titoli, niente corsivo (diventa grassetto). Verdana se Inter manca. */
html.dc-leggibile{--dc-sans:"Inter",Verdana,Tahoma,"Segoe UI",Roboto,Arial,sans-serif;--dc-serif:"Inter",Verdana,Tahoma,"Segoe UI",Roboto,Arial,sans-serif}
html.dc-leggibile :is(.dc-pagina,.dc-modale,.dc-nav,.dcf-voce,.dcf-piede){font-feature-settings:"ss02" 1,"cv05" 1,"cv08" 1,"zero" 1}
html.dc-leggibile :is(.dc-pagina,.dc-modale) :is(em,i,cite,blockquote){font-style:normal!important}
html.dc-leggibile :is(.dc-pagina,.dc-modale) :is(em,i){font-weight:700}
html.dc-leggibile :is(.dc-pagina,.dc-modale) :is(h1,h2,h3,h4){letter-spacing:0}
html.dc-leggibile :is(.dc-pagina,.dc-modale) :is(p,li){text-align:left!important;hyphens:none}

/* ---------- 10. meno movimento (scelto nel pannello; quello del sistema lo fa già dc.css) ---------- */
html.dc-ridotto *,html.dc-ridotto *::before,html.dc-ridotto *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
html.dc-ridotto{scroll-behavior:auto!important}
html.dc-ridotto.dc-js [data-dc-rivela]{opacity:1;transform:none}
html.dc-ridotto::view-transition-group(*),html.dc-ridotto::view-transition-old(*),html.dc-ridotto::view-transition-new(*){animation:none!important}
html.dc-ridotto .dcf-voce-onde i{animation:none}
@media(prefers-reduced-motion:reduce){.dcf-voce-onde i{animation:none}.dcf-int-l,.dcf-int-l::after{transition:none}}

/* ---------- 11. stampa pulita ---------- */
.dcf-stampa{display:none}
@media print{
  .dc-nav-aa,.dcf-tel,.dcf-piede,.dcf-voce,.dcf-modale,.sg-bapp,.sg-papp,.dc-salta,.bg-fx,.bg-blob{display:none!important}
  html,body.dc-body{background:#fff!important}
  /* i link del corso stampano solo il testo (l'indirizzo si stampa solo per i siti esterni) */
  .dc-pagina a[href*="/NOTA-aula/"]::after{content:none!important}
  /* testate scure (bianco su colore): sulla carta tutto nero, niente bianco su bianco */
  body:not([data-dc-pagina="stampa"]):not([data-dc-pagina="attestato"]) :is(.dc-hero,.dcp-hero,.dpr-hero,.dpr-sess) *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
  body:not([data-dc-pagina="stampa"]):not([data-dc-pagina="attestato"]) :is(.dc-hero,.dcp-hero,.dpr-hero) :is(.dc-chip,.dc-badge,[class*="chip"],[class*="cifr"],[class*="stat"]){background:#fff!important;border:1px solid #777!important}
  .dcf-legge{background:none!important;box-shadow:none!important;outline:0!important}
  html [data-dc-rivela]{opacity:1!important;transform:none!important}
  body:not([data-dc-pagina="stampa"]):not([data-dc-pagina="attestato"]) .dc-pagina{font-size:11.5pt}
  body:not([data-dc-pagina="stampa"]):not([data-dc-pagina="attestato"]) .dc-pagina *{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  body:not([data-dc-pagina="stampa"]):not([data-dc-pagina="attestato"]) .dc-pagina :is(h1,h2,h3,h4){break-after:avoid;page-break-after:avoid}
  body:not([data-dc-pagina="stampa"]):not([data-dc-pagina="attestato"]) .dc-pagina :is(p,li){orphans:3;widows:3}
  body:not([data-dc-pagina="stampa"]):not([data-dc-pagina="attestato"]) .dc-pagina :is(figure,table,tr,.dc-box,.dc-figura,.dc-confronto,.dc-passi li,svg){break-inside:avoid;page-break-inside:avoid}
  /* una lezione si stampa intera: dc-comfort.js prepara .dcf-stampa con tutte le parti e qui si nasconde il resto */
  html.dcf-stampa-lez #dc-corpo>*:not(.dcf-stampa){display:none!important}
  html.dcf-stampa-lez .dcf-stampa{display:block!important;color:#000;font-family:var(--dc-sans)}
  .dcf-stampa h1{margin:0 0 4px;font:700 22pt/1.15 var(--dc-serif);color:#000}
  .dcf-stampa-sotto{margin:0 0 12px;font-size:10.5pt;color:#333}
  .dcf-stampa h2{margin:18pt 0 6pt;font:700 15pt/1.2 var(--dc-serif);color:#000;border-bottom:1px solid #999;padding-bottom:3pt}
  .dcf-stampa .dcf-stampa-attivita{margin:8pt 0;padding:6pt 10pt;border:1px dashed #777;border-radius:6pt;font-size:10.5pt;break-inside:avoid}
  .dcf-stampa .dcf-stampa-domanda ol{margin:4pt 0 0;padding-left:20pt}
  .dcf-stampa-fine{margin-top:18pt;padding-top:6pt;border-top:1px solid #999;font-size:9pt;color:#333}
  .dcf-stampa .dc-box,.dcf-stampa .dc-tabella-box{background:none!important;border:1px solid #777!important}
}
/* 03/11/2026: «Cerca» e «Aa» via dalla barra del corso, in tutti i corsi; si aprono a pie' di pagina (e da «Altro» sul telefono) */
.dc-nav .dc-nav-cerca,.dc-nav .dc-nav-aa{display:none!important}
.dcf-piede-strumenti{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px!important}
.dcf-piede-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;border:0;background:none;color:var(--dc-testo-2);font:600 13.5px/1.4 var(--dc-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dcf-piede-link:hover{color:var(--dc-testo)}
.dcf-piede-link .dc-ico{width:16px;height:16px;flex:none}
@media print{.dcf-piede-strumenti{display:none!important}}