/* Shared styling for the legal pages - matches the main site's brand tokens. */
:root{
  --bg:#1a1510;--surface:#221c14;--surface-2:#2a2218;--border:#3a3025;--border-warm:#4a3d2d;
  --text:#f5efe6;--text-muted:#c9bfb2;--text-dim:#8a7d6d;--yellow:#ffb93c;--green:#5dde8a;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);
  font:16px/1.75 "DM Sans",-apple-system,Segoe UI,Roboto,sans-serif;padding:0 0 80px}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--border);padding:28px 0 24px;margin-bottom:40px}
.back{font-size:0.85rem;color:var(--yellow);text-decoration:none;letter-spacing:0.04em}
.back:hover{text-decoration:underline}
.brand{font-size:0.75rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--yellow);
  font-weight:700;margin-top:22px}
h1{font-family:"Bebas Neue","Barlow Condensed",sans-serif;font-size:2.6rem;letter-spacing:0.01em;
  margin:8px 0 6px;line-height:1.05}
.updated{font-size:0.82rem;color:var(--text-dim)}
h2{font-size:1.15rem;margin:38px 0 12px;color:var(--text);font-weight:700}
h3{font-size:0.98rem;margin:24px 0 8px;color:var(--text);font-weight:700}
p,li{color:var(--text-muted);font-size:0.95rem}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:8px}
strong{color:var(--text)}
a{color:var(--yellow)}
.box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--yellow);
  border-radius:10px;padding:18px 20px;margin:22px 0}
.box.good{border-left-color:var(--green)}
.box p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:0.9rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}
th{color:var(--text-dim);font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em}
td{color:var(--text-muted)}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--border);
  font-size:0.8rem;color:var(--text-dim);line-height:1.9}
@media(max-width:600px){h1{font-size:2rem}.wrap{padding:0 18px}table{font-size:0.82rem}
  th,td{padding:8px 8px}}
