:root{
    --onyx:#14110D; --espresso:#241C13; --ivory:#F3ECDD;
    --gold:#B8924F; --gold-bright:#D8B36C; --graphite:#948B7C;
    --cream:#F3ECDD; --cream-b:#EAE0C9;
  }
  @media (prefers-color-scheme: dark){
    :root{ --bg-a:var(--onyx); --bg-b:var(--espresso); --ink:var(--ivory); --hair: rgba(243,236,221,0.14); --gold-fg:var(--gold-bright); }
  }
  @media (prefers-color-scheme: light){
    :root{ --bg-a:var(--cream); --bg-b:var(--cream-b); --ink:#1B1710; --hair: rgba(27,23,16,0.14); --gold-fg:#8F6C33; }
  }
  :root[data-theme="dark"]{ --bg-a:var(--onyx); --bg-b:var(--espresso); --ink:var(--ivory); --hair: rgba(243,236,221,0.14); --gold-fg:var(--gold-bright); }
  :root[data-theme="light"]{ --bg-a:var(--cream); --bg-b:var(--cream-b); --ink:#1B1710; --hair: rgba(27,23,16,0.14); --gold-fg:#8F6C33; }
  *{ box-sizing:border-box; }
  html,body{ margin:0; padding:0; }
  body{
    background: var(--bg-a); color:var(--ink);
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:1.7; min-height:100vh; min-height:100dvh;
    padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right);
  }
  .doc{ max-width:760px; margin:0 auto; padding:36px 24px 90px; }
  .back{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-fg); text-decoration:none; }
  .back:hover{ text-decoration:underline; }
  .brand{ display:flex; align-items:center; gap:10px; margin:26px 0 6px; }
  .brand svg{ width:32px; height:32px; }
  .brand-name{ font-family:Didot,"Bodoni MT","Big Caslon",Georgia,serif; font-size:1.15rem; letter-spacing:.08em; }
  h1{ font-family:Didot,"Bodoni MT","Big Caslon",Georgia,serif; font-weight:500; font-size:clamp(1.8rem,5vw,2.6rem); margin:18px 0 6px; }
  .updated{ font-size:.72rem; color:var(--graphite); margin:0 0 30px; }
  h2{ font-family:Didot,"Bodoni MT","Big Caslon",Georgia,serif; font-weight:500; font-size:1.25rem; margin:34px 0 10px; }
  p, li{ font-size:.94rem; color:var(--ink); opacity:.86; }
  ul, ol{ padding-left:1.2em; }
  li{ margin:6px 0; }
  a{ color:var(--gold-fg); }
  .doc-foot{ margin-top:60px; padding-top:24px; border-top:1px solid var(--hair); font-size:.72rem; color:var(--graphite); }

/* ---------- brand-mark SVG gradient stops (kept out of inline style="" for CSP) ---------- */
.stop-bright{ stop-color:var(--gold-bright); }
.stop-mid{ stop-color:var(--gold); }
.stop-dark{ stop-color:#8F6C33; }