:root {
      --navy:   #1B2B5E;
      --navy2:  #243571;
      --gold:   #C9943A;
      --gold2:  #e0aa50;
      --light:  #F5F3EE;
      --white:  #FFFFFF;
      --text:   #2C2C2C;
      --muted:  #6B7280;
      --border: #E5E1D8;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', system-ui, sans-serif; font-size: 16px; color: var(--text); background: var(--white); line-height: 1.7; }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
    h1, h2, h3 { font-family: 'Playfair Display', Georgia, serif; line-height: 1.25; color: var(--navy); }
    h1 { font-size: clamp(2rem, 4vw, 3rem); }
    h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
    h3 { font-size: 1.2rem; }
    .section-label { display: inline-block; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
    .btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: all 0.2s ease; border: 2px solid transparent; }
    .btn-primary { background: var(--gold); color: var(--white); border-color: var(--gold); }
    .btn-primary:hover { background: var(--gold2); border-color: var(--gold2); }
    .btn-outline { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.7); }
    .btn-outline:hover { background: rgba(255,255,255,0.1); border-color: var(--white); }
    .btn-navy { background: var(--navy); color: var(--white); border-color: var(--navy); }
    .btn-navy:hover { background: var(--navy2); border-color: var(--navy2); }

    /* HEADER */
    header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: var(--navy); border-bottom: 2px solid var(--gold); }
    .header-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
    .logo { display: flex; flex-direction: column; line-height: 1.2; }
    .logo-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-weight: 700; color: var(--white); letter-spacing: 0.02em; }
    .logo-title { font-size: 0.7rem; font-weight: 400; color: var(--gold); letter-spacing: 0.1em; text-transform: uppercase; }
    nav { display: flex; align-items: center; gap: 32px; }
    nav a { font-size: 0.85rem; font-weight: 500; color: rgba(255,255,255,0.8); letter-spacing: 0.03em; transition: color 0.2s; }
    nav a:hover { color: var(--gold); }
    .nav-cta { background: var(--gold); color: var(--white) !important; padding: 9px 20px; border-radius: 4px; font-weight: 600 !important; }
    .nav-cta:hover { background: var(--gold2); }
    .burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; }
    .burger span { display: block; width: 24px; height: 2px; background: var(--white); border-radius: 2px; }

    /* HERO */
    #accueil { min-height: 100vh; background: linear-gradient(135deg, var(--navy) 0%, #0f1d42 60%, #162040 100%); display: flex; align-items: center; padding-top: 68px; position: relative; overflow: hidden; }
    #accueil::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, transparent, var(--white)); }
    .hero-content { padding: 80px 0; max-width: 680px; position: relative; z-index: 1; }
    .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(201,148,58,0.15); border: 1px solid rgba(201,148,58,0.3); border-radius: 100px; padding: 6px 16px; margin-bottom: 28px; }
    .hero-badge::before { content: ''; width: 6px; height: 6px; background: var(--gold); border-radius: 50%; }
    .hero-badge span { font-size: 0.75rem; font-weight: 500; color: var(--gold); letter-spacing: 0.08em; text-transform: uppercase; }
    .hero-title { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 700; color: var(--white); line-height: 1.2; margin-bottom: 20px; }
    .hero-title em { font-style: normal; color: var(--gold); }
    .hero-sub { font-size: 1.05rem; color: rgba(255,255,255,0.72); margin-bottom: 36px; max-width: 520px; font-weight: 300; }
    .hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }
    .hero-stats { display: flex; gap: 40px; margin-top: 56px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.12); }
    .stat-num { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; color: var(--gold); line-height: 1; }
    .stat-label { font-size: 0.78rem; color: rgba(255,255,255,0.55); margin-top: 4px; }

    /* SECTIONS */
    section { padding: 90px 0; }
    section:nth-child(even) { background: var(--light); }
    .section-header { text-align: center; margin-bottom: 56px; }
    .section-header h2 { margin-bottom: 16px; }
    .section-header p { color: var(--muted); max-width: 580px; margin: 0 auto; font-size: 1.05rem; }
    .title-line { display: block; width: 48px; height: 3px; background: var(--gold); margin: 16px auto 0; border-radius: 2px; }

    /* PROFIL */
    #profil .profil-grid { display: grid; grid-template-columns: 340px 1fr; gap: 64px; align-items: start; }
    .profil-photo { position: sticky; top: 88px; }
    .profil-photo img { border-radius: 4px; width: 100%; object-fit: cover; box-shadow: 0 8px 32px rgba(27,43,94,0.15); }
    .profil-photo-placeholder { aspect-ratio: 3/4; background: linear-gradient(135deg, var(--navy) 0%, var(--navy2) 100%); border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgba(255,255,255,0.4); font-size: 0.85rem; text-align: center; border: 2px dashed rgba(201,148,58,0.3); padding: 20px; }
    .photo-caption { margin-top: 16px; text-align: center; }
    .photo-caption strong { display: block; font-family: 'Playfair Display', serif; font-size: 1rem; color: var(--navy); }
    .photo-caption span { font-size: 0.82rem; color: var(--gold); font-weight: 500; }
    .profil-text p { color: #444; margin-bottom: 18px; font-size: 1.02rem; }
    .profil-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0; }
    .profil-tag { background: var(--navy); color: var(--white); padding: 6px 16px; border-radius: 100px; font-size: 0.8rem; font-weight: 500; }
    .profil-formation { background: var(--light); border-left: 3px solid var(--gold); border-radius: 0 4px 4px 0; padding: 20px 24px; margin-top: 24px; }
    .profil-formation h4 { font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gold); margin-bottom: 10px; }
    .profil-formation ul { list-style: none; }
    .profil-formation li { font-size: 0.9rem; color: var(--text); padding: 4px 0 4px 16px; position: relative; }
    .profil-formation li::before { content: '▸'; position: absolute; left: 0; color: var(--gold); }

    /* DOMAINES */
    #domaines { background: var(--navy); }
    .domaines-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .domaine-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 32px 28px; transition: all 0.3s ease; position: relative; overflow: hidden; }
    .domaine-card::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--gold); transform: scaleX(0); transition: transform 0.3s ease; transform-origin: left; }
    .domaine-card:hover { background: rgba(255,255,255,0.08); border-color: rgba(201,148,58,0.3); transform: translateY(-4px); }
    .domaine-card:hover::before { transform: scaleX(1); }
    .domaine-icon { width: 48px; height: 48px; background: rgba(201,148,58,0.15); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 1.4rem; }
    .domaine-card h3 { color: var(--white); font-size: 1.05rem; margin-bottom: 10px; }
    .domaine-card p { color: rgba(255,255,255,0.55); font-size: 0.88rem; line-height: 1.6; }
    .domaine-highlight { display: inline-block; background: rgba(201,148,58,0.2); color: var(--gold); font-size: 0.72rem; font-weight: 600; padding: 3px 10px; border-radius: 100px; margin-top: 14px; text-transform: uppercase; letter-spacing: 0.05em; }

    /* CONSULTATIONS */
    .consultations-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .consult-card { background: var(--white); border: 1px solid var(--border); border-radius: 8px; padding: 32px 28px; display: flex; flex-direction: column; transition: all 0.3s ease; position: relative; }
    .consult-card:hover { border-color: var(--gold); box-shadow: 0 8px 32px rgba(27,43,94,0.1); transform: translateY(-4px); }
    .consult-card.featured { border-color: var(--navy); background: var(--navy); }
    .consult-card.featured h3 { color: var(--white); }
    .consult-card.featured .consult-desc { color: rgba(255,255,255,0.65); }
    .consult-card.featured .consult-detail { border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); }
    .consult-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--gold); color: var(--white); font-size: 0.72rem; font-weight: 700; padding: 4px 16px; border-radius: 100px; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.08em; }
    .consult-icon { font-size: 2rem; margin-bottom: 16px; }
    .consult-card h3 { font-size: 1rem; margin-bottom: 6px; }
    .consult-duration { font-size: 0.82rem; color: var(--gold); font-weight: 600; margin-bottom: 14px; }
    .consult-card.featured .consult-duration { color: var(--gold2); }
    .consult-price { font-family: 'Playfair Display', serif; font-size: 2.2rem; font-weight: 700; color: var(--navy); line-height: 1; margin-bottom: 4px; }
    .consult-card.featured .consult-price { color: var(--white); }
    .consult-price-label { font-size: 0.78rem; color: var(--muted); margin-bottom: 20px; }
    .consult-card.featured .consult-price-label { color: rgba(255,255,255,0.5); }
    .consult-desc { font-size: 0.88rem; color: #555; flex: 1; margin-bottom: 20px; line-height: 1.6; }
    .consult-details { list-style: none; margin-bottom: 24px; }
    .consult-detail { font-size: 0.82rem; color: var(--muted); padding: 8px 0; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 8px; }
    .consult-detail::before { content: '✓'; color: var(--gold); font-weight: 700; font-size: 0.9rem; }
    .consult-note { text-align: center; margin-top: 32px; font-size: 0.88rem; color: var(--muted); }
    .consult-note strong { color: var(--navy); }

    /* ZONE */
    #zone { background: var(--light); }
    .zone-content { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
    .zones-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 24px; }
    .zone-item { background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 12px 16px; display: flex; flex-direction: column; }
    .zone-num { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; color: var(--gold); line-height: 1; }
    .zone-name { font-size: 0.75rem; color: var(--muted); margin-top: 3px; }
    .zone-national { grid-column: 1 / -1; background: var(--navy); border-color: var(--navy); flex-direction: row; align-items: center; gap: 12px; }
    .zone-national .zone-name { color: rgba(255,255,255,0.6); }
    .zone-visual { background: var(--navy); border-radius: 12px; padding: 40px; text-align: center; color: var(--white); }
    .zone-visual h3 { color: var(--white); font-size: 1.3rem; margin-bottom: 8px; }
    .zone-visual p { color: rgba(255,255,255,0.6); font-size: 0.9rem; }

    /* RDV */
    #rdv { background: var(--navy); text-align: center; }
    #rdv h2 { color: var(--white); }
    #rdv p { color: rgba(255,255,255,0.65); max-width: 560px; margin: 0 auto 40px; }
    .rdv-steps { display: flex; justify-content: center; gap: 48px; margin-bottom: 48px; }
    .rdv-step { display: flex; flex-direction: column; align-items: center; gap: 12px; }
    .rdv-step-num { width: 48px; height: 48px; border-radius: 50%; background: var(--gold); color: var(--white); font-family: 'Playfair Display', serif; font-size: 1.2rem; font-weight: 700; display: flex; align-items: center; justify-content: center; }
    .rdv-step p { font-size: 0.85rem; color: rgba(255,255,255,0.6); margin: 0; text-align: center; }
    .rdv-actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
    .rdv-disclaimer { margin-top: 24px; font-size: 0.8rem; color: rgba(255,255,255,0.4); }

    /* CONTACT */
    #contact .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
    .contact-item { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
    .contact-item-icon { width: 44px; height: 44px; background: var(--light); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }
    .contact-item-text strong { display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); margin-bottom: 3px; }
    .contact-item-text span { color: var(--navy); font-size: 0.95rem; font-weight: 500; }
    .contact-form { display: flex; flex-direction: column; gap: 16px; }
    .form-group { display: flex; flex-direction: column; gap: 6px; }
    .form-group label { font-size: 0.82rem; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: 0.05em; }
    .form-group input, .form-group select, .form-group textarea { padding: 12px 16px; border: 1px solid var(--border); border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 0.92rem; color: var(--text); background: var(--white); transition: border-color 0.2s; outline: none; }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--navy); }
    .form-group textarea { min-height: 120px; resize: vertical; }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .form-rgpd { font-size: 0.78rem; color: var(--muted); line-height: 1.5; }

    /* FOOTER */
    footer { background: #0e1628; color: rgba(255,255,255,0.5); padding: 40px 0; }
    .footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
    .footer-links { display: flex; gap: 24px; font-size: 0.8rem; }
    .footer-links a:hover { color: var(--gold); }
    .footer-socials { display: flex; gap: 16px; align-items: center; }
    .footer-copy { font-size: 0.78rem; }
    .footer-copy span { display: block; margin-top: 4px; }
    .social-icon { opacity: 0.65; transition: opacity 0.2s; }
    .social-icon:hover { opacity: 1; }

    /* AIDE JURIDICTIONNELLE */
    #aide-juridictionnelle { background: var(--navy); }
    .aj-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
    .aj-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(201,148,58,0.2); border: 1px solid rgba(201,148,58,0.4); border-radius: 100px; padding: 6px 16px; margin-bottom: 24px; }
    .aj-badge span { font-size: 0.75rem; font-weight: 600; color: var(--gold); letter-spacing: 0.08em; text-transform: uppercase; }
    .aj-text h2 { color: var(--white); }
    .aj-text p { color: rgba(255,255,255,0.7); margin-bottom: 16px; font-size: 1rem; }
    .aj-conditions { list-style: none; margin: 24px 0; }
    .aj-condition { padding: 10px 0 10px 28px; position: relative; font-size: 0.9rem; color: rgba(255,255,255,0.65); border-bottom: 1px solid rgba(255,255,255,0.07); }
    .aj-condition::before { content: '✓'; position: absolute; left: 0; color: var(--gold); font-weight: 700; }
    .aj-condition strong { color: rgba(255,255,255,0.9); }
    .aj-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(201,148,58,0.25); border-radius: 12px; padding: 40px 36px; }
    .aj-card-title { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: var(--gold); margin-bottom: 16px; }
    .aj-plafonds { list-style: none; margin-bottom: 24px; }
    .aj-plafond-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.08); font-size: 0.88rem; }
    .aj-plafond-label { color: rgba(255,255,255,0.6); }
    .aj-plafond-val { color: var(--gold); font-weight: 600; font-family: 'Playfair Display', serif; }
    .aj-note { font-size: 0.8rem; color: rgba(255,255,255,0.35); font-style: italic; line-height: 1.5; margin-top: 16px; }
    .aj-disclaimer { background: rgba(201,148,58,0.1); border-left: 3px solid var(--gold); border-radius: 0 4px 4px 0; padding: 14px 20px; margin-top: 24px; }
    .aj-disclaimer p { font-size: 0.82rem; color: rgba(255,255,255,0.6); margin: 0; }
    .aj-disclaimer strong { color: var(--gold); }

    /* FAQ */
    #faq { background: var(--white); }
    .faq-grid { max-width: 800px; margin: 0 auto; }
    .faq-item { border-bottom: 1px solid var(--border); }
    .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; cursor: pointer; font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--navy); font-weight: 600; user-select: none; }
    .faq-question:hover { color: var(--gold); }
    .faq-chevron { width: 24px; height: 24px; border-radius: 50%; background: var(--light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.3s ease, background 0.2s; }
    .faq-chevron svg { transition: transform 0.3s ease; }
    .faq-item.open .faq-chevron { background: var(--gold); transform: none; }
    .faq-item.open .faq-chevron svg { transform: rotate(180deg); }
    .faq-answer { display: none; padding: 0 0 20px 0; font-size: 0.95rem; color: #555; line-height: 1.75; }
    .faq-answer a { color: var(--gold); text-decoration: underline; }
    .faq-item.open .faq-answer { display: block; }
    .faq-cta { text-align: center; margin-top: 48px; padding: 40px; background: var(--light); border-radius: 12px; }
    .faq-cta p { color: var(--muted); margin-bottom: 20px; font-size: 1rem; }

    /* RESPONSIVE */
    @media (max-width: 900px) {
      nav { display: none; }
      nav.open { display: flex; flex-direction: column; position: fixed; top: 68px; left: 0; right: 0; background: var(--navy); padding: 24px; gap: 20px; border-top: 1px solid rgba(255,255,255,0.1); z-index: 99; }
      nav.open a { font-size: 1rem; }
      .burger { display: flex; }
      #profil .profil-grid { grid-template-columns: 1fr; }
      .profil-photo { position: static; max-width: 280px; margin: 0 auto; }
      .domaines-grid { grid-template-columns: 1fr 1fr; }
      .consultations-grid { grid-template-columns: 1fr; max-width: 440px; margin: 0 auto; }
      .zone-content { grid-template-columns: 1fr; }
      .zone-visual { display: none; }
      .aj-grid { grid-template-columns: 1fr; }
      #contact .contact-grid { grid-template-columns: 1fr; }
      .rdv-steps { gap: 24px; }
      .footer-inner { flex-direction: column; align-items: flex-start; }
    }
    @media (max-width: 600px) {
      .domaines-grid { grid-template-columns: 1fr; }
      .hero-actions { flex-direction: column; }
      .btn { width: 100%; justify-content: center; }
      .rdv-steps { flex-direction: column; align-items: center; }
      .form-row { grid-template-columns: 1fr; }
      .zones-list { grid-template-columns: 1fr 1fr; }
      .hero-stats { flex-wrap: wrap; gap: 24px; }
    }

/* ============================================================
   AJOUT : pages du Guide du salarié
   Réutilise les variables et composants ci-dessus.
   ============================================================ */

.page-guide { padding-top: 68px; }

/* Bandeau de titre */
.guide-hero { background: linear-gradient(135deg, var(--navy) 0%, #0f1d42 70%, #162040 100%); padding: 64px 0 56px; }
.guide-hero .container { max-width: 860px; }
.guide-fil { font-size: 0.78rem; color: rgba(255,255,255,0.5); margin-bottom: 18px; letter-spacing: 0.04em; }
.guide-fil a { color: var(--gold); }
.guide-fil a:hover { color: var(--gold2); }
.guide-titre { font-family: 'Playfair Display', serif; font-size: clamp(1.9rem, 4.2vw, 2.9rem); font-weight: 700; color: var(--white); line-height: 1.18; margin-bottom: 18px; text-wrap: balance; }
.guide-chapo { font-size: 1.05rem; font-weight: 300; color: rgba(255,255,255,0.75); line-height: 1.65; max-width: 62ch; }
.guide-signature { display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center; margin-top: 30px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,0.14); font-size: 0.8rem; color: rgba(255,255,255,0.55); }
.guide-signature strong { color: var(--gold); font-weight: 600; }

/* Colonne de lecture */
.guide-corps { padding: 60px 0 80px; background: var(--white); }
.guide-corps .container { max-width: 860px; }
.guide-texte { max-width: 68ch; }
.guide-texte > * { margin-bottom: 18px; }
.guide-texte h2 { font-family: 'Playfair Display', serif; font-size: 1.72rem; font-weight: 700; color: var(--navy); line-height: 1.25; margin: 52px 0 14px; padding-bottom: 10px; border-bottom: 2px solid var(--border); text-wrap: balance; }
.guide-texte h2:first-child { margin-top: 0; }
.guide-texte h3 { font-size: 1.06rem; font-weight: 600; color: var(--navy); margin: 32px 0 10px; }
.guide-texte p { color: var(--text); line-height: 1.75; }
.guide-texte ul, .guide-texte ol { padding-left: 22px; }
.guide-texte li { margin-bottom: 9px; line-height: 1.7; }
.guide-texte strong { font-weight: 600; color: var(--navy); }
.guide-texte a { color: var(--navy); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; }
.guide-texte a:hover { color: var(--gold); }

/* Sommaire */
.guide-sommaire { background: var(--light); border-left: 3px solid var(--gold); border-radius: 0 4px 4px 0; padding: 22px 26px; margin-bottom: 44px; }
.guide-sommaire p { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.guide-sommaire ol { list-style: none; counter-reset: som; padding: 0; margin: 0; display: grid; gap: 7px; }
.guide-sommaire li { counter-increment: som; margin: 0; }
.guide-sommaire li::before { content: counter(som) "."; color: var(--navy); font-weight: 600; display: inline-block; width: 1.7em; }
.guide-sommaire a { color: var(--text); font-size: 0.92rem; text-decoration: none; }
.guide-sommaire a:hover { color: var(--gold); }

/* Encadrés */
.encadre { border-left: 3px solid var(--navy); background: var(--light); padding: 18px 24px; border-radius: 0 4px 4px 0; margin: 26px 0; }
.encadre.alerte { border-left-color: #9B2C23; background: #FBF0EF; }
.encadre.gold { border-left-color: var(--gold); background: #FBF6EC; }
.encadre-label { display: block; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }
.encadre.alerte .encadre-label { color: #9B2C23; }
.encadre p:last-child, .encadre ul:last-child { margin-bottom: 0; }

/* Référence juridique */
.ref { display: block; font-size: 0.79rem; color: var(--muted); margin: -10px 0 20px; padding-left: 14px; border-left: 2px solid var(--border); line-height: 1.55; }
.ref a { color: var(--muted); }

/* Citation de texte ou d'arrêt */
.citation { font-family: 'Playfair Display', serif; font-size: 1.06rem; font-style: italic; line-height: 1.6; color: var(--navy); background: var(--light); border-radius: 4px; padding: 18px 24px; margin: 22px 0; }
.citation p { margin: 0; color: var(--navy); }

/* Tableaux */
.guide-tableau { overflow-x: auto; border: 1px solid var(--border); border-radius: 4px; margin: 26px 0; }
.guide-tableau table { border-collapse: collapse; width: 100%; min-width: 460px; font-size: 0.9rem; }
.guide-tableau th, .guide-tableau td { text-align: left; padding: 11px 16px; border-bottom: 1px solid var(--border); vertical-align: top; }
.guide-tableau thead th { background: var(--light); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--navy); font-weight: 600; white-space: nowrap; }
.guide-tableau tbody tr:last-child td { border-bottom: none; }
.guide-tableau td.n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Avertissement de fin d'article */
.guide-avertissement { border: 1px solid var(--border); border-top: 3px solid var(--gold); border-radius: 4px; padding: 22px 26px; margin: 48px 0 0; background: var(--white); }
.guide-avertissement p { font-size: 0.85rem; color: var(--muted); line-height: 1.65; margin: 0; }
.guide-avertissement strong { color: var(--navy); }

/* Bloc formulaire de qualification */
.qualif { background: var(--light); padding: 72px 0; border-top: 1px solid var(--border); }
.qualif .container { max-width: 860px; }
.qualif-intro { max-width: 62ch; margin-bottom: 32px; }
.qualif-intro h2 { font-family: 'Playfair Display', serif; font-size: 1.85rem; font-weight: 700; color: var(--navy); line-height: 1.25; margin-bottom: 12px; }
.qualif-intro p { color: var(--muted); line-height: 1.7; }
.qualif-form { background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.qualif-form .form-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.qualif-consent { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; background: var(--light); border-radius: 4px; padding: 16px 18px; }
.qualif-consent input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--navy); flex: none; }
.qualif-consent label { font-size: 0.82rem; color: var(--text); line-height: 1.6; font-weight: 400; text-transform: none; letter-spacing: 0; }
.qualif-note { font-size: 0.78rem; color: var(--muted); line-height: 1.55; }
.qualif-message { font-size: 0.9rem; padding: 14px 18px; border-radius: 4px; display: none; }
.qualif-message.ok { display: block; background: #E9F2EC; color: #1F5137; border-left: 3px solid #2C6349; }
.qualif-message.ko { display: block; background: #FBF0EF; color: #9B2C23; border-left: 3px solid #9B2C23; }

/* Sommaire du guide (page d'index) */
.guide-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 12px; }
.guide-carte { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 26px 28px; transition: border-color 0.2s, transform 0.2s; }
.guide-carte:hover { border-color: var(--gold); transform: translateY(-2px); }
.guide-carte-cat { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
.guide-carte h3 { font-family: 'Playfair Display', serif; font-size: 1.18rem; font-weight: 600; color: var(--navy); line-height: 1.3; margin-bottom: 10px; }
.guide-carte p { font-size: 0.88rem; color: var(--muted); line-height: 1.6; margin-bottom: 16px; flex: 1; }
.guide-carte span.lire { font-size: 0.82rem; font-weight: 600; color: var(--gold); }
.guide-carte.bientot { opacity: 0.62; }
.guide-carte.bientot span.lire { color: var(--muted); }

@media (max-width: 600px) {
  .guide-hero { padding: 44px 0 40px; }
  .guide-corps { padding: 44px 0 60px; }
  .qualif { padding: 52px 0; }
  .qualif-form { padding: 22px; }
  .guide-texte h2 { font-size: 1.45rem; margin-top: 40px; }
}

/* Ajustement de la navigation sur les pages du Guide (un item de plus) */
.page-guide nav { gap: 24px; }
.page-guide nav a { white-space: nowrap; }

/* Le pied de page comporte davantage de liens : autoriser le retour à la ligne
   pour éviter un débordement horizontal sur mobile. */
.footer-links { flex-wrap: wrap; row-gap: 10px; }
.footer-copy span { overflow-wrap: anywhere; }

/* Appel au rendez-vous en fin d'article */
.guide-rdv { background: linear-gradient(135deg, var(--navy) 0%, #0f1d42 70%, #162040 100%); border-radius: 4px; padding: 32px 34px; margin: 44px 0 0; }
.guide-rdv .encadre-label { color: var(--gold); margin-bottom: 10px; }
.guide-rdv h3 { font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 600; color: var(--white); line-height: 1.25; margin: 0 0 12px; }
.guide-rdv p { color: rgba(255,255,255,0.74); font-size: 0.95rem; line-height: 1.7; margin-bottom: 20px; max-width: 58ch; }
.guide-rdv p:last-of-type { margin-bottom: 0; }
.guide-rdv .rdv-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-bottom: 18px; }
.guide-rdv .rdv-tel { font-size: 0.92rem; color: rgba(255,255,255,0.8); }
.guide-rdv .rdv-tel a { color: var(--gold); text-decoration: none; }
.guide-rdv .rdv-apres { font-size: 0.85rem; color: rgba(255,255,255,0.5); border-top: 1px solid rgba(255,255,255,0.12); padding-top: 16px; margin-bottom: 0; }
@media (max-width: 600px) { .guide-rdv { padding: 24px 22px; } .guide-rdv .rdv-actions { flex-direction: column; align-items: stretch; } }
/* Le bouton du bloc RDV est dans .guide-texte : neutraliser le style des liens de corps */
.guide-rdv a.btn { color: var(--white); text-decoration: none; }
.guide-rdv a.btn:hover { color: var(--white); }
.guide-rdv .rdv-tel a, .guide-rdv .rdv-apres a { text-decoration: none; }

/* Resume d'entree d'article */
.guide-essentiel { background: var(--white); border: 1px solid var(--border); border-left: 3px solid var(--gold); border-radius: 0 4px 4px 0; padding: 22px 26px; margin: 0 0 48px; box-shadow: 0 1px 2px rgba(27,43,94,.04), 0 10px 30px -24px rgba(27,43,94,.35); }
.guide-essentiel ul { margin: 0; padding-left: 20px; display: grid; gap: 9px; }
.guide-essentiel li { margin: 0; font-size: 0.95rem; line-height: 1.6; }
.guide-essentiel li::marker { color: var(--gold); }
.guide-essentiel .essentiel-rdv { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--border); font-size: 0.92rem; color: var(--muted); }