@font-face{font-family:testo;src:url(../media/Chillax_Variable-s.p.00-x0sbet8_r9.woff2)format("woff2");font-display:optional;font-weight:200 700}@font-face{font-family:testo Fallback;src:local(Arial);ascent-override:84.47%;descent-override:28.44%;line-gap-override:7.76%;size-adjust:116.02%}.testo_b3c30f58-module__gPDVnW__className{font-family:testo,testo Fallback,system-ui,sans-serif}.testo_b3c30f58-module__gPDVnW__variable{--ff-testo:"testo", "testo Fallback", system-ui, sans-serif}
@font-face{font-family:codice;src:url(../media/atkinson_hyperlegible_mono_400_latin-s.p.0dezz_p37j6_1.woff2)format("woff2");font-display:optional;font-weight:400 500}@font-face{font-family:codice Fallback;src:local(Arial);ascent-override:71.04%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:138.5%}.codice_cc9a24e-module__pOl4EG__className{font-family:codice,codice Fallback,ui-monospace,monospace}.codice_cc9a24e-module__pOl4EG__variable{--ff-codice:"codice", "codice Fallback", ui-monospace, monospace}
@font-face{unicode-range:U+266D-266F,U+1D11E,U+1D122,U+1D13B-1D13F;font-family:segni;src:url(../media/noto_music_segni-s.p.2tqlqwdw-c35t.woff2)format("woff2");font-display:swap}@font-face{font-family:segni Fallback;src:local(Arial);ascent-override:138.9%;descent-override:39.8%;line-gap-override:0.0%;size-adjust:100.0%}.segni_6af7711a-module__-6CWsa__className{font-family:segni,segni Fallback}.segni_6af7711a-module__-6CWsa__variable{--ff-segni:"segni", "segni Fallback"}
:root{--brand-ardesia:#a6b3bc;--brand-carta:#fff;--brand-inchiostro:#1c1c1c;--brand-grafite:#38424a;--brand-cipria:#d6c4b8;--brand-oliva:#2c3620;--brand-oliva-chiaro:#e3e2da;--brand-salvia:#b7c8be;--brand-salvia-scuro:#557263;--brand-errore:#9e3b2b;--font-testo:var(--ff-segni,"Segni musicali"), var(--ff-testo,"Chillax"), system-ui, sans-serif;--font-codice:var(--ff-codice,"Atkinson Hyperlegible Mono"), ui-monospace, monospace;--testo-piccolo:clamp(.8125rem, .79rem + .1vw, .875rem);--testo-corpo:clamp(1rem, .95rem + .25vw, 1.125rem);--testo-sezione:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--testo-titolo:clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);--testo-nota:clamp(1.125rem, 1rem + .5vw, 1.375rem);--spazio-1:.25rem;--spazio-2:.5rem;--spazio-3:1rem;--spazio-4:1.5rem;--spazio-5:2.5rem;--spazio-6:4rem;--margine:clamp(1rem, .5rem + 2.5vw, 2rem);--tocco:2.75rem;--tocco-piccolo:2.25rem;--testa-rapporto:1.32;--testa-inclinazione:-20deg;--bordo:2px}
@layer base{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--brand-ardesia);color:var(--brand-inchiostro);font:400 var(--testo-corpo)/1.55 var(--font-testo);font-variant-numeric:tabular-nums;margin:0}h1,h2,h3{font-family:var(--font-testo);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.15}h1{font-size:var(--testo-titolo)}h2{font-size:var(--testo-sezione)}a{color:inherit;text-underline-offset:.15em}:focus-visible{outline:3px solid var(--brand-inchiostro);outline-offset:3px}img{max-width:100%;height:auto}.codice{font-family:var(--font-codice);letter-spacing:.04em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
@layer components{.testa{--pieno:0;width:calc(1em * var(--testa-rapporto));border:max(2px, .12em) solid var(--brand-inchiostro);height:1em;transform:rotate(var(--testa-inclinazione));background:linear-gradient(to top, var(--brand-inchiostro) calc(var(--pieno) * 100%), var(--brand-carta) 0);vertical-align:middle;border-radius:50%;display:inline-block}.testa--corrente{background:var(--brand-salvia);border-color:var(--brand-salvia-scuro)}}
@layer components{.marchio{letter-spacing:-.01em;white-space:nowrap;font-weight:600}.marchio .testa{vertical-align:.05em;margin:0 .06em;font-size:.62em}.marchio__segno{vertical-align:-.06em;width:auto;height:.74em;margin:0 .02em;display:inline-block}}
@layer components{.page{max-width:1100px;padding:var(--spazio-5) var(--margine) var(--spazio-6);margin:0 auto}.site-header{gap:var(--spazio-2) var(--spazio-4);padding:var(--spazio-3) var(--margine);flex-wrap:wrap;align-items:center;display:flex}.site-header__marchio{min-height:var(--tocco);align-items:center;font-size:1.25rem;text-decoration:none;display:inline-flex}.site-header__nav{gap:var(--spazio-1) var(--spazio-4);font-size:var(--testo-piccolo);display:none}.site-header__nav a,.site-header__impostazioni{align-items:center;min-height:1.5rem;text-decoration:none;display:inline-flex}.site-header__nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--brand-inchiostro);font-weight:600}.site-header__impostazioni{min-height:var(--tocco);min-width:var(--tocco);justify-content:center;margin-left:auto}.barra-basso{z-index:10;background:var(--brand-carta);border-top:1px solid var(--brand-ardesia);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.barra-basso a{min-height:3.5rem;padding:var(--spazio-1);text-align:center;color:var(--brand-grafite);place-items:center;font-size:.75rem;line-height:1.2;text-decoration:none;display:grid}.barra-basso a[aria-current=page]{color:var(--brand-inchiostro);box-shadow:inset 0 3px 0 var(--brand-oliva);font-weight:600}body:has(.barra-basso){padding-bottom:3.5rem}@media (min-width:48rem){.site-header__nav{display:flex}.barra-basso{display:none}body:has(.barra-basso){padding-bottom:0}}.site-footer{padding:var(--spazio-5) var(--margine);font-size:var(--testo-piccolo);color:var(--brand-grafite);gap:var(--spazio-2) var(--spazio-4);flex-wrap:wrap;display:flex}.site-footer a{align-items:center;min-height:1.5rem;display:inline-flex}.foglio{background:var(--brand-carta);padding:var(--spazio-4) var(--margine)}.sezione{background:var(--brand-cipria);padding:var(--spazio-4) var(--margine)}}
@layer components{.button{justify-content:center;align-items:center;gap:var(--spazio-2);min-height:var(--tocco);padding:0 var(--spazio-4);border:var(--bordo) solid var(--brand-inchiostro);background:var(--brand-carta);color:var(--brand-inchiostro);font:500 var(--testo-corpo)/1.1 var(--font-testo);cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex}.button--primario{background:var(--brand-oliva);border-color:var(--brand-oliva);color:var(--brand-oliva-chiaro)}.button--piccolo{min-height:var(--tocco-piccolo);padding:0 var(--spazio-3);font-size:var(--testo-piccolo)}.button--icona{width:var(--tocco);height:var(--tocco);aspect-ratio:1;flex:none;align-self:start;padding:0}.button--icona svg{width:1.25rem;height:1.25rem}.button:disabled,.button[aria-disabled=true]{border-color:var(--brand-ardesia);color:var(--brand-grafite);background:var(--brand-carta);cursor:not-allowed}.button[aria-pressed=false]{color:var(--brand-grafite);border-color:var(--brand-ardesia)}.link-azione{min-height:1.5rem;color:var(--brand-inchiostro);text-underline-offset:.2em;align-items:center;font-weight:500;display:inline-flex}button.link-azione{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.comandi{gap:var(--spazio-3);flex-wrap:wrap;align-items:center;display:flex}.button--pericolo{border-color:var(--brand-errore);color:var(--brand-errore)}.button--pericolo.button--pieno{background:var(--brand-errore);color:var(--brand-carta)}}
@layer components{.risposte{grid-template-columns:repeat(7,minmax(2.75rem,1fr));width:100%;max-width:36rem;margin:0 auto;display:grid}.risposta{align-content:center;justify-items:center;gap:var(--spazio-1);min-height:3.25rem;padding:var(--spazio-1) 0;color:var(--brand-oliva-chiaro);font:500 var(--testo-nota)/1 var(--font-testo);cursor:pointer;background:0 0;border:0;display:grid;position:relative}.risposta__nome{width:min(88%,4.25rem);aspect-ratio:var(--testa-rapporto);place-items:center;display:grid;position:relative}.risposta__nome:before{content:"";background:var(--brand-oliva);border:var(--bordo) solid var(--brand-oliva);transform:rotate(var(--testa-inclinazione));border-radius:50%;position:absolute;inset:0}.risposta__nome>span{position:relative}.risposta__tasto{font:400 .75rem/1 var(--font-codice);color:var(--brand-grafite);display:none}@media (hover:hover) and (pointer:fine){.risposta__tasto{display:block}}.risposta:hover .risposta__nome:before{box-shadow:0 0 0 2px var(--brand-carta), 0 0 0 4px var(--brand-oliva)}.risposta[data-esito=giusto]{color:var(--brand-carta)}.risposta[data-esito=giusto] .risposta__nome:before{background:var(--brand-salvia-scuro);border-color:var(--brand-salvia-scuro)}.risposta[data-esito=errore]{color:var(--brand-errore)}.risposta[data-esito=errore] .risposta__nome:before{background:var(--brand-carta);border-color:var(--brand-errore);border-width:3px}.risposta:disabled{cursor:default;color:var(--brand-grafite)}.risposta:disabled .risposta__nome:before{background:var(--brand-carta);border-color:var(--brand-ardesia)}.risposta:focus-visible{outline-offset:-3px}.risposte--b{gap:0}.risposte--b .risposta__nome{aspect-ratio:auto;width:100%;height:2.75rem}.risposte--b .risposta{padding-inline:1px}.risposte--b .risposta__nome:before{border-radius:0;transform:none}}
@layer components{.rigo{width:100%;height:auto;display:block}.rigo__linee line,.rigo .taglio{stroke:var(--brand-inchiostro);stroke-width:1px}.rigo__chiave{font:58px/1 var(--font-testo);fill:var(--brand-inchiostro)}.rigo__testa{stroke:var(--brand-inchiostro);stroke-width:1.6px}.rigo__testa--piena{fill:var(--brand-inchiostro)}.rigo__gambo{stroke:var(--brand-inchiostro);stroke-width:1.4px}.rigo__corrente{fill:var(--brand-salvia);stroke:var(--brand-salvia-scuro);stroke-width:2px}.rigo__nota--giusta .rigo__testa,.rigo__nota--giusta .rigo__gambo{fill:var(--brand-salvia-scuro);stroke:var(--brand-salvia-scuro)}.rigo__nota--errata .rigo__testa,.rigo__nota--errata .rigo__gambo{fill:var(--brand-errore);stroke:var(--brand-errore)}.rigo__nome{font:600 13px/1 var(--font-testo);fill:var(--brand-errore);text-anchor:middle}.rigo__alterazione{font:26px/1 var(--font-testo);fill:var(--brand-inchiostro);text-anchor:middle}.rigo__bandierina{fill:none;stroke:var(--brand-inchiostro);stroke-width:1.6px}.rigo__testa--non-provata{fill:var(--brand-carta);stroke:var(--brand-grafite);stroke-dasharray:2.4 2}.rigo-foglio{background:var(--brand-carta);padding:var(--spazio-3) var(--spazio-2)}.rigo-foglio .rigo{max-width:46rem;margin:0 auto}.legenda{gap:var(--spazio-2) var(--spazio-4);margin:var(--spazio-2) 0 0;font-size:var(--testo-piccolo);color:var(--brand-grafite);flex-wrap:wrap;padding:0;list-style:none;display:flex}.legenda li{align-items:center;gap:var(--spazio-2);display:inline-flex}.legenda .testa{font-size:.9rem}.testa--non-provata{border-style:dashed;border-color:var(--brand-grafite)}.rigo-scorre{min-width:0;overflow-x:auto}.rigo-scorre .rigo{min-width:34rem}}
@layer components{.battito{align-content:center;place-items:center;gap:var(--spazio-1);width:100%;min-height:7.5rem;padding:var(--spazio-3);border:var(--bordo) solid var(--brand-oliva);background:var(--brand-oliva);color:var(--brand-oliva-chiaro);font:600 var(--testo-sezione)/1.2 var(--font-testo);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;display:grid}.battito__aiuto{font:400 var(--testo-piccolo)/1.4 var(--font-testo)}.battito__tasto{font:400 .75rem/1 var(--font-codice);display:none}@media (hover:hover) and (pointer:fine){.battito__tasto{display:inline}}.battito[data-esito=giusto]{background:var(--brand-salvia-scuro);border-color:var(--brand-salvia-scuro);color:var(--brand-carta)}.battito[data-esito=fuori]{background:var(--brand-carta);border-color:var(--brand-errore);color:var(--brand-errore);border-width:3px}.battito:disabled{cursor:default;background:var(--brand-carta);border-color:var(--brand-ardesia);color:var(--brand-grafite)}.battito__conto{font-size:clamp(2.5rem,2rem + 3vw,4rem);line-height:1}.righi-ritmici{gap:var(--spazio-2);display:grid}.rigo__scarto{font:500 11px/1 var(--font-testo);text-anchor:middle;fill:var(--brand-salvia-scuro)}.rigo__scarto--fuori{fill:var(--brand-errore)}.rigo__scarto--mancata{fill:var(--brand-grafite)}.rigo__nota--fuori .rigo__testa,.rigo__nota--fuori .rigo__gambo,.rigo__nota--fuori .rigo__trave{fill:var(--brand-errore);stroke:var(--brand-errore)}.rigo__nota--fuori .rigo__testa:not(.rigo__testa--piena){fill:var(--brand-carta)}.rigo__nota--mancata .rigo__testa{fill:var(--brand-carta);stroke:var(--brand-grafite);stroke-dasharray:2.4 2}.rigo__nota--mancata .rigo__gambo{stroke:var(--brand-grafite)}.rigo__pausa{font:34px/1 var(--font-testo);fill:var(--brand-inchiostro)}.rigo__trave{stroke:var(--brand-inchiostro);stroke-width:4px}.rigo__punto{fill:var(--brand-inchiostro)}.legenda-scarti{gap:var(--spazio-1) var(--spazio-4);font-size:var(--testo-piccolo);color:var(--brand-grafite);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.legenda-scarti b{font-weight:600}.legenda-scarti .giusto{color:var(--brand-salvia-scuro)}.legenda-scarti .fuori{color:var(--brand-errore)}}
@layer components{.campo{gap:var(--spazio-1);align-content:start;display:grid}.campo>label,.campo>.campo__etichetta{font-size:var(--testo-piccolo);font-weight:500}.campo__aiuto{font-size:var(--testo-piccolo);color:var(--brand-grafite)}.campo__errore{font-size:var(--testo-piccolo);color:var(--brand-errore);font-weight:500}input[type=text],select{min-height:var(--tocco);padding:0 var(--spazio-3);border:var(--bordo) solid var(--brand-grafite);background:var(--brand-carta);color:var(--brand-inchiostro);font:400 var(--testo-corpo)/1.2 var(--font-testo);border-radius:0;width:100%;min-width:0}input[type=text].codice{font-family:var(--font-codice);text-transform:uppercase;letter-spacing:.12em}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--brand-errore)}.segmenti{border:var(--bordo) solid var(--brand-inchiostro);display:inline-flex}.segmenti label{min-height:calc(var(--tocco) - 4px);padding:0 var(--spazio-3);font-size:var(--testo-piccolo);cursor:pointer;align-items:center;font-weight:500;display:inline-flex;position:relative}.segmenti label+label{border-left:var(--bordo) solid var(--brand-inchiostro)}.segmenti input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmenti label:has(input:checked){background:var(--brand-inchiostro);color:var(--brand-carta)}.segmenti label:has(input:focus-visible){outline:3px solid var(--brand-inchiostro);outline-offset:2px}.spunta{align-items:center;gap:var(--spazio-2);min-height:var(--tocco);cursor:pointer;display:inline-flex}.spunta input{width:1.25rem;height:1.25rem;accent-color:var(--brand-oliva);margin:0}.riga-campi{gap:var(--spazio-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.campo-codice{gap:var(--spazio-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}}
@layer components{.avviso{gap:var(--spazio-2) var(--spazio-3);padding:var(--spazio-3);background:var(--brand-carta);border-left:4px solid var(--brand-salvia-scuro);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}@media (max-width:30rem){.avviso{grid-template-columns:minmax(0,1fr);justify-items:start}}.avviso p{margin:0}.avviso--errore{border-left-color:var(--brand-errore)}.avviso--errore strong{color:var(--brand-errore)}.avviso--nuova{border-left-color:var(--brand-oliva)}.avviso__testa{margin-right:var(--spazio-2);font-size:1.5rem}.vuoto{gap:var(--spazio-3);padding:var(--spazio-4) var(--margine);background:var(--brand-carta);justify-items:start;display:grid}.vuoto p{max-width:46ch;margin:0}}
@layer components{.metriche{gap:var(--spazio-1) var(--spazio-4);font-size:var(--testo-piccolo);flex-wrap:wrap;margin:0;display:flex}.metriche div{gap:var(--spazio-1);align-items:baseline;display:flex}.metriche dt{color:var(--brand-grafite)}.metriche dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.metriche--grandi{gap:var(--spazio-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.metriche--grandi div{flex-direction:column-reverse;gap:0;display:flex}.metriche--grandi dd{font-size:var(--testo-titolo);line-height:1.1}.metriche__confronto{font-size:var(--testo-piccolo);color:var(--brand-grafite);font-weight:400}.barra-stato{gap:var(--spazio-2) var(--spazio-3);font-size:var(--testo-piccolo);flex-wrap:wrap;align-items:center;display:flex}.barra-stato__dato{gap:var(--spazio-1);min-height:var(--tocco-piccolo);align-items:center;display:inline-flex}.barra-stato__dato b{font-weight:600}}
@layer components{.pianoforte{grid-template-columns:repeat(var(--bianchi), minmax(1.75rem, 1fr));border:var(--bordo) solid var(--brand-inchiostro);background:var(--brand-inchiostro);gap:1px;max-width:36rem;height:8rem;margin:0 auto;display:grid;position:relative}.pianoforte__bianco{padding-bottom:var(--spazio-2);background:var(--brand-carta);color:var(--brand-grafite);font:400 .75rem/1 var(--font-testo);cursor:pointer;border:0;align-content:end;justify-items:center;display:grid;position:relative}.pianoforte__nero{z-index:1;width:max(1.5rem, calc(100% / var(--bianchi) * .62));background:var(--brand-inchiostro);cursor:pointer;border:0;height:62%;position:absolute;top:0;transform:translate(-50%)}.pianoforte__bianco[data-esito=giusto]{background:var(--brand-salvia);color:var(--brand-inchiostro);box-shadow:inset 0 -4px 0 var(--brand-salvia-scuro)}.pianoforte__bianco[data-esito=errore]{background:var(--brand-carta);color:var(--brand-errore);box-shadow:inset 0 0 0 3px var(--brand-errore);font-weight:600}.ruota{justify-items:center;gap:var(--spazio-2);padding:var(--spazio-4);background:var(--brand-carta);text-align:center;display:grid}.ruota p{margin:0}}
@layer components{.schede{gap:var(--spazio-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.scheda{gap:var(--spazio-2);padding:var(--spazio-4);background:var(--brand-carta);align-content:start;text-decoration:none;display:grid}.scheda h3{font-size:var(--testo-sezione)}.scheda p{margin:0}.scheda__meta{font-size:var(--testo-piccolo);color:var(--brand-grafite)}.table-wrap{min-width:0;overflow-x:auto}.tabella{border-collapse:collapse;width:100%;font-size:var(--testo-piccolo);background:var(--brand-carta)}.tabella th,.tabella td{padding:var(--spazio-2) var(--spazio-3);text-align:left;border-bottom:1px solid color-mix(in srgb, var(--brand-ardesia) 45%, var(--brand-carta));white-space:nowrap}.tabella thead th{color:var(--brand-grafite);font-weight:500}.tabella .num{text-align:right;font-variant-numeric:tabular-nums}}
@layer components{.velo{z-index:20;padding:var(--margine);background:color-mix(in srgb, var(--brand-inchiostro) 55%, transparent);place-items:center;display:grid;position:fixed;inset:0}.dialogo{gap:var(--spazio-3);width:min(100%,30rem);padding:var(--spazio-4);background:var(--brand-carta);color:var(--brand-inchiostro);border:0;margin:0;display:grid;position:static}.dialogo h2{font-size:var(--testo-sezione)}.dialogo p{margin:0}.dialogo .comandi{justify-content:flex-end}dialog.dialogo{margin:auto}dialog.dialogo:not([open]){display:none}dialog.dialogo::backdrop{background:color-mix(in srgb, var(--brand-inchiostro) 55%, transparent)}}
@layer components{.faq{background:var(--brand-ardesia);gap:1px;display:grid}.faq details{background:var(--brand-carta)}.faq summary{justify-content:space-between;gap:var(--spazio-3);min-height:var(--tocco);padding:var(--spazio-3) var(--margine);cursor:pointer;align-items:center;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary h3{font-size:var(--testo-corpo);font-weight:600}.faq summary:after{content:"+";font-size:1.5rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq details>p{padding:0 var(--margine) var(--spazio-3);max-width:68ch;margin:0}}
@layer components{.annuncio{margin:var(--spazio-4) 0;align-content:start;display:grid}.annuncio--auto{min-height:280px}.annuncio--riquadro{width:300px;min-height:250px}.annuncio__etichetta{margin:0 0 var(--spazio-1);color:var(--brand-grafite);text-align:center;font-size:.75rem}.annuncio .adsbygoogle{display:block}@media print{.annuncio{display:none}}}
@layer components{.come-si-fa{gap:var(--spazio-3);padding:var(--spazio-4) var(--margine);background:var(--brand-carta);border-left:4px solid var(--brand-oliva);display:grid}.come-si-fa h2{font-size:var(--testo-sezione)}.come-si-fa ol{gap:var(--spazio-3);counter-reset:passo;margin:0;padding:0;list-style:none;display:grid}.come-si-fa li{gap:var(--spazio-2);counter-increment:passo;grid-template-columns:2rem minmax(0,1fr);align-items:start;display:grid}.come-si-fa li:before{content:counter(passo);width:2rem;height:1.5rem;transform:rotate(var(--testa-inclinazione));background:var(--brand-inchiostro);color:var(--brand-carta);font-weight:600;font-size:var(--testo-piccolo);border-radius:50%;place-items:center;display:grid}.come-si-fa li p{margin:0}.come-si-fa kbd{font:500 .875em/1 var(--font-codice);border-bottom:2px solid var(--brand-grafite);padding:0 .2em}.come-si-fa dl{gap:var(--spazio-1) var(--spazio-3);font-size:var(--testo-piccolo);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.come-si-fa dt{font-weight:600}.come-si-fa dd{color:var(--brand-grafite);margin:0}}
@layer components{.a4{aspect-ratio:210/297;background:var(--brand-carta);grid-template-rows:auto minmax(0,1fr) auto;gap:2%;width:100%;max-width:46rem;margin:0 auto;padding:5% 6%;display:grid;overflow:hidden}.a4__testa{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25em 1em;padding-bottom:.6em;font-size:clamp(.5rem,1.6vw,.8125rem);display:grid}.a4__testa .marchio{font-size:1.5em}.a4__parametri{color:var(--brand-grafite);grid-column:1/-1}.a4__nome{grid-column:1/-1;gap:2em;display:flex}.a4__nome span{border-bottom:1px solid var(--brand-grafite);flex:1}.a4__righi{grid-auto-rows:minmax(0,1fr);display:grid}.a4__righi .rigo{width:100%;max-width:none;height:100%}.a4__piede{color:var(--brand-grafite);justify-content:space-between;font-size:clamp(.45rem,1.3vw,.6875rem);display:flex}.a4 .rigo__chiave{font-size:50px}.rigo__tempo{font:700 26px/1 var(--font-testo);fill:var(--brand-inchiostro);text-anchor:middle}.rigo__stanghetta{stroke:var(--brand-inchiostro);stroke-width:1.2px}.rigo__soluzione{font:500 11px/1 var(--font-testo);fill:var(--brand-inchiostro);text-anchor:middle}}@media print{@page{size:A4;margin:12mm}body{background:var(--brand-carta);padding:0}.site-header,.barra-basso,.site-footer{display:none}.page{max-width:none;margin:0;padding:0}.page :not(:has(.a4)):not(.a4,.a4 *){display:none}.page :has(.a4){background:0 0;margin:0;padding:0;display:block}.a4{aspect-ratio:auto;break-after:page;break-inside:avoid;width:100%;max-width:none;height:calc(100vh - 1px);padding:0}.a4:last-of-type{break-after:auto}.a4__testa{font-size:9pt}.a4__piede{font-size:8pt}}
@layer pages{.esercizio{gap:var(--spazio-3);max-width:50rem;margin:0 auto;display:grid}.esercizio__testa{justify-content:space-between;gap:var(--spazio-2) var(--spazio-3);flex-wrap:wrap;align-items:center;display:flex}.esercizio__etichetta{font-size:var(--testo-piccolo);font-weight:600}.esercizio__foglio{background:var(--brand-carta);padding:var(--spazio-4) var(--spazio-2) var(--spazio-3);gap:var(--spazio-3);display:grid}.esercizio__foglio .metriche{justify-content:center}.esercizio__piede{justify-content:space-between;align-items:center;gap:var(--spazio-3);font-size:var(--testo-piccolo);color:var(--brand-grafite);display:flex}.solo-largo{display:none}@media (min-width:48rem){.solo-largo{display:block}.solo-stretto{display:none}}.metronomo{align-items:center;gap:var(--spazio-2);font-size:var(--testo-piccolo);font-weight:600;display:inline-flex}.metronomo__battiti{gap:6px;display:inline-flex}.metronomo__battiti i{border:2px solid var(--brand-inchiostro);border-radius:50%;width:10px;height:10px}.metronomo__battiti i.on{background:var(--brand-inchiostro)}.piano-o-ruota .ruota{display:none}@media (max-width:26rem){.piano-o-ruota--stretto .pianoforte{display:none}.piano-o-ruota--stretto .ruota{display:grid}}.risultato{gap:var(--spazio-4);max-width:50rem;margin:0 auto;display:grid}.risultato__foglio{background:var(--brand-carta);padding:var(--spazio-4) var(--margine);gap:var(--spazio-4);display:grid}.deboli{gap:var(--spazio-2) var(--spazio-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.deboli li{align-items:center;gap:var(--spazio-2);font-weight:500;display:inline-flex}.deboli .testa{font-size:1.1rem}.deboli small{color:var(--brand-grafite);font-weight:400;font-size:var(--testo-piccolo)}}
@layer pages{.titolo-pagina{gap:var(--spazio-2);margin-bottom:var(--spazio-4);display:grid}.titolo-pagina p{max-width:56ch;color:var(--brand-grafite);margin:0}.blocco{gap:var(--spazio-3);margin-bottom:var(--spazio-5);display:grid}.blocco>h2{margin-top:var(--spazio-2)}.eroe{gap:var(--spazio-4);margin-bottom:var(--spazio-5);display:grid}.eroe h1{max-width:18ch;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.25rem)}.eroe__promessa{max-width:52ch;font-size:var(--testo-sezione);margin:0;line-height:1.4}.eroe__rigo{background:var(--brand-carta);padding:var(--spazio-3) var(--spazio-2);margin:0}.eroe__rigo .legenda{justify-content:center}.eroe__rigo .rigo{max-width:40rem;margin:0 auto}.eroe__didascalia{margin:var(--spazio-2) 0 0;text-align:center;font-size:var(--testo-piccolo);color:var(--brand-grafite)}@media (min-width:64rem){.eroe{align-items:center;column-gap:var(--spazio-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.eroe__testo{gap:var(--spazio-4);display:grid}.punto{gap:var(--spazio-3);background:var(--brand-carta);padding:var(--spazio-4) var(--margine);display:grid}.punto__testa{justify-content:space-between;gap:var(--spazio-2);flex-wrap:wrap;align-items:baseline;display:flex}.generatore{gap:var(--spazio-4);display:grid}.generatore__parametri{gap:var(--spazio-3);background:var(--brand-carta);padding:var(--spazio-4) var(--margine);align-content:start;display:grid}.generatore__anteprima{gap:var(--spazio-3);align-content:start;display:grid}.generatore__codice{justify-content:space-between;gap:var(--spazio-2);font-size:var(--testo-piccolo);flex-wrap:wrap;align-items:center;display:flex}.generatore__codice .codice{font-size:1.125rem}@media (min-width:64rem){.generatore{grid-template-columns:22rem minmax(0,1fr);align-items:start}}.etichetta-livello{font-size:var(--testo-piccolo);color:var(--brand-grafite);margin:0}.etichetta-livello b{color:var(--brand-inchiostro);font-weight:600}.apri{gap:var(--spazio-4);background:var(--brand-carta);max-width:32rem;padding:var(--spazio-4) var(--margine);display:grid}.impostazioni{gap:var(--spazio-4);max-width:40rem;display:grid}.impostazioni__gruppo{gap:var(--spazio-3);background:var(--brand-carta);padding:var(--spazio-4) var(--margine);display:grid}.impostazioni__gruppo h2{font-size:var(--testo-sezione)}.impostazioni__gruppo p{margin:0}.articolo{gap:var(--spazio-5);display:grid}.articolo__corpo{background:var(--brand-carta);padding:var(--spazio-4) var(--margine);min-width:0;max-width:46rem}.articolo__corpo>*{max-width:68ch}.articolo__corpo h2{margin:var(--spazio-5) 0 var(--spazio-2)}.articolo__corpo p,.articolo__corpo li{line-height:1.65}.articolo__meta{font-size:var(--testo-piccolo);color:var(--brand-grafite)}.esempio{margin:var(--spazio-4) 0;max-width:none}.esempio figcaption{margin-top:var(--spazio-2);font-size:var(--testo-piccolo);color:var(--brand-grafite)}.esempio .rigo{max-width:34rem}.esercitati{gap:var(--spazio-3);margin:var(--spazio-4) 0;padding:var(--spazio-4);background:var(--brand-cipria);max-width:none;display:grid}.esercitati p{margin:0}.articolo__laterale{display:none}@media (min-width:64rem){.articolo{grid-template-columns:minmax(0,46rem) 300px;justify-content:space-between;align-items:start}.articolo__laterale{gap:var(--spazio-4);top:var(--spazio-4);display:grid;position:sticky}}.elenco-argomento{gap:var(--spazio-3);margin-bottom:var(--spazio-5);display:grid}.testo-legale{background:var(--brand-carta);padding:var(--spazio-4) var(--margine);max-width:46rem}.testo-legale>*{max-width:68ch}.parametri summary{gap:var(--spazio-1);min-height:var(--tocco);padding:var(--spazio-2) 0;cursor:pointer;font-weight:500;list-style:none;display:grid}.parametri summary::-webkit-details-marker{display:none}.parametri summary>span:first-child:after{content:" +"}.parametri[open] summary>span:first-child:after{content:" −"}.parametri__sintesi{font-size:var(--testo-piccolo);color:var(--brand-grafite);font-weight:400}.parametri[open] .parametri__sintesi{display:none}.parametri__corpo{gap:var(--spazio-3);padding-bottom:var(--spazio-2);display:grid}}
@layer pages{.strade{gap:var(--spazio-3);margin-bottom:var(--spazio-5);align-items:start;display:grid}@media (min-width:64rem){.strade{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.strada--lettura{grid-row:1/3}}.strada{gap:var(--spazio-3);padding:var(--spazio-4) var(--margine);background:var(--brand-carta);align-content:start;min-width:0;display:grid}.strada h2{font-size:var(--testo-sezione)}.strada p{max-width:46ch;margin:0}.strada .rigo{max-width:36rem}.strada--fogli{grid-template-columns:minmax(0,1fr) 7rem;align-items:start}.strada--fogli .miniatura{grid-area:1/2/4}.miniatura{pointer-events:none;width:7rem}.miniatura .a4{padding:6%}.miniatura .a4__testa,.miniatura .a4__piede{font-size:4px}.prova{gap:var(--spazio-3);padding:var(--spazio-4) var(--spazio-2) var(--spazio-3);background:var(--brand-carta);display:grid}.prova__testa{justify-content:space-between;gap:var(--spazio-2);padding:0 var(--spazio-2);font-size:var(--testo-piccolo);display:flex}.striscia{gap:var(--spazio-3);padding:var(--spazio-4) var(--margine);margin-bottom:var(--spazio-4);background:var(--brand-cipria);display:grid}.striscia--carta{background:var(--brand-carta)}@media (min-width:64rem){.striscia{align-items:center;column-gap:var(--spazio-5);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.striscia p{max-width:46ch;margin:0}.striscia .rigo{background:var(--brand-carta)}.elenco-articoli{gap:var(--spazio-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));display:grid}}
@layer pages{.articolo__firma{font-size:var(--testo-piccolo);color:var(--brand-grafite)}.articolo__sintesi{font-size:var(--testo-sezione);margin:var(--spazio-3) 0;line-height:1.45}.in-sintesi{margin:var(--spazio-3) 0;padding:var(--spazio-3) var(--spazio-4);background:var(--brand-cipria);max-width:none}.in-sintesi h2{margin:0 0 var(--spazio-2);font-size:var(--testo-corpo)}.in-sintesi ul{margin:0;padding-left:1.2em}.citazione{vertical-align:super;font-size:.75em;line-height:0}.citazione a{text-align:center;min-width:1.5rem;color:var(--brand-salvia-scuro);padding:0 .15em;font-weight:600;text-decoration:none;display:inline-block}.bibliografia{font-size:var(--testo-piccolo);color:var(--brand-grafite);margin:0;padding-left:1.6em}.bibliografia li{margin-bottom:var(--spazio-2);overflow-wrap:anywhere}.bibliografia cite{color:var(--brand-inchiostro);font-style:italic}.scheda--articolo .scheda__sintesi{color:var(--brand-grafite)}}
@layer base,components,pages;