/* ============================================================
   AGRIMUS — assets/css/doc.css
   Pages de texte et formulaires simples : conditions.php, reset_password.php.
   S'utilise avec listing.css (.page-head, .wrap).
   ============================================================ */

/* Titre de page (même rendu que reseau.php) */
.page-head-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 20px 0
}

.page-title {
    font-family: 'DM Serif Display', serif;
    font-size: 28px;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 12px
}

.page-sub {
    color: var(--muted);
    font-size: 13px;
    margin: 2px 0 14px
}

.doc-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 28px;
    max-width: 820px;
    margin: 0 auto;
}

.doc-card.narrow {
    max-width: 460px;
}

.doc-section {
    margin-bottom: 26px;
}

.doc-section h2 {
    font-family: 'DM Serif Display', serif;
    font-size: 21px;
    margin-bottom: 8px;
}

.doc-section ul {
    padding-left: 20px;
}

.doc-section li {
    margin-bottom: 8px;
}

.doc-warn {
    background: #FDECEC;
    border-left: 4px solid #B42318;
    color: #7A1B14;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 13.5px;
    margin-top: 12px;
}

.doc-note {
    color: var(--muted);
    font-size: 12.5px;
    text-align: center;
    margin-top: 10px;
}

.doc-msg {
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 13.5px;
    margin-bottom: 14px;
}

.doc-msg.ok {
    background: var(--g-tint);
    color: var(--g1);
}

.doc-msg.ko {
    background: #FDECEC;
    color: #B42318;
}