:root{color-scheme:light;font-family:'DM Sans',system-ui,-apple-system,Arial,sans-serif;color:#17171b;background:#faf9f4}
*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:#17171b}
.legal-header{max-width:760px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}
.legal-header img{height:34px;width:auto;display:block}
.legal-header a.back{font-weight:700;text-decoration:none;font-size:14px}
main{max-width:760px;margin:0 auto;padding:8px 24px 72px}
h1{font-size:clamp(34px,6vw,52px);line-height:1.05;letter-spacing:-1.5px;margin:18px 0 6px}
.updated{color:#6b6773;margin:0 0 28px;font-size:15px}
h2{font-size:22px;letter-spacing:-.4px;margin:36px 0 8px}
p,li{font-size:16.5px;color:#2b2830}li{margin:6px 0}
.summary{background:#ffd21f;border-radius:20px;padding:18px 20px;margin:0 0 8px;font-weight:600;color:#17171b}
footer{max-width:760px;margin:0 auto;padding:0 24px 48px;color:#6b6773;font-size:14px}
footer a{margin-right:16px}

/* Inside the app: the app shows its own title bar, so no website header or footer, and a little less top space. */
html.in-app .legal-header,html.in-app footer{display:none}html.in-app main{padding-top:0}html.in-app h1{font-size:34px;margin-top:6px}
