/* ==========================================================================
   GLOSSAIRE PAGE STYLES — Nana Zakia Heritage
   Extracted Session K — 2026-03-10
   Serves: fr/glossaire-heritage.html, en/glossaire-heritage.html, ar/glossaire-heritage.html
   ========================================================================== */

  :root { --eau-profonde: #0a1628; --eau-nuit: #0d1f3c; --eau-median: #163a5f; --eau-claire: #1e5f8a; --bois-dore: #8a7a52; --or-aquatique: #c5a55a; --or-clair: #d4b96a; --blanc-perle: #f8f6f0; --texte-principal: #1a1a1a; --texte-secondaire: #4a4a4a; --filet: rgba(197, 165, 90, 0.3); }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: 'Cormorant Garamond', Georgia, serif; background: var(--blanc-perle); color: var(--texte-principal); line-height: 1.7; -webkit-font-smoothing: antialiased; }

  /* Header */
  .g-header { background: linear-gradient(165deg, var(--eau-profonde) 0%, var(--eau-nuit) 40%, var(--eau-median) 100%); padding: 4rem 2rem 3rem; text-align: center; position: relative; overflow: hidden; }
  .g-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 30% 20%, rgba(197,165,90,0.06) 0%, transparent 60%); pointer-events: none; }
  .g-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--or-aquatique), transparent); }
  .g-marque { font-size: 0.68rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--or-aquatique); margin-bottom: 1.5rem; font-weight: 500; }
  .g-titre { font-size: clamp(1.5rem, 3.5vw, 2.2rem); font-weight: 300; color: var(--blanc-perle); max-width: 600px; margin: 0 auto; }
  .g-titre em { font-style: italic; color: var(--or-clair); font-weight: 400; }

  /* Corps */
  .g-corps { max-width: 800px; margin: 0 auto; padding: 3rem 2rem 2rem; }
  .g-intro { font-size: 1.05rem; line-height: 1.8; color: var(--texte-secondaire); text-align: justify; margin-bottom: 2rem; font-style: italic; border-left: 2px solid var(--or-aquatique); padding-left: 1.5rem; }

  /* Impl. 3: Navigation alphabétique */
  .g-nav-alpha { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--filet); }
  .g-nav-alpha a { font-size: 0.88rem; font-weight: 600; color: var(--eau-claire); text-decoration: none; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
  .g-nav-alpha a:hover { color: var(--or-aquatique); background: rgba(197,165,90,0.08); }

  /* Timestamp mise à jour */
  .g-date-maj { font-size: 0.72rem; color: var(--bois-dore); text-align: right; margin-top: -0.5rem; margin-bottom: 2rem; letter-spacing: 0.06em; font-style: italic; }

  /* Auteur E-E-A-T */
  .g-auteur { font-size: 0.72rem; color: var(--bois-dore); text-align: right; margin-top: -1.5rem; margin-bottom: 2rem; letter-spacing: 0.04em; }
  .g-auteur a { color: var(--eau-claire); text-decoration: none; border-bottom: 1px solid var(--filet); padding-bottom: 0.1rem; transition: all 0.3s; }
  .g-auteur a:hover { color: var(--or-aquatique); border-bottom-color: var(--or-aquatique); }

  /* Retour en haut */
  .g-top-link { display: block; text-align: right; margin-top: 0.6rem; margin-bottom: -0.5rem; }
  .g-top-link a { font-size: 0.65rem; color: var(--bois-dore); text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.6; transition: opacity 0.3s; }
  .g-top-link a:hover { opacity: 1; color: var(--or-aquatique); }

  /* Lettre-séparateur */
  .g-lettre { font-size: 1.6rem; font-weight: 600; color: var(--eau-profonde); margin-top: 2.5rem; margin-bottom: 1rem; padding-bottom: 0.4rem; border-bottom: 1px solid var(--filet); }

  /* Impl. 4: Definition list sémantique */
  .g-list { margin: 0; }
  .g-list dt { font-size: 1.05rem; font-weight: 600; color: var(--eau-profonde); padding-left: 1rem; margin-top: 1.5rem; }
  .g-list dt .g-sigle { font-size: 0.85rem; color: var(--or-aquatique); font-weight: 500; margin-left: 0.3rem; }
  .g-list dd { font-size: 0.95rem; line-height: 1.7; color: var(--texte-secondaire); margin-top: 0.2rem; padding-left: 1rem; }
  .g-list dd.g-ref { font-size: 0.78rem; color: var(--bois-dore); font-style: italic; margin-top: 0.2rem; padding-left: 1rem; }

  /* Tableau comparatif */
  .g-tableau-comparatif { margin: 1.5rem 0 0.5rem 1rem; overflow-x: auto; }
  .g-tableau-comparatif table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
  .g-tableau-comparatif caption { font-size: 0.78rem; color: var(--bois-dore); font-style: italic; text-align: left; margin-bottom: 0.6rem; letter-spacing: 0.03em; }
  .g-tableau-comparatif th { background: var(--eau-profonde); color: var(--or-clair); font-weight: 500; text-align: left; padding: 0.5rem 0.8rem; font-size: 0.8rem; letter-spacing: 0.05em; }
  .g-tableau-comparatif td { padding: 0.45rem 0.8rem; border-bottom: 1px solid var(--filet); color: var(--texte-secondaire); line-height: 1.5; }
  .g-tableau-comparatif tr:last-child td { border-bottom: none; }
  .g-tableau-comparatif tr:hover td { background: rgba(197,165,90,0.04); }

  /* CTA */
  .g-cta { display: block; max-width: 500px; margin: 3rem auto 1rem; padding: 1.4rem 2.5rem; background: var(--eau-profonde); border: 1px solid var(--or-aquatique); text-align: center; text-decoration: none; color: var(--or-clair); font-size: 1rem; font-weight: 500; letter-spacing: 0.1em; transition: all 0.3s; }
  .g-cta:hover { background: var(--or-aquatique); color: var(--eau-profonde); }
  .g-cta small { display: block; font-size: 0.68rem; color: rgba(212,185,106,0.6); font-weight: 300; margin-top: 0.3rem; letter-spacing: 0.15em; text-transform: uppercase; }

  /* Lien collection */
  .g-collection-link { text-align: center; margin: 2.5rem 0 0; }
  .g-collection-link a { font-size: 0.78rem; color: var(--eau-claire); text-decoration: none; border-bottom: 1px solid var(--filet); padding-bottom: 0.2rem; transition: all 0.3s; letter-spacing: 0.08em; }
  .g-collection-link a:hover { color: var(--or-aquatique); border-bottom-color: var(--or-aquatique); }

  /* Footer */
  .g-footer { text-align: center; padding: 2rem 2rem 2.5rem; border-top: 1px solid var(--filet); margin-top: 3rem; }
  .g-footer-marque { font-size: 0.85rem; font-weight: 600; color: var(--eau-profonde); letter-spacing: 0.15em; margin-bottom: 0.4rem; }
  .g-footer-baseline { font-size: 0.75rem; color: var(--bois-dore); font-style: italic; font-weight: 300; }

  /* Impl. 12: Breakpoint tablette */
  @media (max-width: 768px) { .g-corps { padding: 2.5rem 1.8rem; } }
  @media (max-width: 600px) { .g-header { padding: 3rem 1.5rem 2rem; } .g-corps { padding: 2rem 1.2rem; } .g-nav-alpha a { width: 1.8rem; height: 1.8rem; font-size: 0.8rem; } }
  @media print { .g-header { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .g-cta, .g-collection-link { display: none; } body { font-size: 10pt; } }
.sr-only:focus{position:fixed!important;top:0;left:0;width:auto;height:auto;clip:auto;overflow:visible;z-index:9999}