:root{--y:#ffc20e}
*{box-sizing:border-box}
html,body{margin:0}
body{background:#000;color:#e6e8ea;font-family:Inter,Arial,Helvetica,sans-serif;border-top:6px solid var(--y);line-height:1.55}
header{border-bottom:1px solid #222;padding:14px 20px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:20px}
.brand b{color:var(--y)}
main.legal{max-width:860px;margin:0 auto;padding:32px 20px 56px}
.legal h1{font-size:clamp(28px,5vw,40px);margin:0 0 6px;color:#fff}
.legal h2{font-size:22px;margin:30px 0 8px;color:var(--y)}
.legal h3{font-size:17px;margin:18px 0 6px;color:#fff}
.legal h3.conspicuous-h{background:var(--y);color:#000;padding:6px 10px;display:inline-block}
.legal li{margin:6px 0}
.legal b{color:#fff}
.legal .muted{color:#9aa3ab}
.legal .conspicuous{background:#111;border:1px solid #333;border-left:6px solid var(--y);padding:10px 12px;text-transform:uppercase}
.legal a{color:var(--y)}
footer{border-top:1px solid #222;padding:22px 20px 28px;text-align:center;font-size:15px;color:#9aa3ab;line-height:1.7}
footer nav{margin-bottom:6px}
footer a{color:var(--y);text-decoration:none}
footer a:hover{text-decoration:underline}