/* Append a main.css — styles pour les pages editoriales dynamiques */

.page-statique {
    padding: 60px 20px;
    background: #fff;
}

.page-conteneur {
    max-width: 800px;
    margin: 0 auto;
}

.page-entete {
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--mds-gris-clair);
}

.page-entete h1 {
    margin: 0 0 8px;
}

.page-date {
    color: var(--mds-gris);
    font-size: 0.9rem;
    margin: 0;
}

.page-contenu {
    line-height: 1.7;
}

.page-contenu h2 {
    margin-top: 1.6em;
    color: var(--mds-bleu-fonce);
}

.page-contenu h3 {
    margin-top: 1.4em;
    color: var(--mds-bleu-fonce);
}

.page-contenu p,
.page-contenu ul,
.page-contenu ol {
    margin-bottom: 1em;
}

.page-contenu blockquote {
    border-left: 4px solid var(--mds-bleu);
    padding: 8px 16px;
    background: var(--mds-bleu-pale);
    margin: 1em 0;
    color: var(--mds-gris-fonce);
    font-style: italic;
}

.page-contenu a {
    color: var(--mds-bleu-fonce);
    font-weight: 500;
}

.page-contenu img {
    border-radius: var(--mds-radius);
    margin: 1em 0;
}