:root{--bg:#f5f6f8;--ink:#0f1417;--ink-2:#2c343a;--muted:#6b7480;--line:#d8dce2;--accent:#3a6fa7;--pad-x:clamp(24px,5vw,80px)}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink-2);font-family:"Geist",ui-sans-serif,-apple-system,system-ui,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
.l-nav{display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad-x);border-bottom:1px solid var(--line)}
.l-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.l-mark{width:18px;height:18px;border-radius:50%;background:var(--accent);position:relative;display:inline-block}
.l-mark::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg)}
.l-back{font-size:14px;color:var(--muted);text-decoration:none}
.l-back:hover{color:var(--accent)}
.l-main{max-width:760px;margin:0 auto;padding:64px var(--pad-x) 96px}
h1{font-size:clamp(32px,5vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);font-weight:500;margin:0 0 12px}
.updated{font-family:"Geist Mono",ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 32px}
h2{counter-increment:clause;font-size:19px;font-weight:600;color:var(--ink);margin:40px 0 8px;letter-spacing:-.01em}
h2::before{content:counter(clause) ". "}
.l-main{counter-reset:clause}
p{margin:0 0 14px}
ol{margin:0 0 16px;padding-left:1.6em}
li{margin:0 0 8px;padding-left:.25em}
li::marker{color:var(--muted)}
.todo{background:#fff3b0;color:var(--ink);padding:0 2px;border-radius:2px}
.l-foot{border-top:1px solid var(--line);padding:28px var(--pad-x)}
.l-foot-in{max-width:760px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted)}
.l-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.l-foot a{text-decoration:none}
.l-foot a:hover{color:var(--accent)}