:root{color-scheme:dark;--bg:#0e0e0f;--panel:#17181b;--text:#eceef2;--muted:#9b9da8;--accent:#85b6dd;--border:#2b2c33;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .18s,background .18s,border-color .18s}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}::selection{background:#3a3d5f;color:#fff}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(34px,4.6vw,58px)}h2{font-size:23px}h3{font-size:25px}.shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:var(--panel);z-index:10}.skip-link:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:102px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;font-size:19px;font-weight:700;letter-spacing:-.04em}.brand-mark{display:grid;place-content:center;position:relative;width:38px;height:38px;border:1px solid #414554;border-radius:11px;font:700 27px/1 monospace;background:#1b1c23}.brand-mark span{position:absolute;color:var(--accent);right:5px;bottom:5px}.brand-suffix{color:var(--muted);font-weight:400}.site-header nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}.site-header nav a[aria-current]{color:var(--text)}.site-header nav a[aria-current]:after{content:"";display:block;width:16px;height:2px;background:var(--accent);margin-top:5px}.hero{display:grid;grid-template-columns:1fr 260px;gap:80px;align-items:center;padding:77px 0 70px;border-bottom:1px solid var(--border);margin-bottom:44px}.eyebrow{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin:0 7px 2px 0;box-shadow:0 0 0 4px #85b6dd0d}.hero h1{font-size:clamp(44px,5.8vw,72px);font-weight:750;line-height:1.09;margin:22px 0}.hero h1>span{color:var(--accent)}.hero-description{max-width:550px;font-size:17px;line-height:1.8;color:var(--muted)}.social-links{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.social-links a{padding:7px 14px;border:1px solid var(--border);border-radius:7px;font-size:13px;background:#151518}.social-links a:hover{background:#232635;border-color:#4b5071}.social-links span{color:var(--muted);margin-left:13px}.profile{border-left:1px solid var(--border);padding:18px 0 18px 42px}.profile img{border-radius:24px;border:1px solid #454554;box-shadow:8px 8px #1d1e27;object-fit:cover;width:112px;height:112px;margin-bottom:24px}.profile p{font-size:16px;font-weight:600}.profile>span{font:12px/2 monospace;color:var(--accent)}.profile-caption{color:var(--muted);font-size:12px;line-height:1.8;margin-top:14px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr)310px;gap:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{display:flex;gap:12px;align-items:center;font-size:21px}.count{display:inline-grid;place-content:center;min-width:25px;height:24px;padding:0 7px;background:#25262d;border-radius:6px;font:12px/1 monospace;color:var(--muted)}.section-heading>.eyebrow{font-size:9px}.post-list{display:grid;gap:18px}.post-card{position:relative;border:1px solid var(--border);border-radius:12px;padding:27px 28px;background:linear-gradient(125deg,#1b1c20,#151517);transition:border-color .2s}.post-card:hover{border-color:#4a5064}.post-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:11px;color:var(--muted);letter-spacing:.025em}.post-meta>span:nth-child(2){color:#555966}.post-card h3{margin:17px 0 14px;font-size:26px;line-height:1.35}.post-card>p{font-size:14px;color:var(--muted);line-height:1.8}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:27px}.read-link{font-size:12px;white-space:nowrap;color:var(--accent)}.read-link span{margin-left:9px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags a{font-size:11px;color:#b1b4cc;background:#252630;padding:3px 9px;border-radius:5px}.tags a:hover{background:#3a3d5f;color:#fff}.tags a span{color:var(--muted);margin-left:5px}.sidebar{display:grid;gap:20px;align-content:start}.side-panel{border:1px solid var(--border);border-radius:12px;padding:23px}.side-panel h2{font-size:19px;margin:8px 0}.muted{color:var(--muted);font-size:12px}.project{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid var(--border)}.project-icon{flex:0 0 32px;height:32px;display:grid;place-content:center;background:#262936;border:1px solid #363b50;border-radius:8px;font:13px monospace;color:#a7b8e4}.project strong{font-size:12px;font-weight:600;display:block}.project small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.project-arrow{margin-left:auto;font-size:14px;color:var(--muted)}.text-link{display:inline-block;font-size:12px;color:var(--accent)}.side-panel>.text-link{margin-top:18px}.subscribe-panel{padding:23px;border:1px solid #353b51;border-radius:12px;background:radial-gradient(ellipse at top right,#2c3049 0,transparent 85%),#191b24}.subscribe-panel h2{font-size:18px;margin:12px 0}.subscribe-panel p{font-size:12px;color:#afb3c4}.subscribe-panel>a{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;color:#b9d7ef}.side-panel .tags{margin-top:18px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--border);margin-top:76px;padding-block:27px 35px;font-size:11px;color:var(--muted)}.footer-note{display:block;font-size:10px;color:#777b88;margin-top:4px}.site-footer>div{display:flex;gap:24px}.archive{max-width:800px;margin:60px auto;min-height:45vh}.archive h1{margin:15px 0 35px}.empty-state{color:var(--muted);padding:28px 0}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-grid>a{display:flex;justify-content:space-between;padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.pagination{display:flex;justify-content:center;gap:26px;align-items:center;margin-top:32px;font-size:13px}.pagination span{color:var(--muted)}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:30px}.article{margin-top:40px}.article-header{max-width:830px;padding-bottom:32px}.article-header h1{margin:19px 0 22px;line-height:1.17;font-size:clamp(32px,4.5vw,52px);overflow-wrap:anywhere}.article-description{color:var(--muted);font-size:18px;margin-bottom:20px}.article-layout{display:grid;grid-template-columns:minmax(0,760px)minmax(0,1fr);gap:60px;align-items:start;border-top:1px solid var(--border);padding-top:32px}.prose{font-size:17px;line-height:1.9;min-width:0;overflow-wrap:anywhere;color:#d4d6de}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote,.prose table,.prose figure{margin:0 0 25px}.prose h1{font-size:32px;margin:40px 0 20px}.prose h2{font-size:27px;margin:48px 0 20px;color:var(--text)}.prose h3{font-size:22px;margin:32px 0 16px;color:var(--text)}.prose h4,.prose h5,.prose h6{font-size:18px;margin:28px 0 15px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose strong{color:var(--text);font-weight:650}.prose ul,.prose ol{padding-left:25px}.prose li{padding-left:4px;margin-bottom:8px}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid #67789f;background:#191c24;padding:19px 23px;border-radius:0 8px 8px 0;color:#b9c2d7}.prose blockquote p:last-child{margin:0}.prose code{font:.84em/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#232631;border:1px solid #33374a;padding:3px 6px;border-radius:5px;color:#bfd2ef}.prose pre{padding:22px;overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:#171920}.prose pre code{padding:0;border:0;background:0 0;color:inherit;font-size:13px}.prose table{display:block;max-width:100%;width:max-content;overflow-x:auto;border-collapse:collapse;font-size:14px}.prose th,.prose td{padding:13px 17px;border:1px solid #373943;min-width:150px;text-align:left}.prose th{background:#22242d;color:var(--text)}.prose td{background:#15161a}.prose img{border-radius:10px;height:auto}.prose figcaption{color:var(--muted);font-size:12px;text-align:center}.prose hr{border:0;border-top:1px solid var(--border);margin:40px 0}.toc{position:sticky;top:30px;font-size:12px;border-left:1px solid var(--border);padding-left:22px}.toc summary{font-weight:600;color:var(--text);cursor:pointer;margin-bottom:15px}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:9px 0;line-height:1.6}.toc li ul{padding-left:12px}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}.article-footer{max-width:760px;border-top:1px solid var(--border);padding-top:27px;margin-top:45px;display:flex;gap:20px;justify-content:space-between;align-items:center}.author{display:flex;align-items:center;gap:13px}.author img{border-radius:12px}.author strong{display:block;font-size:13px}.author span{display:block;font-size:11px;color:var(--muted)}.author a{color:var(--accent)}.post-navigation{display:flex;gap:25px;max-width:760px;margin-top:30px}.post-navigation a{flex:1;border:1px solid var(--border);padding:18px;border-radius:10px;font-size:13px}.post-navigation small{display:block;color:var(--muted);margin-bottom:8px}.not-found{padding-block:100px;min-height:60vh}.not-found h1{margin:18px 0}.not-found h1 span{color:var(--accent)}.not-found p{color:var(--muted);margin-bottom:25px}@media(min-width:1400px){.hero{padding-block:90px 80px}}@media(max-width:950px){.home-grid{grid-template-columns:minmax(0,1fr)270px;gap:24px}.hero{gap:30px}.section-heading>.eyebrow{display:none}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr)200px}.post-card{padding:23px}.side-panel,.subscribe-panel{padding:20px}.project small{font-size:10px}.profile{padding-left:30px}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{min-height:85px}.site-header nav{gap:18px;font-size:12px}.brand{font-size:17px;gap:9px}.brand-suffix{display:none}.hero{grid-template-columns:1fr;gap:32px;padding:44px 0;margin-bottom:30px}.hero h1{font-size:54px}.hero-description{font-size:16px}.profile{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:center;padding:0;border:0}.profile img{grid-row:1/3;width:52px;height:52px;border-radius:13px;box-shadow:none;margin:0}.profile p{font-size:14px;align-self:end}.profile>span{align-self:start}.profile-caption{display:none}.home-grid{grid-template-columns:1fr;gap:35px}.sidebar{grid-template-columns:1fr 1fr;gap:15px}.sidebar>.side-panel:first-child{grid-row:span 2}.article-layout{display:flex;flex-direction:column;gap:28px}.toc{order:-1;position:static;width:100%;border:1px solid var(--border);border-radius:10px;padding:17px 20px;background:var(--panel)}.toc summary{margin:0}.toc nav{margin-top:14px}.prose{width:100%;font-size:16px}.article-header{padding-bottom:25px}.site-footer{margin-top:50px}.archive{margin-top:40px}.article-footer{flex-wrap:wrap}}@media(max-width:480px){.shell{width:calc(100% - 32px)}.site-header nav{gap:14px}.brand-mark{width:32px;height:32px;font-size:23px}.brand{font-size:15px}.hero h1{font-size:46px}.hero .eyebrow{font-size:10px}.sidebar{grid-template-columns:1fr}.post-card{padding:22px}.post-card h3{font-size:23px}.card-bottom{flex-wrap:wrap}.card-bottom .tags:empty{display:none}.site-footer{align-items:flex-start;flex-direction:column;gap:18px}.topic-grid{grid-template-columns:1fr}.post-navigation{flex-direction:column}.post-meta{gap:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media print{body{background:#fff;color:#000}.site-header,.site-footer,.toc,.article-footer,.post-navigation,.back-link{display:none}.shell{width:100%}.article-layout{display:block;border:0}.prose,.prose strong,.prose h2,.prose h3{color:#000}.prose a{color:inherit}.prose pre,.prose code,.prose td,.prose th{background:#eee;color:#000}.article-header h1{font-size:30px}}