:root{--paper:#f2fafb;--ink:#1c2024;--muted:#60646c;--heading:#0d3c48;--accent:#00a2c7;--accent-ink:#107d98;--rule:#b5e9f0;--code-bg:#def7f9;--baseline-bar:#c2c8ce;--mark:#00a2c738;color-scheme:light}:root[data-theme=dark]{--paper:#101b20;--ink:#edeef0;--muted:#b0b4ba;--heading:#b6ecf7;--accent:#23afd0;--accent-ink:#4ccce6;--rule:#003848;--code-bg:#082c36;--baseline-bar:#454b52;--mark:#23afd047;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#101b20;--ink:#edeef0;--muted:#b0b4ba;--heading:#b6ecf7;--accent:#23afd0;--accent-ink:#4ccce6;--rule:#003848;--code-bg:#082c36;--baseline-bar:#454b52;--mark:#23afd047;color-scheme:dark}}*{box-sizing:border-box}::selection{background:var(--mark)}html{font-size:18px}body{color:var(--ink);background:var(--paper);margin:0;font-family:Charter,Iowan Old Style,Georgia,Times New Roman,serif;line-height:1.75;transition:background .2s,color .2s}a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline 1px}a:hover{text-decoration-thickness:2px}.topbar{z-index:10;position:fixed;top:14px;right:18px}.theme-toggle{border:1px solid var(--rule);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{color:var(--accent-ink);border-color:var(--accent-ink)}.theme-toggle svg{width:19px;height:19px}main{max-width:42rem;margin:0 auto;padding:0 22px}header{padding:84px 0 0}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}h1{letter-spacing:-.015em;color:var(--heading);margin:0 0 22px;font-size:3rem;font-weight:700;line-height:1.12}.standfirst{color:var(--muted);margin:0 0 30px;font-size:1.22rem;font-style:italic;line-height:1.5}.meta{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);justify-content:space-between;gap:12px;margin-bottom:48px;padding:10px 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:flex}.byline{color:var(--muted);align-items:center;gap:7px;text-decoration:none;transition:color .15s;display:inline-flex}.byline:hover{color:var(--accent-ink)}.byline svg{fill:currentColor;width:11px;height:11px}article>:first-child{margin-top:0}h2{letter-spacing:-.01em;color:var(--heading);margin:3rem 0 1rem;font-size:1.55rem;line-height:1.25}h3{color:var(--heading);margin:2.2rem 0 .8rem;font-size:1.2rem}p{margin:0 0 1.2rem}article>p:first-of-type:first-letter{float:left;color:var(--accent-ink);padding:.06em .12em 0 0;font-size:3.6em;font-weight:700;line-height:.82}ul,ol{color:var(--muted);margin:0 0 1.2rem;padding-left:1.4rem}li{margin:.55rem 0}li::marker{color:var(--accent-ink)}li b,li strong{color:var(--ink)}code{background:var(--code-bg);border:1px solid var(--rule);padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em}pre{background:var(--ink);color:var(--paper);margin:1.6rem 0 1.8rem;padding:1.15rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;line-height:1.65;overflow-x:auto}pre code{font-size:inherit;color:inherit;background:0 0;border:0;padding:0}blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:1.8rem 0;padding:.2rem 0 .2rem 1.4rem;font-style:italic}blockquote p{margin-bottom:.8rem}blockquote p:last-child{margin-bottom:0}figure{margin:2rem 0}figure img{border:1px solid var(--rule);width:100%;height:auto;display:block}figcaption{color:var(--muted);text-align:center;margin-top:12px;font-size:.85rem;font-style:italic}article .img-frame{margin:2rem 0;display:block;position:relative}article .img-frame img{border:1px solid var(--rule);cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:manipulation;width:100%;height:auto;display:block}article .img-frame img:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}article .img-frame:after{content:"";background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 2px var(--paper), 0 0 0 2px #00a2c773;pointer-events:none;border-radius:50%;animation:2.2s ease-out infinite img-dot;position:absolute;top:62%;left:62%;transform:translate(-50%,-50%)}@keyframes img-dot{0%{box-shadow:0 0 #00a2c773}70%{box-shadow:0 0 0 9px #00a2c700}to{box-shadow:0 0 #00a2c700}}article .img-share{z-index:1;border:1px solid color-mix(in srgb, var(--ink) 30%, transparent);background:var(--paper);width:32px;height:32px;color:var(--accent-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-flex;position:absolute;bottom:10px;right:10px;box-shadow:0 1px 4px #0000002e}article .img-share:hover{color:var(--accent-ink);border-color:var(--accent-ink)}article .img-share:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}article .img-share svg{width:14px;height:14px}article .img-share.is-copied{color:var(--accent-ink);border-color:var(--accent-ink)}article .img-frame.is-expanded .img-share{display:none}.share-menu{z-index:2;border:1px solid var(--rule);background:var(--paper);flex-direction:column;min-width:172px;padding:4px;display:none;position:absolute;bottom:46px;right:0;box-shadow:0 4px 16px #00000029}.share-menu.is-open{display:flex}.share-menu button{width:100%;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.85rem;display:flex}.share-menu button:hover{background:var(--code-bg);color:var(--accent-ink)}.share-menu button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.share-menu button svg{flex:none;width:14px;height:14px}article .img-frame.is-expanded img{cursor:zoom-out;width:100vw;max-width:100vw;position:relative;left:50%;transform:translate(-50%)}article .img-frame.is-expanded:after{content:none}html:has(article .img-frame.is-expanded){overflow-x:clip}@media (prefers-reduced-motion:reduce){article .img-frame:after{animation:none}}hr{border:0;border-top:1px solid var(--rule);margin:3rem 0}footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;margin-top:72px;padding:20px 2px 80px;display:flex}footer small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.x-link{align-items:center;display:inline-flex}.x-link svg{fill:currentColor;width:20px;height:20px}@media (width<=640px){html{font-size:16.5px}h1{font-size:2.3rem}header{padding-top:56px}}