:root { color-scheme: dark; --bg:#07090c; --panel:#11151b; --ink:#edf0f4; --muted:#929aa6; --edge:#28303a; --red:#d43b55; --gold:#c9a86a; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: radial-gradient(900px 500px at 90% 0, rgba(150,28,47,.17), transparent 70%), var(--bg); font: 15px/1.7 Inter, ui-sans-serif, system-ui, sans-serif; }
a { color: #e2c481; }
.legal-top { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px max(20px, calc((100vw - 920px)/2)); border-bottom: 1px solid var(--edge); background: rgba(7,9,12,.88); backdrop-filter: blur(18px); }
.legal-brand { display: flex; align-items: center; gap: 10px; color: white; text-decoration: none; }
.legal-brand i { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #c55b6d; border-radius: 9px; background: linear-gradient(145deg,#c63b53,#6e1020); font-style: normal; font-weight: 900; }
.legal-brand span { display: grid; font-size: 11px; font-weight: 900; letter-spacing: .15em; line-height: 1.2; }
.legal-brand small { color: var(--gold); font-size: 7px; letter-spacing: .17em; }
.legal-top > a { color: #aeb5bf; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-decoration: none; }
main { width: min(920px, calc(100% - 34px)); margin: 0 auto; padding: 70px 0 90px; }
.eyebrow { color: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
h1 { max-width: 760px; margin: 8px 0 13px; font-size: clamp(38px,7vw,70px); line-height: .98; letter-spacing: -.055em; }
.updated { color: #676f7b; font-size: 12px; }
.lede { max-width: 760px; margin: 27px 0 42px; color: #adb4be; font-size: 18px; line-height: 1.65; }
article { display: grid; gap: 28px; }
section { padding: 25px 27px; border: 1px solid var(--edge); border-radius: 13px; background: linear-gradient(150deg, rgba(29,34,42,.92), rgba(11,14,18,.94)); box-shadow: 0 1px 0 rgba(255,255,255,.06) inset, 0 15px 36px rgba(0,0,0,.25); }
h2 { margin: 0 0 8px; font-size: 19px; letter-spacing: -.02em; }
p { margin: 8px 0; color: var(--muted); }
ul { margin: 10px 0 0; padding-left: 20px; color: var(--muted); }
li + li { margin-top: 7px; }
strong { color: #dce1e7; }
.notice { border-color: rgba(201,168,106,.28); background: rgba(201,168,106,.055); }
footer { margin-top: 38px; padding-top: 22px; border-top: 1px solid var(--edge); color: #68717d; font-size: 12px; }
@media(max-width:600px){ main{padding-top:42px} section{padding:20px} .legal-top{padding-inline:16px} .legal-brand small{display:none} }
