/* ═══ ACCUEIL ═══ */
.accueil { padding: 4.5rem 0 3rem; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.accueil-tete { max-width: 760px; margin: 0 auto; text-align: center; }
.accueil h1 {
    font-size: clamp(2rem, 4.2vw, 2.9rem); line-height: 1.12; letter-spacing: -0.025em;
    font-weight: 700; margin-bottom: 1rem; text-wrap: balance;
}
.accueil-sous { font-size: 1.0625rem; line-height: 1.65; color: var(--color-text-light); margin-bottom: 2rem; }

.accueil-recherche { display: flex; gap: 0.5rem; max-width: 640px; margin: 0 auto; }
.accueil-recherche input {
    flex: 1; min-width: 0; padding: 0.9rem 1.1rem; font-size: 1.0625rem; font-family: inherit;
    border: 2px solid var(--color-border); border-radius: var(--radius-md);
    background: var(--color-surface); color: var(--color-text);
}
.accueil-recherche input:focus { outline: none; border-color: var(--color-primary); }
.accueil-recherche .btn { padding: 0.9rem 1.6rem; font-size: 1rem; flex: none; }
.accueil-exemples { margin-top: 0.9rem; font-size: var(--font-size-sm); color: var(--color-text-muted); }
.accueil-exemples a { color: var(--color-primary-light); text-decoration: underline; text-underline-offset: 2px; }
.recherche-haut { max-width: 760px; margin: 0 0 2rem; }

/* ═══ LA PREUVE DU JOUR ═══ */
.preuve { padding: 3.5rem 0; }
.preuve h2 { font-size: 1.5rem; letter-spacing: -0.02em; }
.preuve-sous { max-width: 680px; color: var(--color-text-light); margin: 0.5rem 0 1.75rem; line-height: 1.6; }
.preuve-liste { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 0.75rem; }
.preuve-liste a {
    display: grid; gap: 0.2rem; padding: 0.85rem 1rem; height: 100%;
    background: var(--color-surface); border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-alerte); border-radius: var(--radius-sm);
    color: var(--color-text); transition: border-color var(--transition), box-shadow var(--transition);
}
.preuve-liste a:hover { box-shadow: var(--shadow-md); border-color: var(--color-alerte); }
.preuve-nom { font-weight: 600; line-height: 1.3; }
.preuve-meta { font-size: var(--font-size-sm); color: var(--color-text-muted); }
.preuve-liste time { font-size: var(--font-size-xs); color: var(--color-text-muted); font-variant-numeric: tabular-nums; }

/* ═══ ARGUMENTS ═══ */
.arguments { padding: 3.5rem 0 4.5rem; background: var(--color-surface); border-top: 1px solid var(--color-border); }
.arguments h2 { font-size: 1.5rem; letter-spacing: -0.02em; margin-bottom: 1.75rem; }
.args { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.5rem 2rem; }
.arg h3 { font-size: 1.0625rem; margin-bottom: 0.4rem; color: var(--color-primary); }
.arg p { color: var(--color-text-light); line-height: 1.6; font-size: 0.9375rem; }

/* ═══ RÉSULTATS ═══ */
.resultats { padding: 2.5rem 0 4rem; }
.resultats-compte { color: var(--color-text-light); margin-bottom: 1rem; }
.resultats-vide { color: var(--color-text-light); line-height: 1.6; max-width: 620px; }
.liste-resultats { list-style: none; display: grid; gap: 0.5rem; }
.liste-resultats a {
    display: grid; grid-template-columns: 1fr auto; gap: 0.15rem 1rem; align-items: center;
    padding: 0.85rem 1.1rem; background: var(--color-surface);
    border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-text);
}
.liste-resultats a:hover { border-color: var(--color-primary-light); box-shadow: var(--shadow-sm); }
.r-nom { font-weight: 600; }
.r-meta { grid-column: 1; font-size: var(--font-size-sm); color: var(--color-text-muted); }
.r-etat { grid-row: 1 / span 2; grid-column: 2; font-size: var(--font-size-xs); font-weight: 600; white-space: nowrap; }
.etat-actif { color: var(--color-ok); }
.etat-cesse { color: var(--color-alerte); }

.pagination { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-top: 2rem; color: var(--color-text-muted); font-size: var(--font-size-sm); }
.pagination a { color: var(--color-primary); font-weight: 600; }