:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: #000; color: #f2f2f2; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.65; }
a { color: #9ecbff; text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: #d3e8ff; }
.legal-page { width: min(820px, calc(100% - 36px)); margin: 0 auto; padding: 54px 0 70px; }
.legal-hero { margin: 0 0 34px; }
.eyebrow { margin: 0 0 10px; color: #a8a8a8; font-size: 13px; }
h1 { margin: 0; color: #fff; font-size: clamp(30px, 6vw, 44px); font-weight: 700; line-height: 1.16; letter-spacing: 0; }
.lead { margin: 18px 0 0; color: #d4d4d4; font-size: 17px; }
.meta { margin: 14px 0 0; color: #a8a8a8; font-size: 14px; }
.notice { margin: 0 0 34px; color: #d7d7d7; }
.legal-card { margin: 0 0 32px; padding: 0; }
h2 { margin: 0 0 12px; color: #fff; font-size: 21px; font-weight: 700; line-height: 1.3; }
p { margin: 0 0 14px; }
p:last-child { margin-bottom: 0; }
ul { margin: 10px 0 0; padding-left: 22px; }
li { margin: 7px 0; }
@media (max-width: 620px) { body { font-size: 15px; } .legal-page { width: min(100% - 28px, 820px); padding: 34px 0 48px; } .legal-hero { margin-bottom: 28px; } .legal-card { margin-bottom: 27px; } }