:root{
  --black:#0e0d0c; --panel:#17140f; --line:rgba(233,200,120,.18);
  --gold:#c9a24b; --gold-bright:#e8c877; --cream:#efe7d6; --muted:#b3a689;
  --disp:'Playfair Display',Georgia,serif; --body:'Cormorant Garamond',Georgia,serif; --ui:'Quicksand',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{ font-family:var(--body); color:var(--cream); background:var(--black); font-size:19px; line-height:1.6; }
.wrap{ max-width:820px; margin:0 auto; padding:0 22px; }
header.top{ background:radial-gradient(120% 120% at 50% 0%,#1b1712,#050505); border-bottom:1px solid var(--line); padding:34px 22px 28px; text-align:center; }
header.top .brand{ font-family:var(--disp); font-weight:800; font-size:30px; color:var(--gold-bright); letter-spacing:.02em; text-decoration:none; }
header.top .sub{ font-family:var(--ui); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-top:6px; }
main{ padding:40px 0 20px; }
h1{ font-family:var(--disp); color:var(--gold-bright); font-size:clamp(28px,6vw,36px); margin-bottom:6px; }
.updated{ font-family:var(--ui); font-size:13px; color:var(--muted); margin-bottom:28px; }
h2{ font-family:var(--disp); color:var(--gold-bright); font-size:23px; margin:34px 0 10px; }
h3{ font-family:var(--disp); color:var(--gold); font-size:18px; margin:20px 0 8px; }
p,li{ margin-bottom:12px; color:var(--cream); }
ul,ol{ padding-left:26px; margin-bottom:12px; }
a{ color:var(--gold-bright); }
strong{ color:var(--gold-bright); }
.fill{ color:#ffd77a; border-bottom:1px dashed var(--gold); font-style:italic; }
.note{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:15px 18px; font-size:16px; color:var(--muted); margin:18px 0; }
footer.legal{ border-top:1px solid var(--line); padding:26px 0 60px; text-align:center; font-family:var(--ui); font-size:13px; color:var(--muted); }
footer.legal a{ color:var(--gold); text-decoration:none; margin:0 9px; }
footer.legal a:hover{ color:var(--gold-bright); }
