/* Legal pages: same palette as the studio site. Dark by default, light follows the viewer's setting. */
:root { --bg:#2a241f; --surface:#352d27; --ink:#f2e9d8; --muted:#c9bba5; --line:rgba(242,233,216,.2); --rec:#d9907a; --cool:#e3cd96; --tbc-bg:#e3cd96; --tbc-ink:#2a241f; --head:#c4704f; --head-ink:#2a241f;
  --font-display:"Alfa Slab One",Georgia,serif; --font-body:"Libre Franklin",system-ui,sans-serif; --font-mono:"Courier Prime",ui-monospace,monospace; color-scheme:dark; }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --bg:#efe6d2; --surface:#f7f0e0; --ink:#2a241f; --muted:#5a4e43; --line:rgba(42,36,31,.22); --rec:#a8412a; --cool:#7a5c00; --tbc-bg:#e3cd96; --tbc-ink:#2a241f; color-scheme:light; } }
:root[data-theme="light"] { --bg:#efe6d2; --surface:#f7f0e0; --ink:#2a241f; --muted:#5a4e43; --line:rgba(42,36,31,.22); --rec:#a8412a; --cool:#7a5c00; --tbc-bg:#e3cd96; --tbc-ink:#2a241f; color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:400 17px/1.65 var(--font-body); }
a { color:var(--ink); text-underline-offset:3px; } a:hover { color:var(--rec); }
:focus-visible { outline:3px solid var(--cool); outline-offset:2px; }
.top { background:var(--head); color:var(--head-ink); border-bottom:1px solid rgba(60,30,20,.2); }
.top .in { max-width:860px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.logo { display:flex; align-items:center; gap:10px; color:var(--head-ink); text-decoration:none; font-family:Montserrat,var(--font-body),sans-serif; text-transform:uppercase; line-height:1; }
.logo:hover { color:var(--head-ink); }
.logo svg { width:32px; height:32px; flex:none; } .logo b { font-size:.9rem; letter-spacing:.06em; display:block; } .logo i { font-style:normal; font-weight:300; font-size:.62rem; letter-spacing:.5em; display:block; margin-top:4px; }
.back { color:var(--head-ink); font-weight:600; font-size:15px; } .back:hover { color:var(--head-ink); }
main { max-width:860px; margin:0 auto; padding:40px 16px 72px; }
.eyebrow { font:12px var(--font-mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 10px; }
h1 { font:400 clamp(2rem,6vw,3.2rem)/1.05 var(--font-display); margin:0 0 14px; text-wrap:balance; }
h2 { font:400 1.35rem/1.25 var(--font-display); margin:40px 0 10px; text-wrap:balance; }
h3 { font:600 1.05rem/1.3 var(--font-body); margin:22px 0 6px; }
p, li { max-width:70ch; } ul { padding-left:1.2em; } li { margin:4px 0; }
.lead { font-size:1.15rem; color:var(--muted); max-width:62ch; }
.meta { font:13px var(--font-mono); letter-spacing:.06em; color:var(--muted); margin:18px 0 0; }
.note { background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--cool); padding:14px 16px; margin:24px 0; border-radius:3px; max-width:70ch; }
.note p { margin:0; }
.tbc { background:var(--tbc-bg); color:var(--tbc-ink); padding:0 4px; border-radius:2px; font-size:.92em; }
.tblwrap { overflow-x:auto; margin:14px 0; border:1px solid var(--line); border-radius:3px; }
table { border-collapse:collapse; width:100%; min-width:560px; font-size:15px; } th,td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; } th { font:12px var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); background:var(--surface); } tr:last-child td { border-bottom:0; }
.toc { background:var(--surface); border:1px solid var(--line); padding:14px 18px; border-radius:3px; margin:26px 0 0; max-width:70ch; } .toc ol { list-style:none; margin:6px 0 0; padding-left:0; columns:2; column-gap:28px; } .toc li { margin:3px 0; break-inside:avoid; } @media (max-width:560px) { .toc ol { columns:1; } }
footer { border-top:1px solid var(--line); }
footer .in { max-width:860px; margin:0 auto; padding:22px 16px 40px; display:flex; flex-wrap:wrap; gap:8px 22px; font-size:15px; color:var(--muted); }
footer a { color:var(--muted); }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto !important; } }

/* header v2: aged-paper label */
:root{--head:#ece0c4;--head-ink:#2b2018}
.top{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#f1e6cc,#e6d8b8);border-bottom:0;box-shadow:0 1px 0 #2b2018,0 4px 0 #ece0c4,0 5px 0 #8e3b26,0 10px 18px rgba(0,0,0,.28);position:relative;z-index:2}
