*,*:before,*:after{box-sizing:border-box}*{margin:0}html{text-size-adjust:100%}body{min-height:100vh}img,picture,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:root{--bg: #fff;--text: #111;--body: #333;--muted: #666;--quiet: #707070;--line: #e5e5e5;--line2: #e8e8e8;--control-border: #767676;--code-bg: #f6f6f6;--code-text: #444;--icon: #666;--icon-hover: #333;--success: #18794e;--danger: #c62828}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--body);font-family:IBM Plex Sans,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-underline-offset:.16em}code,pre{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}::selection{background:#e8e8e8;color:var(--text)}.skip-link{position:absolute;top:8px;left:8px;z-index:1200;padding:8px 12px;border:1px solid var(--text);border-radius:4px;background:var(--bg);color:var(--text);text-decoration:none;transform:translateY(-140%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0)}a:focus-visible,button:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--text);outline-offset:3px}.brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--text);font-size:15px;font-weight:500;line-height:1;text-decoration:none}.brand__logo{display:block;flex:0 0 auto;width:32px;height:auto}.brand__text{letter-spacing:0}.back-link,.pill-link{display:inline-flex;align-items:center;color:var(--muted);font-size:13px;text-decoration:none}.back-link{justify-self:start}.back-link:before{content:"<";margin-right:4px}.copy-btn{position:absolute;top:.65rem;right:.65rem;z-index:1;width:1.5rem;height:1.5rem;padding:0;border:0;background:transparent;color:var(--icon);cursor:pointer}.copy-btn:before{content:"";display:block;width:100%;height:100%;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 8h11v11H8zM5 16H4V5h11v1'/%3E%3C/svg%3E") center/18px 18px no-repeat}.copy-btn:hover{color:var(--icon-hover)}.copy-btn.is-copied{color:var(--success)}.copy-btn.is-copy-failed{color:var(--danger)}.post-grid{display:grid;gap:2rem}.post-card{display:grid;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--line)}@media(min-width:840px){.post-card{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:1.25rem}}.post-card__image-link{display:block;max-width:280px;color:inherit}.post-card__image{display:block;width:100%;aspect-ratio:944/600;height:auto;border:1px solid var(--line2);border-radius:6px}.post-card__body{display:grid;gap:.55rem}.post-card__body h3{color:var(--text);font-size:18px;font-weight:500;line-height:1.35;letter-spacing:0}.post-card__body h3 a{text-decoration:none}.post-card__body p:last-child{margin-bottom:0}.post-meta{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--quiet);letter-spacing:0}.code-block{position:relative;margin:1.25rem 0}.code-block pre{overflow-x:auto;padding:1.25rem 3rem 1.25rem 1.25rem;border:1px solid var(--line2);border-radius:4px;background:var(--code-bg);color:var(--code-text);font-size:13px;line-height:1.6}.code-block .shiki{background-color:var(--code-bg)}.shiki-theme-picker{position:fixed;right:1rem;bottom:1rem;z-index:10;display:grid;gap:.4rem;width:min(240px,100vw - 2rem);padding:.75rem;border:1px solid var(--line);border-radius:4px;background:var(--bg);box-shadow:0 8px 30px #0000001f;color:var(--text);font-size:12px}.shiki-theme-picker label{font-weight:500}.shiki-theme-picker select{width:100%;padding:.45rem;border:1px solid var(--control-border);border-radius:3px;background:var(--bg);color:var(--text);font:inherit}.site-header{border-bottom:1px solid var(--line)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 2rem}.site-nav__links{display:flex;align-items:center;gap:2rem;color:var(--muted);font-size:14px}.site-nav__links a{text-decoration:none}.site-nav__links a:hover{color:var(--body)}@media(max-width:640px){.site-nav{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.site-nav__links{gap:1.25rem}}.site-footer{border-top:1px solid var(--line)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:680px;margin:0 auto;padding:1.5rem 2rem;color:var(--quiet);font-size:13px}.home-shell{max-width:680px;margin:4rem auto;padding:0 2rem}.blog-hero{margin-bottom:3rem}.post-index{margin-top:3rem}.blog-hero h1,.post-index h2{color:var(--text);font-size:28px;font-weight:500;line-height:1.3;margin-bottom:2rem}.post-index h2{font-size:17px;margin-bottom:.75rem}.article-shell{max-width:680px;margin:4rem auto;padding:0 2rem}.article{width:100%}.article-hero{display:grid;gap:0;margin-bottom:0}.article-hero .back-link{margin-bottom:1rem}.article-hero h1{color:var(--text);font-size:28px;font-weight:500;line-height:1.3;letter-spacing:0;margin-bottom:2rem}.article-hero__lede{color:var(--body);font-size:15px;line-height:1.7;margin-bottom:1.25rem}.article-content{display:flow-root}.article-content h2{margin:2.5rem 0 .75rem;color:#222;font-size:17px;font-weight:500;line-height:1.35;letter-spacing:0}.article-content h3{margin:1.75rem 0 .5rem;color:#222;font-size:15px;font-weight:500;line-height:1.4}.article-content p,.article-content ul{margin:0 0 1.25rem}.article-content ul{padding-left:24px}.article-content li+li{margin-top:7px}.article-content a{color:inherit}.article-content :not(pre)>code{padding:1px 5px;border-radius:3px;background:var(--code-bg);color:var(--code-text);font-size:13px}.article-figure{margin:1.5rem 0}.article-figure img{display:block;width:100%;height:auto;border:1px solid var(--line2);border-radius:4px}.article-figure figcaption{margin-top:.5rem;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:640px){.home-shell,.article-shell{margin:3rem auto;padding:0 1.5rem}}