:root{--bg: #f6f5f2;--surface: #ffffff;--surface-muted: #efede8;--ink: #090b0f;--ink-soft: #242832;--muted: #656b78;--border: #d9d6ce;--border-strong: #bbb6aa;--accent: #e1191d;--accent-dark: #9f1115;--accent-soft: #fff0f0;--link: #d71920;--code-bg: #111318;--code-ink: #f4f4f5;--shadow: 0 24px 70px rgba(9, 11, 15, 0.08);--max-width: 1180px;--content-width: 760px;--radius: 8px;--font-main: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg, rgba(9,11,15,0.035) 1px, transparent 1px),linear-gradient(180deg, rgba(9,11,15,0.035) 1px, transparent 1px),var(--bg);background-size:44px 44px;color:var(--ink);font-family:var(--font-main);font-size:17px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:var(--link);text-decoration:none}a:hover{color:var(--accent-dark)}::selection{background:var(--accent);color:#ffffff}.site-shell{width:min(calc(100% - 40px), var(--max-width));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;z-index:100;padding:10px 14px;background:var(--ink);color:#ffffff;border-radius:4px;font-weight:700}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,242,0.92);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.top-strip{background:var(--ink);color:rgba(255,255,255,0.72);font-size:12px;letter-spacing:0.08em;text-transform:uppercase}.top-strip-inner{display:flex;justify-content:space-between;gap:18px;padding:8px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:28px}.site-brand{display:inline-flex;align-items:center;gap:18px;color:var(--ink)}.site-brand:hover{color:var(--ink)}.brand-logo,.brand-logo-placeholder{flex:0 0 auto;width:87px;height:102px}.brand-logo{object-fit:contain}.brand-logo-placeholder{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--ink);border:1px solid rgba(255,255,255,0.08);border-bottom:3px solid var(--accent);border-radius:6px}.logo-mark-core{position:relative;width:22px;height:22px;border:2px solid #ffffff;border-left-color:var(--accent);border-bottom-color:var(--accent);transform:rotate(45deg)}.logo-mark-core::before,.logo-mark-core::after{content:"";position:absolute;background:var(--accent)}.logo-mark-core::before{width:16px;height:2px;left:3px;top:9px}.logo-mark-core::after{width:2px;height:16px;left:9px;top:3px}.brand-text{display:grid;gap:1px}.brand-text strong{font-size:18px;line-height:1.1;letter-spacing:-0.02em}.brand-text small{max-width:360px;color:var(--muted);font-size:12px;line-height:1.35}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{position:relative;padding:10px 13px;color:var(--ink-soft);font-size:14px;font-weight:800;letter-spacing:0.01em}.site-nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 160ms ease}.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{transform:scaleX(1)}.site-nav a[aria-current="page"]{color:var(--ink)}.site-main{min-height:70vh}.page-hero{background:linear-gradient(135deg, rgba(9,11,15,0.96), rgba(36,40,50,0.96)),var(--ink);color:#ffffff;border-bottom:4px solid var(--accent)}.page-hero-inner{padding:clamp(56px, 8vw, 104px) 0 clamp(42px, 6vw, 72px)}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:0.16em;text-transform:uppercase}.page-hero h1,.post-hero h1{margin:0;max-width:980px;font-size:clamp(42px, 7vw, 78px);line-height:0.98;letter-spacing:-0.045em}.page-hero p:not(.eyebrow){max-width:760px;margin:24px 0 0;color:rgba(255,255,255,0.74);font-size:clamp(18px, 2vw, 23px);line-height:1.45}.page-content{padding:clamp(44px, 7vw, 86px) 0}.article-layout{display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:clamp(36px, 6vw, 72px);align-items:start;padding:clamp(44px, 7vw, 84px) 0}.post-content{min-width:0}.post-hero{padding-bottom:34px;border-bottom:1px solid var(--border)}.post-hero h1{max-width:980px;font-size:clamp(40px, 6vw, 70px)}.post-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;color:var(--muted);font-size:14px;font-weight:700}.post-meta span{position:relative}.post-meta span+span::before{content:"";position:absolute;left:-10px;top:50%;width:4px;height:4px;background:var(--accent);border-radius:999px;transform:translateY(-50%)}.post-summary{max-width:760px;margin:26px 0 0;color:var(--ink-soft);font-size:clamp(19px, 2vw, 24px);line-height:1.45}.post-cover{margin:34px 0 42px;overflow:hidden;background:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.post-cover img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.prose{max-width:var(--content-width)}.post-content .prose{margin-top:38px}.prose>*:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--ink);line-height:1.08;letter-spacing:-0.035em}.prose h1{font-size:clamp(38px, 5vw, 60px)}.prose h2{margin-top:54px;font-size:clamp(30px, 4vw, 44px)}.prose h3{margin-top:38px;font-size:clamp(24px, 3vw, 32px)}.prose p,.prose li{color:#151923;font-size:clamp(18px, 1.7vw, 21px);line-height:1.7}.prose p{margin:0 0 26px}.prose strong{color:var(--ink);font-weight:700}.prose a{font-weight:800;text-decoration:underline;text-decoration-color:rgba(225,25,29,0.35);text-decoration-thickness:2px;text-underline-offset:4px}.prose ul,.prose ol{padding-left:1.25em;margin:0 0 30px}.prose li+li{margin-top:10px}.prose blockquote{margin:34px 0;padding:24px 28px;background:var(--surface);border-left:4px solid var(--accent);box-shadow:var(--shadow)}.prose blockquote p{margin:0;color:var(--ink);font-size:clamp(20px, 2vw, 15px);line-height:1.5}.prose code{padding:0.16em 0.36em;background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;color:var(--accent-dark);font-family:var(--font-mono);font-size:0.86em}.prose pre{overflow-x:auto;margin:34px 0;padding:22px;background:var(--code-bg);color:var(--code-ink);border-radius:var(--radius);box-shadow:var(--shadow)}.prose pre code{padding:0;background:transparent;border:0;color:inherit}.prose table{width:100%;margin:34px 0;border-collapse:collapse;background:var(--surface);box-shadow:var(--shadow)}.prose th,.prose td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left}.prose th{color:var(--ink);font-size:13px;letter-spacing:0.08em;text-transform:uppercase}.article-sidebar{position:sticky;top:118px;display:grid;gap:22px}.sidebar-block{padding:24px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow)}.sidebar-block h2{margin:0 0 18px;color:var(--ink);font-size:20px;line-height:1.1;letter-spacing:-0.03em}.latest-list{display:grid;gap:18px;margin:0;padding:0;list-style:none;counter-reset:latest}.latest-list li{position:relative;display:grid;gap:6px;padding-left:34px;counter-increment:latest}.latest-list li::before{content:counter(latest,decimal-leading-zero);position:absolute;left:0;top:1px;color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:900}.latest-list a{color:var(--ink);font-size:15px;font-weight:850;line-height:1.35}.latest-list a:hover{color:var(--accent)}.latest-list time{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{padding:6px 10px;background:var(--accent-soft);border:1px solid rgba(225,25,29,0.18);border-radius:999px;color:var(--accent-dark);font-size:12px;font-weight:850}.site-footer{background:var(--ink);color:rgba(255,255,255,0.74)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0}.footer-inner p{margin:0;font-size:14px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-logo,.footer-logo-placeholder{flex:0 0 auto;width:59px;height:59px}.footer-logo{object-fit:contain}.footer-logo-placeholder{display:grid;place-items:center;background:#ffffff;border-radius:5px}.footer-logo-placeholder .logo-mark-core{width:17px;height:17px;border-color:var(--ink);border-left-color:var(--accent);border-bottom-color:var(--accent)}.footer-logo-placeholder .logo-mark-core::before,.footer-logo-placeholder .logo-mark-core::after{background:var(--accent)}.footer-logo-placeholder .logo-mark-core::before{width:12px;left:2px;top:6px}.footer-logo-placeholder .logo-mark-core::after{height:12px;left:6px;top:2px}.footer-inner nav{display:flex;gap:16px}.footer-inner a{color:#ffffff;font-size:14px;font-weight:800}.footer-inner a:hover{color:#ffb3b5}@media (max-width: 920px){.top-strip-inner{justify-content:center}.top-strip-inner span:last-child{display:none}.header-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.site-nav{width:100%;overflow-x:auto;padding-bottom:2px}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.prose{max-width:none}}@media (max-width: 640px){body{font-size:16px;background-size:34px 34px}.site-shell{width:min(calc(100% - 28px), var(--max-width))}.brand-text small{display:none}.site-nav a{padding-inline:10px;font-size:13px}.page-hero h1,.post-hero h1{letter-spacing:-0.035em}.post-meta{display:grid;gap:8px}.post-meta span+span::before{display:none}.footer-inner{align-items:flex-start;flex-direction:column}}.prose .post-image{margin:42px 0}.prose .post-image img{width:100%;height:auto;max-height:720px;object-fit:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.prose .post-image figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.45;text-align:center}.prose .post-image-wide{width:min(100vw - 40px, 980px);max-width:none;margin-left:50%;transform:translateX(-50%)}.prose .post-image-wide img{max-height:none}.prose .post-image-contained img{width:auto;max-width:100%;max-height:620px;margin-inline:auto;padding:12px}@media (max-width: 640px){.prose .post-image{margin:30px 0}.prose .post-image img{border-radius:6px;max-height:none}.prose .post-image-wide{width:100%;margin-left:0;transform:none}.prose .post-image-contained img{width:100%;padding:8px}}.blog-language-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:clamp(28px, 5vw, 56px);width:min(100%, 1060px);max-width:none}.blog-column{min-width:0}.blog-column-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.blog-column-header span{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;background:var(--ink);color:#ffffff;border-bottom:3px solid var(--accent);border-radius:5px;font-size:12px;font-weight:900;letter-spacing:0.04em}.blog-column-header h2{margin:0;color:var(--ink);font-size:clamp(24px, 3vw, 34px);line-height:1.1;letter-spacing:-0.035em}.blog-post-list{display:grid;gap:22px;margin:0;padding:0;list-style:none}.blog-post-list li{padding-bottom:22px;border-bottom:1px solid var(--border)}.blog-post-list a{display:inline;color:var(--accent);font-size:clamp(20px, 2vw, 27px);font-weight:900;line-height:1.22;text-decoration:underline;text-decoration-color:rgba(225,25,29,0.25);text-decoration-thickness:2px;text-underline-offset:5px}.blog-post-list a:hover{color:var(--accent-dark)}.blog-post-list time{display:block;margin-top:10px;color:var(--muted);font-size:15px;font-weight:700}@media (max-width: 820px){.blog-language-grid{grid-template-columns:1fr}}:root{--page-readable-width: 980px}.page-hero-inner>.eyebrow,.page-hero-inner>h1,.page-hero-inner>p{max-width:var(--page-readable-width)}.page-content{width:min(calc(100% - 40px), var(--max-width));max-width:var(--max-width)}.page-content.prose{max-width:none}.page-content.prose>*{max-width:var(--page-readable-width)}.page-content.prose>h1,.page-content.prose>h2,.page-content.prose>h3,.page-content.prose>h4,.page-content.prose>p,.page-content.prose>ul,.page-content.prose>ol,.page-content.prose>blockquote,.page-content.prose>table,.page-content.prose>pre{margin-left:0;margin-right:0}.prose ul,.prose ol{padding-left:2.2rem;margin-left:0}.prose li{padding-left:0.35rem}.prose li::marker{color:var(--accent);font-weight:900}.blog-language-view{width:min(100%, 980px)}.blog-language-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid var(--border)}.blog-language-toolbar span{color:var(--ink);font-size:18px;font-weight:850}.blog-language-switch{display:inline-flex;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.blog-language-switch button{border:0;padding:10px 16px;background:transparent;color:var(--muted);border-radius:5px;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.blog-language-switch button[aria-selected="true"]{background:var(--ink);color:#ffffff}.blog-language-panel[hidden]{display:none}@media (max-width: 640px){.blog-language-toolbar{align-items:flex-start;flex-direction:column}.blog-language-switch{width:100%}.blog-language-switch button{flex:1}}.blog-language-toolbar{display:inline-flex;align-items:center;gap:14px;margin-bottom:46px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;box-shadow:var(--shadow)}.blog-language-toolbar span{color:var(--ink);font-size:14px;font-weight:900;letter-spacing:0.08em;text-transform:uppercase}.blog-language-switch{display:inline-flex;gap:4px;padding:4px;background:var(--surface-muted);border:1px solid var(--border);border-radius:7px}.blog-language-switch button{min-width:88px;border:0;padding:9px 14px;background:transparent;color:var(--muted);border-radius:5px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:background 160ms ease, color 160ms ease, transform 160ms ease}.blog-language-switch button:hover{color:var(--ink)}.blog-language-switch button[aria-selected="true"]{background:var(--ink);color:#ffffff;box-shadow:0 8px 20px rgba(9,11,15,0.16)}.blog-language-switch button[aria-selected="true"]:hover{color:#ffffff}.blog-language-switch button:active{transform:translateY(1px)}.blog-language-panel{margin-top:4px}@media (max-width: 640px){.blog-language-toolbar{display:flex;align-items:stretch;flex-direction:column;width:100%;margin-bottom:34px}.blog-language-switch{width:100%}.blog-language-switch button{flex:1;min-width:0}}