:root{--ink:#08132D;--blue:#0163FC;--teal:#01BF97;--paper:#FFFFFF;--mist:#F1F4F9;--line:#E1E6EF;--muted:#58637A;--todo:#FFF3D6;--todo-ink:#8A5A00;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Onest","Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
.top{border-bottom:1px solid var(--line)}
.top .in{max-width:760px;margin-inline:auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.brand img.ic{width:28px;height:auto}
.brand img.wm{height:20px;width:auto}
.top nav{display:flex;gap:18px;font-size:14px}
.top nav a{color:var(--ink);text-decoration:none;opacity:.75}
main{max-width:760px;margin-inline:auto;padding:48px 20px 80px}
h1,h2{font-family:"Outfit","Avenir Next","Segoe UI",system-ui,sans-serif;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(32px,5vw,44px);line-height:1.05;margin:0 0 8px}
h2{font-size:22px;margin:40px 0 8px}
.updated{color:var(--muted);font-size:14px;margin:0 0 32px}
p,li{max-width:68ch}
ul{padding-left:22px}
li{margin-bottom:6px}
.todo{background:var(--todo);color:var(--todo-ink);border-radius:4px;padding:0 4px;font-weight:600}
.box{background:var(--mist);border-radius:14px;padding:16px 18px;font-size:14px;color:var(--muted)}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer .in{max-width:760px;margin-inline:auto;padding:22px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none;margin-left:16px}