:root { --ink:#111216; --muted:#5f6470; --paper:#f5f6f8; --line:#d8d9de; --blue:#287dff; }
* { box-sizing:border-box; }
body { max-width:800px; margin:0 auto; padding:32px 20px 72px; background:var(--paper); color:var(--ink); font:16px/1.6 Arial,sans-serif; }
a { color:#1359be; } header,footer { display:flex; justify-content:space-between; gap:16px; align-items:center; } header { padding-bottom:28px; border-bottom:1px solid var(--line); } footer { margin-top:40px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; } main { margin-top:38px; } h1 { font-size:clamp(2.2rem,7vw,4rem); line-height:1; letter-spacing:-.05em; } h2 { margin-top:34px; font-size:1.3rem; } p,li { color:#333741; } .notice { padding:16px; border-left:4px solid var(--blue); background:#eaf2ff; } .updated { color:var(--muted); } @media (max-width:520px) { header,footer { display:block; } header a { display:inline-block; margin-top:8px; } }