/* =====================================================================
   Assessment digitale · il carattere dell'intervista di Carlo.

   Le schermate sono quelle comuni (intervista.css, già nel linguaggio di
   Quisquilia). Qui l'assessment aggiunge poco: il colore di Carlo, Imperial,
   nel gettone della testata, l'evidenziatore pesca nel titolo, la vetrina e
   il risultato su schede bianche con il filo e l'ombra morbida. Il grafico,
   la scala, è l'unico ornamento.

   12/10/2026: tolto l'indaco e la lavanda di Tacita, tolte le regole che
   assottigliavano bordi e ombre del vecchio pop (ora le fa il foglio comune).
   ===================================================================== */

body[data-intervista="assessment"]{
  --vivo:var(--imperial); --su:var(--mint); --leggibile:var(--imperial); --wash:#e3e7f4;
}
/* il gettone del prodotto: pieno, nel colore di Carlo */
[data-intervista="assessment"] .testata-prodotto{background:var(--imperial);color:var(--mint);box-shadow:none}

/* l'evidenziatore del titolo: la fascia pesca del sito */
.evidenzia{background:linear-gradient(transparent 60%,rgba(247,205,182,.85) 60%,rgba(247,205,182,.85) 92%,transparent 92%);padding:0 .04em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ------------------------------------------------------------ inizio */
.as-vetrina{margin:0;background:var(--carta);border:1px solid var(--linea);border-radius:28px;padding:clamp(20px,2.6vw,32px);
  box-shadow:var(--ombra-morbida),0 30px 60px -40px rgba(14,46,62,.3)}
.as-vetrina figcaption{border-top:1px solid var(--linea);margin-top:18px;padding-top:14px;font-size:14px;line-height:1.5;color:var(--nota)}

/* ------------------------------------------------------------ risultato */
.as-risultato{display:grid;gap:clamp(20px,3.4vh,36px);max-width:980px;background:var(--carta);border:1px solid var(--linea);
  border-radius:28px;padding:clamp(24px,4vw,56px);box-shadow:var(--ombra-morbida),0 30px 60px -40px rgba(14,46,62,.3)}
.as-testa h1{font-size:clamp(40px,min(6vw,10vh),88px);line-height:.94;letter-spacing:-.045em;max-width:15ch;animation:sale .8s var(--molla) both}
.as-lettura{font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:var(--testo-2);max-width:60ch;margin-top:clamp(12px,2vh,18px)}
.as-commento{max-width:62ch;border-left:3px solid var(--pesca);padding-left:clamp(14px,1.6vw,22px)}
.as-commento:empty{display:none}
.as-commento p{font-family:var(--display);font-weight:500;font-size:clamp(18px,1.6vw,22px);line-height:1.42;letter-spacing:-.012em;color:var(--jet)}
.as-commento cite{display:block;font-style:normal;font-size:14px;color:var(--nota);margin-top:10px}
.as-piede{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;padding-top:clamp(14px,2.4vh,22px);
  border-top:1px solid var(--linea)}
.as-piede .rv-stato{margin:0;color:var(--nota)}

@media (max-width:640px){
  .as-risultato{border-radius:22px;padding:22px 18px}
  .as-vetrina{border-radius:22px}
  .as-piede .azioni{flex-direction:column;align-items:stretch;width:100%}
  .as-piede .pulsante{justify-content:center}
}