/* Kit imprimable de murder party (docs/SEO_BACKLINKS.md §4.1).
   Deux rendus dans un seul document : lisible à l'écran, et surtout propre à
   l'impression — c'est le PDF produit par « Imprimer → Enregistrer en PDF » qui
   circule et se fait relayer, pas la page. */

.kit-intro {
    max-width: 44rem;
    margin: 0 auto 3rem;
    text-align: center;
}

.kit-title {
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    margin-bottom: 0.75rem;
}

.kit-lede {
    font-size: 1.1rem;
    line-height: 1.6;
    opacity: 0.85;
}

.kit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin: 1.75rem 0 1rem;
}

.kit-hint {
    font-size: 0.9rem;
    opacity: 0.65;
}

.kit-sheet {
    max-width: 44rem;
    margin: 0 auto 2rem;
    padding: 2rem 2.25rem;
    border: 1px solid rgba(128, 128, 128, 0.28);
    border-radius: 12px;
}

.kit-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    opacity: 0.6;
    margin-bottom: 0.4rem;
}

.kit-sheet-title {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.kit-meta,
.kit-role-part {
    opacity: 0.7;
    margin-bottom: 1.25rem;
}

.kit-role-name {
    font-size: 1.75rem;
    margin-bottom: 0.15rem;
}

.kit-role-head {
    border-bottom: 1px solid rgba(128, 128, 128, 0.28);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

/* Texte d'ouverture : il est lu à voix haute devant la tablée, donc aéré et
   composé un peu plus grand — le maître du jeu doit pouvoir le suivre des yeux
   sans le relire. */
.kit-opening p {
    line-height: 1.65;
    margin-bottom: 0.85rem;
    font-size: 1.05rem;
}

.kit-opening-label {
    font-size: 0.8rem !important;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    opacity: 0.6;
    margin-bottom: 1rem !important;
}

.kit-block {
    margin-bottom: 1.5rem;
}

.kit-block h4 {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    opacity: 0.6;
    margin-bottom: 0.5rem;
}

.kit-block p,
.kit-block li {
    line-height: 1.6;
    margin-bottom: 0.6rem;
}

.kit-block ul {
    padding-left: 1.1rem;
}

.kit-block li {
    list-style: disc;
}

/* Le secret et la brique « vous êtes le coupable » sont les deux zones que le
   joueur relit en diagonale pendant la partie : elles doivent sauter aux yeux,
   y compris sur une impression en noir et blanc — d'où la barre latérale
   plutôt qu'une couleur de fond. */
.kit-block--secret,
.kit-block--culprit {
    border-left: 3px solid currentColor;
    padding-left: 1rem;
}

.kit-block--culprit {
    margin-top: 2rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(128, 128, 128, 0.28);
}

.kit-howto {
    padding-left: 1.25rem;
}

.kit-howto li {
    line-height: 1.6;
    margin-bottom: 0.75rem;
    list-style: decimal;
}

.kit-timeline {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem 1rem;
}

.kit-timeline dt {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    opacity: 0.7;
}

.kit-timeline dd {
    line-height: 1.5;
}

.kit-warning {
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.kit-source {
    margin-top: 2rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(128, 128, 128, 0.2);
    font-size: 0.75rem;
    opacity: 0.55;
}

/* L'URL en pied de fiche est un vrai lien : dans un PDF hébergé par un tiers
   (scénariothèque), c'est le seul lien qui puisse nous revenir. Discret à
   l'écran, sans décoration à l'impression — mais cliquable dans le PDF. */
.kit-source a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.kit-outro {
    max-width: 44rem;
    margin: 3rem auto 0;
    text-align: center;
}

.kit-outro h2 {
    margin-bottom: 0.75rem;
}

.kit-outro p {
    line-height: 1.6;
    margin-bottom: 1.5rem;
    opacity: 0.85;
}

@media (max-width: 640px) {
    .kit-sheet {
        padding: 1.5rem 1.25rem;
    }
}

/* --- Impression -----------------------------------------------------------
   Une fiche = une page. Tout le chrome du site disparaît : le lecteur du PDF
   n'a pas besoin de la nav, et une fiche de rôle doit tenir seule dans la main
   d'un joueur. */
@media print {
    header,
    .site-footer,
    .kit-actions,
    .kit-hint,
    .kit-outro,
    .announcements-drawer,
    .modal,
    [id$="-modal"] {
        display: none !important;
    }

    /* Le fond sombre du site coûterait une cartouche d'encre par kit. */
    body,
    .container {
        background: #fff !important;
        color: #000 !important;
    }

    .kit-intro {
        margin-bottom: 1rem;
    }

    .kit-sheet {
        /* La bordure d'écran devient une découpe imprimée inutile : chaque
           fiche occupe déjà sa propre feuille. */
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        max-width: none;
        page-break-after: always;
        break-after: page;
    }

    .kit-sheet:last-of-type {
        page-break-after: auto;
        break-after: auto;
    }

    /* Ne jamais couper un secret ou un objectif entre deux feuilles. */
    .kit-block,
    .kit-role-head {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .kit-block--secret,
    .kit-block--culprit {
        border-left-color: #000;
    }

    .kit-source {
        border-top-color: rgba(0, 0, 0, 0.2);
        opacity: 0.7;
    }

    .kit-source a {
        text-decoration: none;
    }

    a[href]::after {
        /* Les URL des CTA n'ont aucun sens sur papier. */
        content: none !important;
    }
}