/* ==========================================================================
   Plan du site - 
   ========================================================================== */

/* Variables */
:root {
    --primary-blue: #000091;
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --spacing-unit: 8px;
}

/* Container principal */
.plan-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px 80px;
}

/* Titre */
.plan-container h1 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--text-primary);
}

/* Date de mise à jour */
.plan-date {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 32px;
}

/* Liste principale */
.plan-list {
    list-style-type: disc;
    margin-left: 24px;
    margin-bottom: 8px;
}

/* Sous-listes */
.plan-list ul {
    list-style-type: disc;
    margin-left: 24px;
    margin-top: 8px;
    margin-bottom: 16px;
}

/* Items de liste */
.plan-list li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* Liens */
.plan-list a {
    color: var(--primary-blue);
    text-decoration: underline;
}

.plan-list a:hover {
    text-decoration: none;
}

/* Labels de section (texte sans lien) */
.section-label {
    color: var(--text-primary);
    text-decoration: none;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 640px) {
    .plan-container {
        padding: 24px 16px 60px;
    }

    .plan-container h1 {
        font-size: 1.5rem;
    }

    .plan-list {
        margin-left: 20px;
    }

    .plan-list ul {
        margin-left: 20px;
    }
}

/* ==========================================================================
   Print
   ========================================================================== */

@media print {
    .plan-container {
        max-width: 100%;
        padding: 20px;
    }

    .plan-list a {
        color: #000;
    }

    .plan-list a::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }
}