:root{color-scheme:light;--ink:#171717;--subtle:#666;--page:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:2px solid #222;outline-offset:5px}.shell{width:min(calc(100% - 56px),680px);margin-inline:auto;padding:34px 0 96px}nav{display:flex;align-items:center;gap:28px;margin-bottom:110px;font-size:15px;line-height:1.6}h1,h2{font-weight:700;letter-spacing:-.038em}h1{font-size:clamp(34px,5vw,44px);line-height:1.17;margin:0 0 24px}p{font-size:17px;line-height:1.75;margin:0 0 22px}.intro{max-width:650px}.intro .muted{margin-bottom:22px}.intro h1{font-size:54px;line-height:1.05;margin-bottom:6px}.intro h1 .dot{color:#7c3aed}.intro p{font-size:18px}@media(max-width:799px){.intro h1{font-size:42px}.intro p{font-size:14px}}.muted{color:var(--subtle)}.social{display:flex;align-items:center;gap:20px;margin-top:4px}.social a{display:inline-flex;color:var(--subtle);transition:color .15s}.social a:hover{color:var(--ink);text-decoration:none}.social svg{display:block}.archive{list-style:none;padding:0;margin:0}.archive li{margin-bottom:43px}.date{display:block;color:#777;font-size:14px;line-height:1.5;margin-bottom:9px}.archive h2{font-size:26px;line-height:1.28;margin:0}.article h1{margin-bottom:14px}.article-body{margin-top:48px}.article-body p{font-size:18px;line-height:1.83;margin-bottom:24px}.article-body a{text-decoration:underline;text-underline-offset:3px}.back{display:inline-block;margin-top:44px;font-size:14px}footer{font-size:12px;color:#888;margin-top:104px}@media(max-width:600px){.shell{width:calc(100% - 42px);padding-top:24px;padding-bottom:64px}nav{gap:24px;margin-bottom:78px}h1{font-size:36px}.archive h2{font-size:23px}p{font-size:16px;line-height:1.75}.article-body{margin-top:36px}.article-body p{font-size:17px;line-height:1.8;margin-bottom:21px}footer{margin-top:80px}}nav a{color:#a3a3a3}nav a[aria-current=page],nav a.active{color:var(--ink)}.menu-toggle{display:none}@media(min-width:1100px){.shell{padding-top:230px}nav{position:absolute;top:80px;left:88px;flex-direction:column;align-items:flex-end;gap:46px;margin:0;font-size:22px}}@media(max-width:1099px){.js nav{display:none}.js .menu-toggle{position:relative;z-index:20;display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;margin:-10px 0 62px -10px;padding:10px;border:0;background:none;color:var(--ink);cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-open .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-open,.menu-open body{overflow:hidden}.js.menu-open nav{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:44px;margin:0;padding:128px max(28px,calc((100% - 680px)/2));background:var(--page);font-size:34px;line-height:1.2}}@media(max-width:600px){.js.menu-open nav{padding-inline:21px;padding-top:116px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-toggle span{transition:none}}