/* WPA · Legal pages stylesheet · v1 · 2026-05-13 · Iris
   Palette v3 (black/gold/cream) + 4-family typography (Oswald/Playfair/DM Sans/DM Mono) */
:root{
  --black:#06070a;--ink:#1a1a2e;--cream:#ede8dc;--paper:#f6f1e6;
  --gold:#c9a84c;--gold-bright:#e0c068;--gold-dark:#8a7530;
  --rule:rgba(26,26,46,.12);
  --f-disp:'Oswald',sans-serif;
  --f-serif:'Playfair Display',Georgia,serif;
  --f-body:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --f-mono:'DM Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--f-body);background:var(--cream);color:var(--ink);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:var(--gold-dark);text-decoration:none;border-bottom:1px solid rgba(138,117,48,.3);transition:border-color .2s,color .2s}
a:hover{color:var(--gold);border-color:var(--gold)}

/* HEADER */
.lhdr{background:var(--black);border-bottom:1px solid rgba(201,168,76,.25);position:sticky;top:0;z-index:50}
.lhdr__inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px}
.lhdr__brand{display:flex;align-items:center;gap:12px;border:0;color:#fff}
.lhdr__brand:hover{color:var(--gold-bright);border:0}
.lhdr__logo{width:36px;height:auto;display:block;filter:drop-shadow(0 0 6px rgba(201,168,76,.35))}
.lhdr__wm{font-family:var(--f-disp);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream)}
.lhdr__spacer{flex:1}
.lhdr__back{font-family:var(--f-body);font-size:13px;font-weight:500;color:var(--cream);border:1px solid rgba(201,168,76,.4);padding:8px 16px;border-radius:2px;letter-spacing:.04em;transition:all .2s}
.lhdr__back:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.lhdr__lang{display:flex;gap:6px;align-items:center}
.lhdr__flag{display:inline-block;width:28px;height:auto;border:1px solid rgba(201,168,76,.3);border-radius:2px;overflow:hidden;line-height:0;opacity:.7;transition:opacity .2s}
.lhdr__flag:hover{opacity:1}
.lhdr__flag svg{display:block;width:100%;height:auto}

/* HERO */
.lhero{background:linear-gradient(180deg,var(--black) 0%,#0c0e15 100%);color:var(--cream);padding:64px 24px 56px;border-bottom:2px solid var(--gold)}
.lhero__inner{max-width:720px;margin:0 auto}
.lhero__eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.lhero__title{font-family:var(--f-disp);font-weight:700;font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:-.005em;text-transform:uppercase;color:#fff;margin-bottom:18px}
.lhero__sub{font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:17px;color:rgba(237,232,220,.78);max-width:560px}

/* CONTENT */
.lwrap{max-width:720px;margin:0 auto;padding:56px 24px 24px}
.lwrap h2{font-family:var(--f-disp);font-weight:700;text-transform:uppercase;letter-spacing:-.005em;font-size:24px;line-height:1.15;color:var(--black);margin:48px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.lwrap h2:first-child{margin-top:0}
.lwrap h3{font-family:var(--f-serif);font-weight:600;font-style:italic;font-size:20px;color:var(--black);margin:32px 0 12px}
.lwrap p{margin:0 0 16px}
.lwrap ul,.lwrap ol{margin:0 0 18px;padding-left:24px}
.lwrap li{margin-bottom:8px}
.lwrap li::marker{color:var(--gold-dark);font-weight:600}
.lwrap strong{color:var(--black);font-weight:600}
.lwrap em{font-family:var(--f-serif);font-style:italic}
.lwrap code{font-family:var(--f-mono);font-size:.92em;background:rgba(6,7,10,.06);padding:2px 6px;border-radius:2px;color:var(--black)}
.lwrap blockquote{border-left:3px solid var(--gold);padding:14px 22px;margin:24px 0;background:var(--paper);font-family:var(--f-serif);font-style:italic;color:var(--black);font-size:18px}
.lwrap blockquote p{margin-bottom:8px}
.lwrap blockquote p:last-child{margin-bottom:0}
.lwrap blockquote cite{display:block;font-family:var(--f-mono);font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);margin-top:10px}
.lwrap hr.rule{border:0;height:1px;background:var(--rule);margin:24px 0 32px}
.lmeta{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,26,46,.55);margin-top:36px;padding-top:22px;border-top:1px solid var(--rule)}

/* SIBLINGS */
.lsibs{max-width:720px;margin:0 auto;padding:8px 24px 56px}
.lsibs__title{font-family:var(--f-disp);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--gold-dark);margin-bottom:14px}
.lsibs__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;list-style:none;padding:0}
.lsibs__list li{margin:0}
.lsibs__list a{display:block;padding:14px 18px;border:1px solid var(--rule);border-radius:2px;background:#fff;color:var(--ink);font-family:var(--f-body);font-weight:500;font-size:14px;letter-spacing:.02em}
.lsibs__list a:hover{border-color:var(--gold);color:var(--black);background:var(--paper)}
.lsibs__list a.is-current{border-color:var(--gold);background:var(--paper);color:var(--black);font-weight:600}
.lsibs__list a.is-current::before{content:"\25C6  ";color:var(--gold);font-size:11px}

/* FOOTER */
.lftr{background:var(--black);color:rgba(237,232,220,.7);padding:36px 24px 28px;border-top:2px solid var(--gold);font-family:var(--f-body);font-size:13px}
.lftr__inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px}
.lftr__copy{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(237,232,220,.6)}
.lftr__contact{font-size:13px;color:rgba(237,232,220,.85)}
.lftr__contact a{color:var(--gold-bright);border-bottom:1px solid rgba(224,192,104,.4)}
.lftr__contact a:hover{color:#fff;border-color:#fff}
.lftr__legal{max-width:1180px;margin:24px auto 0;font-size:11px;color:rgba(237,232,220,.45);font-style:italic;line-height:1.6;border-top:1px solid rgba(201,168,76,.18);padding-top:18px}

@media (max-width:640px){
  .lhdr__inner{padding:12px 16px;gap:10px}
  .lhdr__wm{display:none}
  .lhero{padding:44px 18px 36px}
  .lwrap{padding:36px 18px 16px}
  .lsibs{padding:8px 18px 36px}
  body{font-size:16px}
}
