* { box-sizing:border-box; }
body { margin:0; font-family:Roboto, Arial, sans-serif; background:#fafafa; color:#18181b; }
.hdr { padding:24px 48px; }
.brand { display:inline-flex; align-items:center; gap:12px; font-size:24px; font-weight:700; letter-spacing:-.03em; color:#ef2b2d; text-decoration:none; }
.brand svg { display:block; }
.brand em { font-style:normal; color:#ef2b2d; }
.brand small { font-size:inherit; font-weight:500; color:#a1a1aa; }
.doc { max-width:760px; margin:0 auto; padding:24px 24px 64px; font-size:17px; line-height:1.65; }
.doc h1 { font-size:42px; line-height:1.15; letter-spacing:-.03em; margin:16px 0 6px; }
.doc .updated { color:#71717a; font-size:15px; margin:0 0 32px; }
.doc h2 { font-size:22px; letter-spacing:-.01em; margin:36px 0 8px; }
.doc p { margin:0 0 14px; }
.doc ul { margin:0 0 14px; padding-left:22px; }
.doc li { margin-bottom:8px; }
.doc a { color:#ef2b2d; }
.doc .aff { margin-top:40px; padding-top:20px; border-top:1px solid #e4e4e7; color:#71717a; font-size:14px; }
.foot { display:flex; justify-content:center; gap:24px; padding:24px; border-top:1px solid #e4e4e7; font-size:14px; }
.foot a { color:#71717a; text-decoration:none; }
.foot a:hover { color:#18181b; }
@media (max-width:640px) { .hdr { padding:16px 20px; } .brand { font-size:20px; } .doc { font-size:16px; } .doc h1 { font-size:32px; } }