/* Shared look of the legal pages: cream page, Bungee headings, Space Mono text (same tokens as index.html). */
:root{ --ink:#1C1A17; --cream:#FBF8F2; --rust:#B5462B; --mustard:#F2B705; --muted:#5A544C; color-scheme:light; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--cream); color:var(--ink); font:400 15px/1.7 'Space Mono', ui-monospace, Menlo, Consolas, monospace; }
.wrap{ max-width:760px; margin:0 auto; padding-inline:max(16px, 5vw); padding-block:28px 72px; }
.back{ display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font:400 18px/1 'Bungee', system-ui, sans-serif; }
.back svg{ width:52px; height:auto; }
.back:hover, .back:focus-visible{ color:var(--rust); }
h1{ font:400 clamp(34px, 7vw, 56px)/1.05 'Bungee', system-ui, sans-serif; margin:44px 0 6px; text-wrap:balance; }
.sub{ color:var(--rust); font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:12px; margin:0 0 36px; }
h2{ font:400 20px/1.2 'Bungee', system-ui, sans-serif; margin:40px 0 10px; }
h3{ font-size:15px; margin:24px 0 6px; }
p, ul, address{ margin:0 0 14px; }
address{ font-style:normal; }
ul{ padding-left:20px; }
a{ color:var(--rust); text-underline-offset:3px; }
a:hover{ color:var(--ink); }
a:focus-visible{ outline:3px solid var(--mustard); outline-offset:2px; }
.card{ border:2px solid var(--ink); border-radius:16px; padding:20px 22px; background:#fff; box-shadow:6px 6px 0 var(--mustard); }
.note{ color:var(--muted); font-size:13px; }
footer{ border-top:1px solid rgba(28,26,23,.15); margin-top:56px; padding-top:18px; display:flex; flex-wrap:wrap; gap:8px 20px; font-size:13px; color:var(--muted); }
footer a{ color:inherit; }