:root{--paper:#ffffff;--text:#0b0b0c;--soft:#62656b;--edge:#e4e6ea;--blue:#1740ff;--tint:#f2f5ff}
@media (prefers-color-scheme:dark){:root{--paper:#0c0d10;--text:#eef0f4;--soft:#9aa0aa;--edge:#23262d;--blue:#7d97ff;--tint:#141a2e}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font:17px/1.72 Inter,"Helvetica Neue",Arial,sans-serif}
a{color:var(--blue);text-underline-offset:3px}
.k{font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:18px clamp(16px,4vw,48px);border-bottom:1px solid var(--edge)}
.top .id{font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--text);text-decoration:none}
.top .id::before{content:"";display:inline-block;width:12px;height:12px;background:var(--blue);margin-right:10px}
.top nav{display:flex;gap:20px;font-size:14px}.top nav a{color:var(--soft);text-decoration:none}.top nav a:hover{color:var(--blue)}
.intro{padding:clamp(40px,8vw,96px) clamp(16px,4vw,48px) 30px;max-width:1100px}
.intro h1{font-size:clamp(34px,7vw,72px);line-height:1.02;letter-spacing:-.035em;margin:14px 0 18px;font-weight:800}
.intro p{font-size:19px;color:var(--soft);max-width:36em;margin:0}
.index{border-top:1px solid var(--edge);margin-top:26px}
.row{display:grid;grid-template-columns:70px 150px 1fr;gap:18px;align-items:baseline;padding:22px clamp(16px,4vw,48px);border-bottom:1px solid var(--edge);text-decoration:none;color:var(--text)}
.row:hover{background:var(--tint)}
.row .n{font:700 15px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue)}
.row h2{font-size:22px;line-height:1.25;margin:0 0 6px;letter-spacing:-.01em}
.row p{margin:0;color:var(--soft);font-size:15.5px;line-height:1.55}
.essay{max-width:740px;padding:clamp(34px,6vw,70px) clamp(16px,4vw,48px) 80px}
.essay h1{font-size:clamp(30px,5.4vw,50px);line-height:1.08;letter-spacing:-.03em;margin:14px 0 20px;font-weight:800}
.essay .standfirst{font-size:20px;line-height:1.6;color:var(--soft);margin:0 0 30px;padding-bottom:26px;border-bottom:1px solid var(--edge)}
.essay h2{font-size:25px;line-height:1.25;letter-spacing:-.015em;margin:42px 0 10px}
.essay h3{font-size:18px;margin:26px 0 4px}
.essay p{margin:0 0 17px}.essay ul,.essay ol{margin:0 0 20px;padding-left:1.25em}.essay li{margin:7px 0}
.essay .end{margin-top:50px;padding-top:16px;border-top:1px solid var(--edge)}
.bottom{padding:26px clamp(16px,4vw,48px) 44px;border-top:1px solid var(--edge);display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:space-between}
@media (max-width:720px){.row{grid-template-columns:44px 1fr}.row .k{display:none}}