:root { color-scheme: light; --ink:#171714; --muted:#6c6a61; --line:#ddd9cd; --paper:#f6f2e9; --accent:#dc5d47; }
* { box-sizing:border-box; }
html { background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
body { margin:0; }
a { color:inherit; }
.legal-header { min-height:78px; padding:16px clamp(20px,5vw,72px); display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); background:#0c0c0b; color:#fff; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand img { width:42px; height:42px; object-fit:contain; }
.brand span { display:grid; }
.brand strong { letter-spacing:.08em; font-size:.95rem; }
.brand small { color:#aaa89f; letter-spacing:.12em; font-size:.62rem; margin-top:3px; }
.legal-header>a:last-child { font-size:.82rem; }
.legal-shell { width:min(1180px,calc(100% - 40px)); margin:48px auto 80px; display:grid; grid-template-columns:230px minmax(0,760px); gap:clamp(40px,7vw,90px); align-items:start; }
aside { position:sticky; top:24px; display:grid; gap:8px; padding:22px; border:1px solid var(--line); background:#fffdf8; }
aside>span { color:var(--accent); font-weight:800; font-size:.7rem; letter-spacing:.14em; }
aside>strong { font-size:1.15rem; }
aside>small { color:var(--muted); }
aside nav { display:grid; gap:10px; padding-top:16px; margin-top:8px; border-top:1px solid var(--line); }
aside nav a { font-size:.85rem; }
aside button { margin-top:14px; padding:10px 12px; border:1px solid var(--ink); background:transparent; font:inherit; font-size:.78rem; cursor:pointer; }
article { line-height:1.65; }
h1 { margin:0 0 10px; font-size:clamp(2.35rem,6vw,4.9rem); letter-spacing:-.055em; line-height:.95; }
h2 { margin:46px 0 10px; padding-top:16px; border-top:1px solid var(--line); font-size:1.25rem; letter-spacing:-.02em; }
p, li { font-size:1rem; }
p { margin:10px 0; }
ul { padding-left:22px; }
li+li { margin-top:8px; }
article>p:nth-of-type(-n+3) { color:var(--muted); }
code { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.9em; }
@media (max-width:760px) { .legal-header { min-height:68px; } .legal-shell { grid-template-columns:1fr; margin-top:24px; } aside { position:static; } h1 { font-size:2.65rem; } }
@media print { .legal-header, aside { display:none; } .legal-shell { display:block; width:100%; margin:0; } body { background:#fff; } article { font-size:10pt; } h1 { font-size:28pt; } h2 { break-after:avoid; } }