/* Standalone equivalents of the OPS site's shared UI; local theme typography. */
.brief {
  --colore-fondo: var(--bg, #faf9f7); --colore-testo: var(--text, #25221f);
  --colore-accento: var(--accent, #e85c2c); --ops-inchiostro: #25221f; --ops-arancione: #e85c2c;
  --durata-colore: .25s; --focus-spessore: 3px;
  color: var(--colore-testo); background: var(--colore-fondo);
  font-family: var(--font-sans, Inter, system-ui, sans-serif); font-size: 1rem; line-height: 1.6;
}
.brief *, .brief *::before, .brief *::after { box-sizing: border-box; }
.brief::backdrop { background: var(--pannello-backdrop); }
.brief button, .brief input, .brief textarea { font-family: inherit; }
.brief h2, .brief h3, .brief legend { font-family: var(--font-sans, Inter, system-ui, sans-serif); letter-spacing: 0; }
.brief .titolo-pannello { margin: 0; font-size: clamp(1.375rem, 2.4vw, 2rem); font-weight: 700; line-height: 1.3; }
.brief .titolo-card { margin: 0; font-size: 1.5rem; line-height: 1.3; }
.brief .occhiello { margin: 0 0 .5rem; color: var(--colore-testo); font: 600 .75rem/1.4 var(--font-sans, Inter, system-ui, sans-serif); letter-spacing: .12em; text-transform: uppercase; }
.brief .pulsante, .ops-brief-trigger { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: var(--pulsante-padding, .75rem 1.25rem); border: var(--pulsante-bordo, 1px solid currentColor); background: var(--pulsante-fondo, transparent); color: var(--pulsante-colore, inherit); font: var(--pulsante-peso, 600) 1rem/1.5 var(--font-sans, Inter, system-ui, sans-serif); cursor: pointer; }
.ops-brief-trigger { border-radius: 2rem; color: var(--on-accent, #25221f); background: var(--accent, #e85c2c); }
.brief .pulsante:disabled, .brief .brief__opzione:disabled, .ops-brief-trigger:disabled { cursor: not-allowed; opacity: .55; }
.brief .campo-input { display: block; width: 100%; min-width: 0; min-height: 44px; padding: .75rem; border: 1px solid currentColor; background: transparent; color: inherit; font-size: 1rem; }
.brief .scelta-form { display: flex; align-items: baseline; gap: .75rem; min-height: 44px; cursor: pointer; }
.brief .controllo-selezione { appearance: auto; flex-shrink: 0; width: 1.125rem; height: 1.125rem; margin: 0; padding: 0; accent-color: var(--colore-testo); }
.brief .link-testo { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.brief .solo-lettori { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.brief :focus-visible, .ops-brief-trigger:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media (prefers-reduced-motion: no-preference) { html:not([data-movimento="ridotto"]) .brief[open] { animation: ops-brief-open .35s ease-out; } }
@keyframes ops-brief-open { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media print { .brief, .ops-brief-trigger { display: none !important; } }
