:root { --surface:#DDE0E1; --ink:#1B1E20; --dim:#5C6469; --accent:#B8402B; --on-ink:#DDE0E1; }
* { box-sizing:border-box; }
html { background:var(--surface); color:var(--ink); }
body { margin:0; font-family:'Zen Kaku Gothic New',system-ui,sans-serif; line-height:1.8; }
.wrap { max-width:720px; margin:0 auto; padding:56px 22px 96px; }
.mincho { font-family:'Shippori Mincho B1','Noto Serif HK',serif; }
.mono { font-family:'JetBrains Mono',ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; font-size:11px; color:var(--dim); }
h1 { font-family:'Shippori Mincho B1','Noto Serif HK',serif; font-weight:800; font-size:44px; letter-spacing:.1em; margin:0 0 8px; line-height:1.1; }
h2 { font-family:'Shippori Mincho B1','Noto Serif HK',serif; font-size:22px; margin:40px 0 8px; padding-top:16px; border-top:1px solid var(--ink); }
p, li { font-size:15px; }
a { color:var(--accent); }
.rule { border:0; border-top:1px solid var(--ink); margin:24px 0; }
.ink { background:var(--ink); color:var(--on-ink); padding:40px 22px; }
.ink .mono { color:#9BA1A5; }
.cta { display:block; background:var(--accent); color:#F2F4F4; text-decoration:none; padding:18px 22px; font-family:'Shippori Mincho B1',serif; font-weight:700; font-size:19px; letter-spacing:.28em; margin-top:20px; }
.outline { display:block; border:1px solid var(--ink); color:var(--ink); text-decoration:none; padding:16px 22px; text-align:center; margin-top:10px; font-family:'Shippori Mincho B1',serif; letter-spacing:.2em; }
.code { font-family:'JetBrains Mono',monospace; font-size:34px; font-weight:300; letter-spacing:.12em; }
.draft { border:1px dashed var(--accent); color:var(--accent); padding:10px 14px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; }
nav a { margin-right:18px; }