.network-backdrop{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
body{isolation:isolate}
.site-header,main,footer{position:relative}
.hero.hero{background:transparent}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 32%,rgba(56,232,160,.06),transparent 65%)}
.hero h1,.hero .lede,.hero .eyebrow{position:relative}
.index-grid,.site-header,footer,.article-shell{background:transparent}
:root{--muted:#acb9c2}
html[data-theme=light]{--muted:#465761}
.hero h1 em,.hero .lede,.post-card p,.meta,.filter,.section-title>span,.site-header nav,footer{color:var(--muted)}
.filter.active,.filter:hover{color:var(--accent)}
.hero h1,.hero .lede,.hero .eyebrow,.signal,.brand,.site-header nav,.post-card,.section-title,.filter,.search label,footer,.article-head,.prose{ text-shadow:0 0 3px var(--bg),0 0 9px var(--bg),0 1px 2px var(--bg)}
.hero h1{color:var(--text)}
.hero .lede,.post-card p{font-weight:500}
.post-card{transition:border-color .2s ease}
.post-card:hover,.post-card:focus-within{border-bottom-color:var(--accent)}
.post-card h3 a:hover,.post-card h3 a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.post-card .read{display:inline-flex;align-items:center;gap:12px;padding:10px 0;color:var(--accent)}
.post-card .read:hover,.post-card .read:focus-visible{text-decoration:underline;text-underline-offset:4px}
.network-control{position:fixed;right:18px;bottom:16px;z-index:30;padding:10px 12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:10px monospace;letter-spacing:.06em;cursor:pointer;border-radius:4px}
.network-control:hover,.network-control:focus-visible{border-color:var(--accent);color:var(--accent)}
@media(max-width:700px){.network-backdrop{opacity:.65}.network-control{font-size:9px;right:10px;bottom:10px}.hero{background:radial-gradient(ellipse at center,var(--bg),transparent 150%)}footer{padding-bottom:64px}}