/* ==========================================================================
   MEMORANDUMS INDEX PAGE STYLES — Nana Zakia Heritage
   Extracted Session K — 2026-03-10
   Serves: fr/memorandums/index.html, en/memorandums/index.html, ar/memorandums/memorandums-index.html
   Note: Both FR (--eau-profonde) and EN (--abyss) variable aliases defined.
   ========================================================================== */

:root {
  /* FR variable names */
  --eau-profonde: #0a1628;
  --eau-nuit: #0d1f3c;
  --bois-dore: #8a7a52;
  /* EN variable aliases (same values) */
  --abyss: #0a1628;
  --deep-night: #0d1f3c;
  --sandalwood: #8a7a52;
  /* Shared variables */
  --eau-median: #163a5f;
  --eau-claire: #1e5f8a;
  --or-aquatique: #c5a55a;
  --or-clair: #d4b96a;
  --nacre: #f0ece2;
  --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; }

  .pillar-header {
    background: linear-gradient(165deg, var(--eau-profonde) 0%, var(--eau-nuit) 40%, var(--eau-median) 100%);
    padding: 4.5rem 2rem 3.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .pillar-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%), radial-gradient(ellipse at 70% 80%, rgba(30,95,138,0.1) 0%, transparent 50%); pointer-events: none; }
  .pillar-header::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--or-aquatique), transparent); }

  .pillar-collection { font-size: 0.68rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--or-aquatique); margin-bottom: 1.8rem; font-weight: 500; }
  .pillar-titre { font-size: clamp(1.5rem, 3.8vw, 2.4rem); font-weight: 300; color: var(--blanc-perle); line-height: 1.3; max-width: 720px; margin: 0 auto 1.2rem; }
  .pillar-titre em { font-style: italic; color: var(--or-clair); font-weight: 400; }
  .pillar-sous-titre { font-size: 1.05rem; color: rgba(240,236,226,0.55); font-weight: 300; font-style: italic; max-width: 620px; margin: 0 auto; }

  .pillar-corps { max-width: 740px; margin: 0 auto; padding: 3rem 2rem 2rem; }

  .pillar-intro {
    font-size: 1.08rem;
    line-height: 1.85;
    color: var(--texte-secondaire);
    text-align: justify;
    margin-bottom: 3rem;
  }

  .mp-card {
    display: block;
    margin-bottom: 2rem;
    padding: 2rem 2.2rem;
    border: 1px solid var(--filet);
    text-decoration: none;
    color: var(--texte-principal);
    transition: all 0.35s;
    position: relative;
  }
  .mp-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 3px;
    background: var(--or-aquatique);
    transform: scaleY(0);
    transition: transform 0.35s;
    transform-origin: top;
  }
  .mp-card:hover { border-color: var(--or-aquatique); background: rgba(197,165,90,0.02); }
  .mp-card:hover::before { transform: scaleY(1); }

  .mp-card-numero {
    font-size: 0.6rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--or-aquatique);
    font-weight: 600;
    margin-bottom: 0.5rem;
  }
  .mp-card-titre {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--eau-profonde);
    line-height: 1.35;
    margin-bottom: 0.6rem;
  }
  .mp-card-description {
    font-size: 0.92rem;
    line-height: 1.7;
    color: var(--texte-secondaire);
    font-weight: 300;
  }
  .mp-card-meta {
    margin-top: 0.8rem;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bois-dore);
  }

  .pillar-auteur {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--filet);
    font-size: 0.92rem;
    color: var(--texte-secondaire);
    line-height: 1.7;
    font-style: italic;
  }

  .pillar-cta {
    display: block;
    margin: 2.5rem auto 0;
    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;
    max-width: 500px;
    transition: all 0.3s;
  }
  .pillar-cta:hover { background: var(--or-aquatique); color: var(--eau-profonde); }
  .pillar-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; }

  .pillar-footer { text-align: center; padding: 2rem 2rem 2.5rem; border-top: 1px solid var(--filet); margin-top: 2.5rem; }
  .pillar-footer-marque { font-size: 0.85rem; font-weight: 600; color: var(--eau-profonde); letter-spacing: 0.15em; margin-bottom: 0.4rem; }
  .pillar-footer-baseline { font-size: 0.75rem; color: var(--bois-dore); font-style: italic; font-weight: 300; }
  .pillar-footer-legal { margin-top: 1.2rem; font-size: 0.6rem; color: rgba(74,74,74,0.35); letter-spacing: 0.08em; max-width: 550px; margin-left: auto; margin-right: auto; }

  @media (max-width: 600px) { .pillar-header { padding: 3.5rem 1.5rem 2.5rem; } .pillar-corps { padding: 2rem 1.2rem; } .mp-card { padding: 1.5rem; } }
  @media print { .pillar-header { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .pillar-cta { display: none; } body { font-size: 10.5pt; } }
.sr-only:focus{position:fixed!important;top:0;left:0;width:auto;height:auto;clip:auto;overflow:visible;z-index:9999}