:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #0f1722;--ink-2: #4a5563;--line: #e2e6ec;--accent: #0a84c6;--accent-ink: #ffffff;--signal: #f59e0b;--hero-bg: #192BC2;--hero-ink: #e6edf5;--hero-dim: #dcecfd;--code-bg: #0f1722;--code-ink: #d7e2ee;--radius: 10px;--max: 760px;--wide: 1080px;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b1018;--surface: #111824;--ink: #e6edf5;--ink-2: #9aabbe;--line: #1f2a3a;--accent: #38bdf8;--accent-ink: #04121c;--hero-bg: #192BC2;--code-bg: #070b12;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 var(--sans)}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;border-radius:var(--radius)}.wrap{max-width:var(--wide);margin:0 auto;padding:0 16px}.narrow{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid rgba(255,255,255,.12)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.hts-badge{display:flex;align-items:center;background:#fff;border-radius:8px;padding:6px 10px;box-shadow:0 1px 3px #00000040}.hts-badge img{display:block;height:44px;width:auto;border-radius:0}@media(max-width:480px){.hts-badge img{height:34px}.logo{font-size:14px}.site-header .wrap{padding-top:10px;padding-bottom:12px;row-gap:10px}}.logo{font:600 17px/1 var(--mono);color:var(--hero-ink);text-decoration:none;letter-spacing:-.02em}.logo .p{color:#bfe6ff}.logo .cur{display:inline-block;width:9px;height:17px;background:#bfe6ff;vertical-align:-3px;margin-left:3px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.logo .cur{animation:none}}.nav{display:flex;gap:20px;font:500 14px/1 var(--mono)}.nav a{color:var(--hero-dim);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--hero-ink)}.hero{background:var(--hero-bg);color:var(--hero-ink);padding:56px 0 64px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:0}}.eyebrow{font:500 13px/1 var(--mono);color:#bfe6ff;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px}.hero h1{font-size:clamp(30px,5vw,48px);line-height:1.12;margin:0 0 16px;letter-spacing:-.02em;max-width:18ch}.hero p{color:var(--hero-dim);font-size:18px;max-width:56ch;margin:0}.posts{display:grid;gap:16px;padding:40px 0 64px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;transition:border-color .15s,transform .15s;position:relative}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card h2{font-size:22px;line-height:1.3;margin:6px 0 8px;letter-spacing:-.01em}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:after{content:"";position:absolute;inset:0}.card p{margin:0;color:var(--ink-2);font-size:16px}.meta{font:13px/1.4 var(--mono);color:var(--ink-2);display:flex;gap:14px;flex-wrap:wrap;align-items:center}.tags{display:flex;gap:6px;flex-wrap:wrap;position:relative;z-index:1}.tag{font:12px/1 var(--mono);padding:5px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);text-decoration:none}.tag:hover{border-color:var(--accent);color:var(--accent)}.card .tags{margin-top:14px}.section-title{font:600 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);margin:40px 0 0}.article-head{background:var(--hero-bg);color:var(--hero-ink);padding:48px 0 40px}.article-head h1{font-size:clamp(28px,4.5vw,42px);line-height:1.15;margin:10px 0 14px;letter-spacing:-.02em}.article-head .meta{color:var(--hero-dim)}.article-head .tag{border-color:#ffffff47;color:var(--hero-dim)}.article-head .tag:hover{border-color:#bfe6ff;color:#fff}.prose{padding:40px 16px 24px}.prose h2{font-size:26px;line-height:1.25;margin:2em 0 .5em;letter-spacing:-.01em}.prose h3{font-size:20px;line-height:1.3;margin:1.8em 0 .4em}.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose blockquote{margin:1.5em 0;padding:4px 20px;border-left:3px solid var(--accent);color:var(--ink-2)}.prose code{font:.88em var(--mono);background:var(--line);padding:2px 5px;border-radius:4px}.prose pre{background:var(--code-bg);color:var(--code-ink);padding:18px;border-radius:var(--radius);overflow-x:auto}.prose pre code{background:none;padding:0;color:inherit}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}.prose li{margin:.3em 0}.post-cta{margin:16px auto 64px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:22px 24px}.post-cta h3{margin:0 0 6px;font-size:18px}.post-cta p{margin:0;color:var(--ink-2);font-size:16px}.post-nav{display:flex;justify-content:space-between;gap:16px;padding-bottom:48px;font-size:15px}.post-nav a{text-decoration:none;max-width:48%}.post-nav small{display:block;font:12px var(--mono);color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.site-footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:14px;color:var(--ink-2)}.site-footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--ink-2)}.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;padding:10px 18px;border-radius:8px}