:root{--color-bg:#eceff3;--color-panel:#f9fbfd;--color-text:#1a2433;--color-muted:#4a586d;--color-border:#8fa0b8;--color-a:#1946b8;--color-a-hover:#6d0f75}*,*::before,*::after{box-sizing:border-box}body{margin:0 auto;max-width:980px;padding:0 20px;background-color:var(--color-bg);color:var(--color-text);font-family:trebuchet ms,verdana,tahoma,segoe ui,sans-serif;line-height:1.55}nav{text-align:left;padding:18px 0 14px;border-bottom:1px solid var(--color-border);font-size:.96rem}main{margin:18px 0 0;padding:24px;background-color:var(--color-panel);border:1px solid var(--color-border)}h1{border-bottom:1px solid var(--color-border);padding-bottom:12px;margin:0 0 20px;font-size:30px;line-height:1.1;letter-spacing:.02em}h2,h3,h4,h5,h6{margin:16px 0 10px;line-height:1.25}h3{font-size:16px;color:var(--color-muted)}p{margin:0 0 12px}ul,ol{padding-left:22px;margin:0 0 10px}ul{list-style-type:square}li{margin:.35rem 0}a,a:visited{color:var(--color-a);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--color-a-hover)}footer{margin-top:16px;padding:14px 0 22px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.9rem}@media(max-width:640px){body{padding:0 12px}nav{padding:14px 0 12px}main{margin-top:14px;padding:14px}h2{padding-top:10px}footer{padding:12px 0 18px}}