/*
   Pagine pubbliche /concorsi e /concorsi/{slug}.
   Foglio globale (non scoped) perche' le pagine sono in static SSR e condividono
   le stesse classi. Usa le variabili del design system wq-* con fallback, cosi'
   resta coerente con il resto del sito anche se una variabile venisse rinominata.
*/

.wq-guida {
    max-width: 46rem;           /* ~72 caratteri per riga: pagina da leggere, non da scorrere */
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    line-height: 1.65;
    color: var(--wq-ink, #1f2937);
}

.wq-guida__briciole {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    font-size: .875rem;
    color: var(--wq-muted, #6b7280);
    margin-bottom: 1.5rem;
}

.wq-guida__briciole a {
    color: inherit;
}

.wq-guida__testata {
    margin-bottom: 2rem;
}

.wq-guida h1 {
    font-size: clamp(1.6rem, 4vw, 2.2rem);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.01em;
    margin-bottom: .75rem;
}

.wq-guida__attacco {
    font-size: 1.125rem;
    color: var(--wq-muted, #4b5563);
}

/* Scheda della prova: tre numeri chiave, bordo sinistro come le wq-card del sito */
.wq-guida__scheda {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 1rem;
    margin: 1.5rem 0 0;
    padding: 1rem 1.25rem;
    border-left: 5px solid var(--wq-primary, #4f46e5);
    background: var(--wq-surface-alt, #f5f5ff);
    border-radius: var(--wq-radius-md, .5rem);
}

.wq-guida__scheda dt {
    font-size: .8rem;
    font-weight: 500;
    color: var(--wq-muted, #6b7280);
}

.wq-guida__scheda dd {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--wq-primary, #4f46e5);
}

.wq-guida__corpo h2,
.wq-guida__sezione h2,
.wq-guida__cta h2 {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 2.25rem 0 .75rem;
}

.wq-guida__corpo ul {
    padding-left: 1.25rem;
}

.wq-guida__corpo li + li {
    margin-top: .35rem;
}

.wq-guida__sezione {
    margin-top: 2.5rem;
}

.wq-guida__tabella-contenitore {
    overflow-x: auto;
}

.wq-guida__tabella {
    width: 100%;
    border-collapse: collapse;
    font-size: .95rem;
}

.wq-guida__tabella th,
.wq-guida__tabella td {
    padding: .55rem .75rem;
    border-bottom: 1px solid var(--wq-border, #e5e7eb);
    text-align: left;
}

.wq-guida__tabella td:last-child,
.wq-guida__tabella th:last-child {
    text-align: right;
    font-variant-numeric: tabular-nums;
    width: 6rem;
}

/* Domande di esempio */
.wq-guida__domande {
    list-style: none;
    counter-reset: domanda;
    padding: 0;
    margin: 1.5rem 0 0;
}

.wq-guida__domanda {
    counter-increment: domanda;
    position: relative;
    padding: 1.25rem 1.25rem 1rem 3.25rem;
    border: 1px solid var(--wq-border, #e5e7eb);
    border-radius: var(--wq-radius-md, .5rem);
}

.wq-guida__domanda + .wq-guida__domanda {
    margin-top: 1rem;
}

.wq-guida__domanda::before {
    content: counter(domanda);
    position: absolute;
    left: 1rem;
    top: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    background: var(--wq-primary, #4f46e5);
}

.wq-guida__materia {
    display: inline-block;
    font-size: .78rem;
    color: var(--wq-muted, #6b7280);
    margin-bottom: .25rem;
}

.wq-guida__testo-domanda {
    font-weight: 600;
    margin-bottom: .6rem;
}

.wq-guida__opzioni {
    list-style: none;
    padding: 0;
    margin: 0 0 .75rem;
}

.wq-guida__opzioni li {
    padding: .2rem 0;
}

.wq-guida__opzioni b {
    display: inline-block;
    width: 1.5rem;
    color: var(--wq-primary, #4f46e5);
}

.wq-guida__soluzione summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--wq-primary, #4f46e5);
}

.wq-guida__soluzione summary:focus-visible {
    outline: 2px solid var(--wq-primary, #4f46e5);
    outline-offset: 2px;
}

.wq-guida__soluzione[open] {
    padding: .75rem 1rem;
    border-left: 4px solid var(--wq-success, #10b981);
    background: var(--wq-surface-alt, #f0fdf8);
    border-radius: var(--wq-radius-sm, .35rem);
}

.wq-guida__soluzione p {
    margin: .5rem 0 0;
}

/* Invito finale */
.wq-guida__cta {
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: var(--wq-radius-lg, .75rem);
    background: var(--wq-surface-alt, #f5f5ff);
}

.wq-guida__cta h2 {
    margin-top: 0;
}

.wq-guida__piede {
    margin-top: 2rem;
    font-size: .85rem;
    color: var(--wq-muted, #6b7280);
}

/* Indice guide */
.wq-guida__elenco {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wq-guida__elenco li + li {
    margin-top: 1rem;
}

.wq-guida__voce {
    display: block;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--wq-border, #e5e7eb);
    border-left: 5px solid var(--wq-primary, #4f46e5);
    border-radius: var(--wq-radius-md, .5rem);
    color: inherit;
    text-decoration: none;
}

.wq-guida__voce:hover .wq-guida__voce-titolo,
.wq-guida__voce:focus-visible .wq-guida__voce-titolo {
    text-decoration: underline;
}

.wq-guida__voce-titolo {
    display: block;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--wq-primary, #4f46e5);
}

.wq-guida__voce-sommario {
    display: block;
    margin-top: .35rem;
}

.wq-guida__voce-data {
    display: block;
    margin-top: .5rem;
    font-size: .8rem;
    color: var(--wq-muted, #6b7280);
}

.wq-guida__vuoto {
    text-align: center;
    padding: 3rem 1rem;
}

.wq-guida__vuoto .bi {
    font-size: 2.75rem;
    color: var(--wq-primary, #4f46e5);
}

/* Unita' pubblicitarie: etichettate e separate dal contenuto (policy AdSense) */
.wq-ad-slot {
    margin: 2.25rem 0;
    min-height: 100px;
}

.wq-ad-slot__etichetta {
    display: block;
    font-size: .7rem;
    color: var(--wq-muted, #9ca3af);
    margin-bottom: .25rem;
}

@media (max-width: 560px) {
    .wq-guida__domanda {
        padding-left: 1rem;
        padding-top: 2.75rem;
    }

    .wq-guida__domanda::before {
        top: .9rem;
    }
}


/* Dati del bando (ente, scadenza, link ufficiale) sotto l'attacco */
.wq-guida__bando {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.25rem;
    font-size: .92rem;
    color: var(--wq-muted, #64748b);
}

.wq-guida__bando i {
    margin-right: .3rem;
    color: var(--wq-primary, #4f46e5);
}

/* Consiglio della redazione: contributo umano, evidenziato come le wq-card del sito */
.wq-guida__nota {
    margin-top: 2.5rem;
    padding: 1.25rem 1.5rem;
    border-left: 5px solid var(--wq-warning, #f59e0b);
    background: var(--wq-warning-soft, #fffbeb);
    border-radius: var(--wq-radius-md, .5rem);
}

.wq-guida__nota h2 {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 .5rem;
}

.wq-guida__nota p:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   Riquadri della scheda strutturata del bando (SchedaBando)
   ========================================================================== */

/* Riepilogo: griglia chiave-valore in cima, stile wq-card con bordo primario */
.wq-guida__riepilogo {
    margin-top: 1.5rem;
    padding: 1.25rem 1.5rem;
    background: var(--wq-card-bg, #fff);
    border: 1px solid var(--wq-border, #e5e7eb);
    border-left: 5px solid var(--wq-primary, #4f46e5);
    border-radius: var(--wq-radius-lg, .9rem);
    box-shadow: var(--wq-shadow-soft, none);
}

.wq-guida__riepilogo dl {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem 1.5rem;
    margin: 0;
}

.wq-guida__riepilogo dt {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--wq-muted, #64748b);
}

.wq-guida__riepilogo dd {
    margin: .15rem 0 0;
    font-weight: 600;
}

/* Stato della candidatura */
.wq-guida__stato {
    display: inline-block;
    margin-left: .35rem;
    padding: .1rem .55rem;
    border-radius: var(--wq-radius-pill, 999px);
    font-size: .72rem;
    font-weight: 700;
    vertical-align: middle;
}

.wq-guida__stato.aperto { background: var(--wq-success-soft, #ecfdf5); color: #047857; }
.wq-guida__stato.in-scadenza { background: var(--wq-warning-soft, #fffbeb); color: #b45309; }
.wq-guida__stato.chiuso { background: var(--wq-danger-soft, #fef2f2); color: #b91c1c; }

/* Ultima novità */
.wq-guida__novita {
    margin: 1rem 0 0;
    padding: .75rem 1rem;
    background: var(--wq-primary-soft, #eef2ff);
    border-radius: var(--wq-radius-md, .5rem);
    font-size: .95rem;
}

.wq-guida__novita i {
    color: var(--wq-primary, #4f46e5);
    margin-right: .35rem;
}

/* Indice */
.wq-guida__indice {
    margin: 0 0 2rem;
    padding: 1rem 1.25rem;
    border: 1px dashed var(--wq-border, #cbd5e1);
    border-radius: var(--wq-radius-md, .5rem);
    font-size: .95rem;
}

.wq-guida__indice ol {
    margin: .5rem 0 0;
    padding-left: 1.25rem;
    columns: 2 14rem;
}

/* Fasi delle prove: passi numerati */
.wq-guida__fasi {
    list-style: none;
    counter-reset: fase;
    padding: 0;
    margin: 1rem 0 0;
    display: grid;
    gap: .75rem;
}

.wq-guida__fasi li {
    counter-increment: fase;
    position: relative;
    padding: .9rem 1rem .9rem 3.25rem;
    border: 1px solid var(--wq-border, #e5e7eb);
    border-radius: var(--wq-radius-md, .5rem);
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.wq-guida__fasi li::before {
    content: counter(fase);
    position: absolute;
    left: 1rem;
    top: .9rem;
    width: 1.6rem;
    height: 1.6rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    background: var(--wq-primary, #4f46e5);
}

/* Date chiave: timeline verticale */
.wq-guida__timeline {
    list-style: none;
    padding: 0 0 0 1rem;
    margin: 1rem 0 0;
    border-left: 3px solid var(--wq-primary-soft, #eef2ff);
}

.wq-guida__timeline li {
    position: relative;
    padding: 0 0 1rem 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .75rem;
}

.wq-guida__timeline li::before {
    content: "";
    position: absolute;
    left: -1.55rem;
    top: .35rem;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: var(--wq-card-bg, #fff);
    border: 3px solid var(--wq-primary, #4f46e5);
}

.wq-guida__timeline li.passata::before {
    background: var(--wq-primary, #4f46e5);
}

.wq-guida__timeline-data {
    min-width: 7rem;
    font-weight: 700;
    color: var(--wq-primary, #4f46e5);
}

/* Come fare domanda: card informativa neutra (il verde è riservato agli inviti gratuiti) */
.wq-guida__candidatura {
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--wq-border, #e5e7eb);
    border-left: 5px solid var(--wq-primary, #4f46e5);
    background: var(--wq-card-bg, #fff);
    border-radius: var(--wq-radius-md, .5rem);
}

.wq-guida__candidatura h2 {
    margin-top: 0;
}

.wq-guida__candidatura dl {
    display: grid;
    gap: .5rem;
    margin: 0 0 1rem;
}

.wq-guida__candidatura dt {
    font-size: .8rem;
    color: var(--wq-muted, #64748b);
}

.wq-guida__candidatura dd {
    margin: 0;
    font-weight: 600;
}

/* Documenti ufficiali */
.wq-guida__documenti {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
}

.wq-guida__documenti li + li {
    margin-top: .5rem;
}

/* Domande frequenti */
.wq-guida__faq {
    border-bottom: 1px solid var(--wq-border, #e5e7eb);
    padding: .75rem 0;
}

.wq-guida__faq summary {
    cursor: pointer;
    font-weight: 600;
}

.wq-guida__faq p {
    margin: .5rem 0 0;
}

/* Altre guide */
.wq-guida__correlate {
    margin-top: 2.5rem;
}

.wq-guida__correlate h2 {
    font-size: 1.2rem;
    font-weight: 700;
}

.wq-guida__correlate ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: .75rem;
}

.wq-guida__correlate a {
    display: block;
    height: 100%;
    padding: .9rem 1rem;
    border: 1px solid var(--wq-border, #e5e7eb);
    border-left: 4px solid var(--wq-primary, #4f46e5);
    border-radius: var(--wq-radius-md, .5rem);
    text-decoration: none;
    color: inherit;
}

/* ==========================================================================
   Pagina del bando: layout a due colonne e inviti all'azione
   ========================================================================== */

/* Pagina più larga delle altre guide: colonna di lettura (~46rem) + colonna laterale */
.wq-guida--bando {
    max-width: 74rem;
}

/* Telefono: una colonna, nell'ordine testata → dati chiave e invito → contenuto */
.wq-guida__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "testata"
        "laterale"
        "principale";
    gap: 1.5rem;
}

.wq-guida__layout > .wq-guida__testata { grid-area: testata; margin-bottom: 0; }
.wq-guida__layout > .wq-guida__laterale { grid-area: laterale; }
.wq-guida__layout > .wq-guida__principale { grid-area: principale; min-width: 0; }

/* Desktop: la colonna laterale resta visibile mentre si legge (sticky, non sovrapposta al
   contenuto né agli annunci, che stanno solo nella colonna principale) */
@media (min-width: 992px) {
    .wq-guida__layout {
        grid-template-columns: minmax(0, 1fr) 20rem;
        grid-template-areas:
            "testata laterale"
            "principale laterale";
        column-gap: 2.5rem;
        align-items: start;
    }

    .wq-guida__laterale {
        align-self: stretch;
    }

    .wq-guida__laterale-interno {
        position: sticky;
        top: 1rem;
    }
}

.wq-guida__laterale-interno {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Etichette sintetiche sotto il titolo: stato, posti, ente, bando */
.wq-guida__chip {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.wq-guida__chip li {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .75rem;
    border-radius: var(--wq-radius-pill, 999px);
    background: var(--wq-card-bg, #fff);
    border: 1px solid var(--wq-border, #e2e8f0);
    font-size: .85rem;
    font-weight: 600;
}

.wq-guida__chip li.wq-guida__stato {
    margin-left: 0;
    border-color: transparent;
    font-size: .85rem;
}

.wq-guida__chip a {
    text-decoration: none;
}

/* Riepilogo nella colonna laterale: una colonna, compatto */
.wq-guida__laterale .wq-guida__riepilogo {
    margin-top: 0;
    padding: 1.1rem 1.25rem;
}

.wq-guida__laterale .wq-guida__riepilogo dl {
    grid-template-columns: 1fr;
    gap: .65rem;
}

.wq-guida__riepilogo-titolo {
    margin: 0 0 .75rem;
    font-weight: 700;
}

/* ---- Invito all'azione gratuito (GuidaInvito) ----
   VERDE = gratis. Volutamente diverso dallo stile indigo/viola con pulsante arancione dello
   sblocco a pagamento (SbloccoRevisioneBanner): l'utente distingue a colpo d'occhio. */
.wq-invito {
    margin-top: 3rem;
    padding: 1.75rem;
    border-radius: var(--wq-radius-lg, .9rem);
    background: linear-gradient(160deg, #ecfdf5 0%, #d1fae5 100%);
    border: 1px solid #a7f3d0;
    border-left: 6px solid var(--wq-success, #10b981);
    color: var(--wq-ink, #1e293b);
}

.wq-invito__gratis {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .75rem;
    border-radius: var(--wq-radius-pill, 999px);
    background: var(--wq-success, #10b981);
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wq-invito__titolo {
    margin: .75rem 0 .35rem;
    font-size: 1.35rem;
    font-weight: 800;
    color: #065f46;
}

.wq-invito__testo {
    margin: 0 0 1rem;
    color: #047857;
}

.wq-invito__vantaggi {
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: .5rem 1.25rem;
    font-size: .95rem;
}

.wq-invito__vantaggi i {
    color: var(--wq-success, #10b981);
    margin-right: .4rem;
}

.wq-invito__cta {
    background: var(--wq-success, #10b981);
    border: none;
    color: #fff;
    font-weight: 700;
    padding-inline: 1.75rem;
    transition: transform .15s ease, box-shadow .15s ease;
}

.wq-invito__cta:hover,
.wq-invito__cta:focus-visible {
    background: #059669;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px -4px rgba(16, 185, 129, .55);
}

.wq-invito__accedi {
    margin: .85rem 0 0;
    font-size: .9rem;
    color: #047857;
}

.wq-invito__accedi a {
    color: #065f46;
    font-weight: 700;
}

.wq-invito__iscritti {
    margin: .85rem 0 0;
    padding-top: .75rem;
    border-top: 1px solid #a7f3d0;
    font-size: .88rem;
    color: #047857;
}

@media (max-width: 575px) {
    .wq-invito {
        padding: 1.25rem;
    }

    .wq-invito__cta {
        width: 100%;
    }
}

/* Utente già autenticato: stesso verde, versione sobria con la sola azione utile */
.wq-invito--utente {
    padding: 1.25rem 1.5rem;
}

.wq-invito--utente .wq-invito__titolo {
    margin-top: 0;
    font-size: 1.1rem;
}

/* Richiamo contestuale a metà pagina (verde come l'invito: è gratuito) */
.wq-invito-riga {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
    margin: 2rem 0 0;
    padding: .9rem 1.1rem;
    border-radius: var(--wq-radius-md, .5rem);
    background: var(--wq-success-soft, #ecfdf5);
    border-left: 4px solid var(--wq-success, #10b981);
}

.wq-invito-riga > i {
    color: var(--wq-success, #10b981);
    font-size: 1.2rem;
}

.wq-invito-riga > span {
    flex: 1 1 16rem;
}

.wq-invito-riga > a {
    color: #047857;
    font-weight: 700;
    white-space: nowrap;
}

/* Telefono e tablet: riepilogo su due colonne, per arrivare prima all'invito e al contenuto */
@media (max-width: 991px) {
    .wq-guida__laterale .wq-guida__riepilogo dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ==========================================================================
   In sintesi, mini-quiz, pagine raccolta
   ========================================================================== */

/* In sintesi: domande/risposte brevi in cima al contenuto */
.wq-guida__sintesi {
    margin: 0 0 1.75rem;
    padding: 1.1rem 1.35rem;
    background: var(--wq-card-bg, #fff);
    border: 1px solid var(--wq-border, #e5e7eb);
    border-radius: var(--wq-radius-md, .5rem);
}

.wq-guida__sintesi h2 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 .75rem;
}

.wq-guida__sintesi dl {
    display: grid;
    gap: .6rem;
    margin: 0;
}

.wq-guida__sintesi dt {
    font-weight: 700;
}

.wq-guida__sintesi dd {
    margin: .1rem 0 0;
    color: var(--wq-ink, #1e293b);
}

/* Mini-quiz */
.wq-miniquiz__opzioni {
    display: grid;
    gap: .4rem;
    margin: .25rem 0 .5rem;
}

.wq-miniquiz__opzione {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .5rem .75rem;
    border: 1px solid var(--wq-border, #e5e7eb);
    border-radius: var(--wq-radius-sm, .35rem);
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.wq-miniquiz__opzione:hover {
    background: var(--wq-primary-soft, #eef2ff);
}

.wq-miniquiz__opzione input {
    margin-top: .3rem;
}

.wq-miniquiz__opzione b {
    color: var(--wq-primary, #4f46e5);
}

.wq-miniquiz__opzione:has(input:checked) {
    border-color: var(--wq-primary, #4f46e5);
    background: var(--wq-primary-soft, #eef2ff);
}

.wq-miniquiz__opzione.giusta {
    border-color: var(--wq-success, #10b981);
    background: var(--wq-success-soft, #ecfdf5);
}

.wq-miniquiz__opzione.sbagliata {
    border-color: var(--wq-danger, #ef4444);
    background: var(--wq-danger-soft, #fef2f2);
}

/* Con JavaScript attivo le soluzioni compaiono solo dopo la correzione */
.wq-miniquiz.attivo:not(.corretto) .wq-guida__soluzione {
    display: none;
}

.wq-miniquiz__azioni {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin-top: 1.25rem;
}

.wq-miniquiz__avviso {
    color: var(--wq-danger, #ef4444);
    font-weight: 600;
}

/* Esito del mini-quiz: verde, perché porta alla simulazione gratuita */
.wq-miniquiz__esito {
    margin-top: 1.25rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--wq-radius-md, .5rem);
    background: var(--wq-success-soft, #ecfdf5);
    border-left: 6px solid var(--wq-success, #10b981);
}

.wq-miniquiz__punteggio {
    font-size: 1.15rem;
    margin: 0 0 .35rem;
}

.wq-miniquiz__giudizio {
    color: #047857;
}

/* Indice guide: scorciatoia alle scadenze e navigazione per ente */
.wq-guida__scadenze {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.25rem;
    padding: .9rem 1.1rem;
    border-radius: var(--wq-radius-md, .5rem);
    background: var(--wq-warning-soft, #fffbeb);
    border-left: 4px solid var(--wq-warning, #f59e0b);
    color: var(--wq-ink, #1e293b);
    text-decoration: none;
}

.wq-guida__scadenze > span {
    flex: 1;
}

.wq-guida__scadenze .bi-alarm-fill {
    color: #b45309;
    font-size: 1.2rem;
}

.wq-guida__enti {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.5rem;
    font-size: .92rem;
}

.wq-guida__enti a {
    padding: .25rem .7rem;
    border: 1px solid var(--wq-border, #e2e8f0);
    border-radius: var(--wq-radius-pill, 999px);
    text-decoration: none;
    background: var(--wq-card-bg, #fff);
}

.wq-guida__enti a span {
    color: var(--wq-muted, #64748b);
}

/* Elenco guide: badge dello stato accanto alla scadenza */
.wq-guida__voce-data .wq-guida__stato {
    margin: 0 .35rem 0 0;
}

.wq-guida__scheda + .wq-guida__sintesi {
    margin-top: 1.5rem;
}