:root { --ow-bg: #faf9f7; --ow-text: #25221f; --ow-line: #dcd7d0; }
.ops-wcag-panel, .ops-wcag-trigger { font-family: Inter, system-ui, sans-serif; font-size: 1rem; line-height: 1.6; }
.ops-wcag-launcher { padding: 1rem; text-align: center; background: var(--ow-bg); color: var(--ow-text); }
.ops-wcag-trigger, .ops-wcag-panel button { min-height: 44px; padding: .625rem 1rem; border: 1px solid currentColor; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.ops-wcag-panel { color: var(--ow-text); background: var(--ow-bg); width: min(40rem, calc(100% - 2rem)); max-width: none; max-height: calc(100dvh - 2rem); margin: auto; padding: 0 1.5rem 1.5rem; border: 1px solid currentColor; border-radius: 16px; overflow-y: auto; overscroll-behavior: contain; }
.ops-wcag-panel::backdrop { background: rgb(37 34 31 / .55); }
.ops-wcag-panel header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; position: sticky; top: 0; z-index: 1; background: var(--ow-bg); padding-block: 1.25rem; border-bottom: 1px solid currentColor; }
.ops-wcag-panel h2 { margin: 0; font: 700 1.75rem/1.3 Inter, system-ui, sans-serif; }
.ops-wcag-panel form { display: grid; gap: 1.5rem; margin-top: 1.5rem; }
.ops-wcag-panel fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.ops-wcag-panel legend { font-weight: 700; }
.ops-wcag-panel label { display: flex; align-items: center; gap: .75rem; min-height: 44px; cursor: pointer; }
.ops-wcag-panel input { appearance: auto; flex: 0 0 auto; width: 1.125rem; height: 1.125rem; padding: 0; margin: 0; accent-color: var(--ow-text); }
.ops-wcag-panel p { margin: 0; font-size: .875rem; }
.ops-wcag-panel :focus-visible, .ops-wcag-trigger:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.ops-wcag-panel button:hover, .ops-wcag-trigger:hover { background: var(--ow-text); color: var(--ow-bg); }
html[data-testo="125"] { font-size: 125% !important; }
html[data-testo="150"] { font-size: 150% !important; }
html[data-spaziatura="aumentata"] body { letter-spacing: .12em !important; word-spacing: .16em !important; }
html[data-spaziatura="aumentata"] :is(p, label, legend, li) { line-height: 1.6 !important; }
html[data-link="evidenziati"] a { text-decoration: underline !important; text-underline-offset: .2em; text-decoration-thickness: 2px; }
html[data-contrasto="bianco-su-nero"] { --ow-bg: #000; --ow-text: #fff; --ow-line: #fff; }
html[data-contrasto="nero-su-bianco"] { --ow-bg: #fff; --ow-text: #000; --ow-line: #000; }
html[data-contrasto="bianco-su-nero"], html[data-contrasto="nero-su-bianco"] {
  --bg: var(--ow-bg); --surface: var(--ow-bg); --surface-2: var(--ow-bg); --text: var(--ow-text); --muted: var(--ow-text); --line: var(--ow-line); --accent: var(--ow-text); --accent-ink: var(--ow-text); --on-accent: var(--ow-bg);
  --colore-fondo: var(--ow-bg); --colore-testo: var(--ow-text); --colore-secondario: var(--ow-text);
}
html[data-contrasto="bianco-su-nero"] body, html[data-contrasto="nero-su-bianco"] body { background: var(--ow-bg) !important; color: var(--ow-text) !important; }
html[data-contrasto="bianco-su-nero"] :is(a, button, input, textarea, select), html[data-contrasto="nero-su-bianco"] :is(a, button, input, textarea, select) { color: var(--ow-text); }
html[data-movimento="ridotto"] { scroll-behavior: auto !important; }
html[data-movimento="ridotto"] *, html[data-movimento="ridotto"] *::before, html[data-movimento="ridotto"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
html[data-movimento="ridotto"] :is(.reveal, .reveal-media img, .split .word > span) { opacity: 1 !important; transform: none !important; clip-path: none !important; }
html[data-movimento="ridotto"] .ops-marquee__track { width: auto; }
html[data-movimento="ridotto"] .ops-marquee__group { display: block; width: 100%; }
html[data-movimento="ridotto"] .ops-marquee__group > span { white-space: normal; overflow-wrap: anywhere; }
html[data-movimento="ridotto"] .ops-marquee__group + .ops-marquee__group, html[data-movimento="ridotto"] .ops-marquee__group > span ~ span { display: none; }
@media print { .ops-wcag-launcher, .ops-wcag-panel { display: none !important; } }