:root{--bg: #0e1113;--surface: #161a1d;--surface-2: #1d2226;--line: #2a3035;--text: #e9edf0;--muted: #9aa5ae;--accent: #c8ff3c;--accent-ink: #0e1113;--radius: 14px;--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--font-body)}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-head);line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.label,.eyebrow{font:600 12px/1 var(--font-head);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 14px}.site-header{position:sticky;top:0;z-index:10;background:#0e1113e0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink)}.brand-name{font:500 18px/1 var(--font-head);letter-spacing:-.01em;margin:0}.brand-name b{color:var(--accent);font-weight:700}.nav{display:flex;gap:22px;font-size:15px}.nav a{text-decoration:none;color:var(--muted)}.nav a:hover{color:var(--text)}.hero{padding:72px 0 48px;background:radial-gradient(600px 300px at 10% 0%,rgba(200,255,60,.1),transparent 70%)}.hero h1{font-size:clamp(36px,6vw,64px);max-width:14ch}.hero-small{padding:56px 0 28px}.hero-small h1{font-size:clamp(30px,5vw,46px);max-width:22ch}.lede{font-size:19px;color:var(--muted);max-width:60ch}.lede a{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chip{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;text-decoration:none;background:var(--surface)}.chip:hover{border-color:var(--accent);color:var(--accent)}.section-title{font-size:22px;margin:24px 0 22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-bottom:72px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.card:hover{border-color:#c8ff3c80;transform:translateY(-2px)}.card-media img,.placeholder{aspect-ratio:16 / 9;width:100%;object-fit:cover}.placeholder{display:grid;place-items:center;color:var(--accent);background:repeating-linear-gradient(135deg,var(--surface-2) 0 14px,var(--surface) 14px 28px)}.card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.card h3{font-size:21px;overflow-wrap:anywhere}.card h3 a{text-decoration:none}.card .muted{font-size:15px;margin:0 0 16px}.meta{font-size:13px;color:var(--muted);margin:auto 0 0}.tag{align-self:flex-start;font:600 12px/1 var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-decoration:none;margin-bottom:12px}.post-head{padding-top:56px;max-width:860px;margin-left:0}.post-head h1{font-size:clamp(32px,5vw,52px);overflow-wrap:anywhere}.post-head .meta{margin-top:18px}.post-hero{margin:36px auto 0}.post-hero img{border-radius:var(--radius);width:100%}.post-layout{display:grid;grid-template-columns:minmax(0,720px) 240px;justify-content:space-between;gap:48px;padding-top:40px;padding-bottom:56px}.toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:10px;font-size:14px;border-left:1px solid var(--line);padding-left:18px}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--accent)}.takeaways{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:20px 24px;margin-bottom:36px}.takeaways ul{margin:0;padding-left:20px}.takeaways li+li{margin-top:6px}.prose h2{font-size:28px;margin-top:1.8em;scroll-margin-top:90px}.prose h3{font-size:21px;margin-top:1.5em}.prose a{color:var(--accent);font-weight:600;text-decoration-thickness:2px;text-underline-offset:4px;background:#c8ff3c14;border-radius:3px;padding:0 2px}.prose a:hover{background:#c8ff3c33}.prose img{border-radius:10px;margin:28px 0}.prose blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--muted);font-size:19px}.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:24px 0;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.prose th{font-family:var(--font-head);color:var(--accent)}.prose code{background:var(--surface-2);padding:2px 6px;border-radius:5px;font-size:.9em}.prose-page{max-width:760px;margin-left:0;padding-bottom:72px}.related{border-top:1px solid var(--line);padding-top:24px}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:48px 0 24px;font-size:15px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-inner .brand-name{margin-bottom:12px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent)}.copyright{margin-top:36px;font-size:13px}@media(max-width:900px){.post-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}}@media(max-width:700px){.nav a:not(:last-child){display:none}.brand-name{font-size:16px}.grid{grid-template-columns:minmax(0,1fr)}.footer-inner{grid-template-columns:1fr}.hero{padding:48px 0 32px}}
