/* shared minimal styling for standalone legal pages, matches the main site tokens */
:root{
  --bg:#140a0a; --surface:#1f1313; --fg:#f7f0ea; --muted:#b8a29b;
  --accent:#ef2b3d; --accent-2:#ffb703;
  --font-display:'Unbounded', sans-serif; --font-body:'Plus Jakarta Sans', sans-serif;
  color-scheme: dark;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--fg); font-family:var(--font-body);
  font-size:16px; line-height:1.65;
}
.wrap{ max-width:760px; margin:0 auto; padding-inline:20px; }
a{ color:var(--accent-2); }
img{ max-width:100%; }

header.top{ border-bottom:1px solid rgba(247,240,234,.08); padding-block:20px; }
header.top .wrap{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.brand img{ height:32px; }
.brand .wordmark{ font-family:var(--font-display); font-weight:700; font-size:.95rem; color:var(--fg); }
.back-link{ font-size:.85rem; color:var(--muted); text-decoration:none; }
.back-link:hover{ color:var(--fg); }

main{ padding-block:48px 64px; }
h1{ font-family:var(--font-display); font-size:clamp(1.7rem, 5vw, 2.3rem); margin:0 0 8px; text-wrap:balance; }
.subtitle{ color:var(--muted); font-size:.9rem; margin-bottom:32px; }
h2{ font-family:var(--font-body); font-weight:700; font-size:1rem; margin-top:30px; margin-bottom:10px; }
p{ color:var(--muted); font-size:.95rem; margin:0 0 4px; }

dl.list{ display:flex; flex-direction:column; gap:10px; margin:0 0 24px; }
dl.list > div{ display:grid; grid-template-columns:160px 1fr; gap:12px; padding-bottom:10px; border-bottom:1px solid rgba(247,240,234,.08); }
@media (max-width:560px){ dl.list > div{ grid-template-columns:1fr; gap:2px; } }
dl.list dt{ font-size:.8rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); }
dl.list dd{ margin:0; font-size:.95rem; color:var(--fg); }

.note{ margin-top:32px; padding-top:18px; border-top:1px dashed rgba(247,240,234,.18); font-size:.82rem; font-style:italic; }

footer{ border-top:1px solid rgba(247,240,234,.08); padding-block:28px; }
footer .wrap{ display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; font-size:.85rem; color:var(--muted); }
footer a{ color:inherit; text-decoration:none; }
footer a:hover{ color:var(--fg); }
.footer-links{ display:flex; gap:16px; flex-wrap:wrap; }