/* Cyberdelia 2026 modernization layer
   American cyber-technology publication; Japanese interface discipline; controlled cyberpunk voltage. */
:root{
  --c-bg:#030503;--c-surface:#070b08;--c-surface-2:#0b110d;--c-panel:#080d0a;
  --c-ink:#eef3ea;--c-muted:#a7b2a7;--c-dim:#758176;--c-line:rgba(181,255,62,.18);
  --c-line-strong:rgba(181,255,62,.42);--c-green:#b5ff3e;--c-cyan:#45e5e8;
  --c-amber:#ffb72e;--c-magenta:#ff4fc8;--c-max:1480px;--c-gap:12px;
}
html{background:var(--c-bg);color-scheme:dark}
body{
  background:
    linear-gradient(rgba(181,255,62,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(181,255,62,.018) 1px,transparent 1px),
    radial-gradient(circle at 76% 4%,rgba(69,229,232,.055),transparent 30rem),
    var(--c-bg)!important;
  background-size:48px 48px,48px 48px,auto,auto;
  color:var(--c-ink);font-family:Inter,"Arial Narrow",Arial,sans-serif;
  line-height:1.55;letter-spacing:.002em
}
body:before{opacity:.18!important;mix-blend-mode:screen}
.shell{width:min(calc(100% - 28px),var(--c-max))!important}
::selection{background:var(--c-green);color:#020302}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--c-green)!important}

.site-header{
  position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--c-line-strong)!important;
  background:rgba(3,5,3,.95)!important;backdrop-filter:blur(16px)
}
.cyber-masthead{display:grid;grid-template-columns:minmax(270px,1fr) auto;gap:16px;align-items:center;padding:12px 0 10px}
.cyber-brand{display:flex;align-items:center;gap:15px;min-width:0;text-decoration:none}
.cyber-brand img{display:block;width:clamp(58px,6vw,88px);height:clamp(58px,6vw,88px);object-fit:contain;filter:drop-shadow(0 0 12px rgba(181,255,62,.24))}
.cyber-brand-copy{min-width:0;display:grid;gap:4px}
.cyber-brand-copy strong{font-family:"Arial Narrow",Inter,sans-serif;font-size:clamp(1.25rem,2.7vw,2.45rem);line-height:.92;letter-spacing:.035em;color:var(--c-green);white-space:nowrap}
.cyber-brand-copy small{font:700 clamp(.64rem,.85vw,.78rem)/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:var(--c-muted);text-transform:uppercase}
.cyber-status{display:grid;grid-template-columns:auto auto;gap:3px 18px;padding:9px 12px;border-left:1px solid var(--c-line);font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.cyber-status span{color:var(--c-dim)}.cyber-status b{color:var(--c-green);font-weight:700}
.cyber-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-top:1px solid var(--c-line);border-left:1px solid var(--c-line)}
.cyber-nav a{display:grid;place-items:center;min-height:42px;padding:8px;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);color:var(--c-muted);font:800 .69rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.cyber-nav a:hover,.cyber-nav a[aria-current="page"]{background:rgba(181,255,62,.08);color:var(--c-green);box-shadow:inset 0 -2px var(--c-green)}

main{overflow:clip}
.hero,.page-hero,.support-hero{border-bottom:1px solid var(--c-line)!important}
.hero-grid{min-height:auto!important;grid-template-columns:minmax(0,1.15fr) minmax(330px,.55fr)!important;gap:var(--c-gap)!important;padding-block:clamp(3rem,6vw,6rem)!important}
.hero h1,.page-hero h1,.support-hero h1{font-family:"Arial Narrow",Inter,sans-serif;letter-spacing:-.045em!important}
.hero h1 span,.support-hero h1 span{color:var(--c-green)!important;-webkit-text-stroke:0!important;text-shadow:0 0 28px rgba(181,255,62,.18)!important}
.eyebrow{color:var(--c-green)!important;letter-spacing:.13em!important}
.signal-dot{background:var(--c-green)!important;box-shadow:0 0 14px rgba(181,255,62,.65)!important}
.terminal-card,.funding-panel{border-radius:0!important;border-color:var(--c-line-strong)!important;clip-path:none!important;background:rgba(4,9,5,.91)!important}
.button{border-radius:0!important;clip-path:none!important;border-color:var(--c-line-strong)!important;background:rgba(181,255,62,.025)!important}
.button:hover,.button.primary{color:#061004!important;background:var(--c-green)!important;border-color:var(--c-green)!important;box-shadow:0 0 22px rgba(181,255,62,.14)!important}
.signal-strip{background:#050905!important;border-color:var(--c-line)!important}
.signal-row strong{color:var(--c-green)!important}

.section{padding-block:clamp(3rem,5vw,5.5rem)!important;border-color:var(--c-line)!important}
.section-head{margin-bottom:1.5rem!important}
.section-head h2,.lab-grid h2,.origin-grid h2,.channel-article h2,.prose-card h2,.crew-profile h2{font-family:"Arial Narrow",Inter,sans-serif;letter-spacing:-.025em!important}
.home-story-grid,.visual-card-grid,.dispatch-grid,.giving-grid,.ops-grid,.archive-grid{
  gap:var(--c-gap)!important
}
.home-story-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.home-story-card,.visual-card,.dispatch-card,.giving-card,.ops-card,.archive-card,.support-card,.channel-article,.prose-card{
  border-radius:0!important;clip-path:none!important;border:1px solid var(--c-line)!important;
  background:linear-gradient(180deg,rgba(10,16,11,.96),rgba(4,8,5,.98))!important;
  box-shadow:none!important;transition:border-color .16s ease,transform .16s ease,background .16s ease
}
.home-story-card:hover,.visual-card:hover,.dispatch-card:hover,.giving-card:hover,.ops-card:hover{
  transform:translateY(-2px)!important;border-color:var(--c-line-strong)!important;background:#0a110b!important
}
.home-story-card{display:grid!important;grid-template-rows:auto 1fr!important;min-width:0!important}
.home-story-card img,.visual-card img{display:block;width:100%!important;aspect-ratio:16/10!important;height:auto!important;object-fit:cover!important;filter:saturate(.82) contrast(1.05)}
.home-story-copy{display:flex!important;flex-direction:column!important;min-width:0!important;padding:15px!important}
.home-story-copy span,.visual-card span,.dispatch-card span{color:var(--c-green)!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important}
.home-story-copy h3{font-family:"Arial Narrow",Inter,sans-serif!important;font-size:clamp(1.08rem,1.35vw,1.45rem)!important;line-height:1.08!important;overflow-wrap:normal!important;word-break:normal!important}
.home-story-copy p{color:var(--c-muted)!important;font-size:.88rem!important;line-height:1.48!important}
.home-story-copy b{margin-top:auto!important;padding-top:14px;color:var(--c-green)!important}
.media-credit{color:var(--c-dim)!important}
.dispatch-card{min-height:230px!important}.dispatch-card:before{display:none!important}
.visual-card{grid-template-rows:auto 1fr!important}
.giving-card{border-top:2px solid var(--c-amber)!important}

.article-shell,.prose-column{max-width:78ch!important}
.article-body,.article-copy,.prose-card p{font-size:clamp(1rem,1.2vw,1.12rem)!important;line-height:1.75!important}
.article-source-hero,.article-source-hero img{border-radius:0!important}
code,pre,kbd,samp,.terminal-card{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

.site-footer{border-top:1px solid var(--c-line-strong);background:#020402!important}
.footer-grid{grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr) auto!important}
.footer-links{gap:.55rem 1.1rem!important}.footer-links a:hover{color:var(--c-green)!important}

@media(max-width:1180px){
  .home-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cyber-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  .cyber-masthead{grid-template-columns:1fr}.cyber-status{display:none}
  .cyber-brand-copy strong{white-space:normal}
  .home-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .shell{width:min(calc(100% - 16px),var(--c-max))!important}
  .cyber-masthead{padding:8px 0}.cyber-brand{gap:9px}
  .cyber-brand img{width:54px;height:54px}
  .cyber-brand-copy strong{font-size:1.18rem}.cyber-brand-copy small{font-size:.57rem;letter-spacing:.08em}
  .cyber-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity}
  .cyber-nav a{min-width:104px;scroll-snap-align:start}
  .home-story-grid,.visual-card-grid,.dispatch-grid,.giving-grid,.ops-grid{grid-template-columns:1fr!important}
  .home-story-card{grid-template-columns:42% 1fr!important;grid-template-rows:1fr!important}
  .home-story-card img{height:100%!important;aspect-ratio:auto!important}
  .home-story-copy{padding:12px!important}.home-story-copy p{font-size:.82rem!important}
  .section{padding-block:2.7rem!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Homepage operations rail and evidence bus, adapted from the approved reference. */
.cyber-home-layout{width:min(calc(100% - 28px),var(--c-max));margin:12px auto 0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--c-gap);align-items:start}
.cyber-home-layout>main{min-width:0;border-left:1px solid var(--c-line);border-right:1px solid var(--c-line)}
.cyber-home-layout>main .shell{width:min(calc(100% - 24px),var(--c-max))!important}
.cyber-ops-rail{position:sticky;top:150px;border:1px solid var(--c-line);background:rgba(4,9,5,.94);font:700 .68rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.cyber-ops-rail section{padding:14px;border-bottom:1px solid var(--c-line)}.cyber-ops-rail section:last-child{border-bottom:0}
.cyber-ops-rail p{margin:0 0 10px;color:var(--c-green);letter-spacing:.1em}.cyber-ops-rail strong{color:var(--c-muted)}
.cyber-ops-rail i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--c-green);box-shadow:0 0 10px var(--c-green)}
.cyber-ops-rail dl,.cyber-ops-rail ul,.cyber-ops-rail ol{margin:0;padding:0;list-style:none}
.cyber-ops-rail dl div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(181,255,62,.08)}
.cyber-ops-rail dt{color:var(--c-muted)}.cyber-ops-rail dd{margin:0;color:var(--c-cyan)}
.cyber-ops-rail li{position:relative;padding:6px 0 6px 17px;color:var(--c-muted);border-top:1px solid rgba(181,255,62,.08)}
.cyber-ops-rail li:before{content:"";position:absolute;left:1px;top:50%;width:8px;height:1px;background:var(--c-green)}
.cyber-evidence-strip{position:relative;width:min(calc(100% - 28px),var(--c-max));margin:12px auto;display:flex;overflow-x:auto;border:1px solid var(--c-line);background:#050905;font:800 .67rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.cyber-evidence-strip>*{padding:12px 16px;border-right:1px solid var(--c-line);white-space:nowrap}
.cyber-evidence-strip strong{color:var(--c-green)}.cyber-evidence-strip span{color:var(--c-muted)}
.cyber-home-layout .hero{margin-top:0}.cyber-home-layout .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.54fr)!important}
@media(max-width:1100px){.cyber-home-layout{grid-template-columns:1fr}.cyber-ops-rail{position:relative;top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cyber-ops-rail section{border-right:1px solid var(--c-line);border-bottom:0}}
@media(max-width:760px){.cyber-home-layout{width:min(calc(100% - 16px),var(--c-max));margin-top:8px}.cyber-ops-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.cyber-ops-rail section{border-bottom:1px solid var(--c-line)}.cyber-home-layout>main .shell{width:min(calc(100% - 16px),var(--c-max))!important}.cyber-evidence-strip{width:min(calc(100% - 16px),var(--c-max))}}

/* 2026-09-02 correction: one logo authority, full-width publication, no decorative dead rail. */
.cyber-home-layout{display:block!important;width:auto!important;margin:0!important}
.cyber-ops-rail,.cyber-evidence-strip{display:none!important}
.cyber-home-layout>main{border:0!important}
.cyber-home-layout>main .shell{width:min(calc(100% - 28px),var(--c-max))!important}

.site-header .header-inner.cyber-masthead{
  min-height:auto!important;display:grid!important;
  grid-template-columns:78px minmax(260px,max-content) minmax(0,1fr)!important;
  grid-template-areas:"logo title nav"!important;
  gap:14px!important;align-items:center!important;padding:10px 0!important
}
.site-header .masthead-logo-static{
  grid-area:logo!important;position:static!important;inset:auto!important;
  display:grid!important;place-items:center!important;width:78px!important;height:78px!important;
  margin:0!important;padding:0!important;border:0!important;background:none!important;transform:none!important
}
.site-header .masthead-logo-static img{
  display:block!important;width:78px!important;height:78px!important;object-fit:contain!important;
  filter:drop-shadow(0 0 11px rgba(181,255,62,.22))!important
}
.site-header .cyber-brand-copy{grid-area:title!important;display:grid!important;gap:4px!important;min-width:0!important}
.site-header .cyber-brand-copy strong{
  color:var(--c-green)!important;font-family:"Arial Narrow",Inter,sans-serif!important;
  font-size:clamp(1.15rem,1.7vw,1.7rem)!important;line-height:.95!important;
  letter-spacing:.04em!important;white-space:nowrap!important
}
.site-header .cyber-brand-copy small{
  color:var(--c-muted)!important;font:700 .62rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;white-space:normal!important
}
.site-header .nav.cyber-nav{
  grid-area:nav!important;display:flex!important;border:0!important;justify-content:flex-end!important;
  gap:0!important;overflow-x:auto!important;padding:0!important
}
.site-header .nav.cyber-nav a{
  min-height:38px!important;padding:10px 11px!important;border:0!important;border-left:1px solid var(--c-line)!important;
  background:transparent!important
}
.site-header .nav.cyber-nav a:hover,.site-header .nav.cyber-nav a[aria-current="page"]{
  color:var(--c-green)!important;background:rgba(181,255,62,.055)!important;box-shadow:inset 0 -2px var(--c-green)!important
}
.site-header .nav.cyber-nav a.nav-support{color:var(--c-amber)!important}
.site-header::after{display:none!important}
@media(max-width:1040px){
  .site-header .header-inner.cyber-masthead{
    grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-areas:"logo title" "nav nav"!important
  }
  .site-header .masthead-logo-static,.site-header .masthead-logo-static img{width:64px!important;height:64px!important}
  .site-header .nav.cyber-nav{justify-content:flex-start!important;border-top:1px solid var(--c-line)!important}
  .site-header .nav.cyber-nav a:first-child{border-left:0!important}
}
@media(max-width:620px){
  .cyber-home-layout>main .shell{width:min(calc(100% - 16px),var(--c-max))!important}
  .site-header .header-inner.cyber-masthead{grid-template-columns:52px minmax(0,1fr)!important;gap:8px!important}
  .site-header .masthead-logo-static,.site-header .masthead-logo-static img{width:52px!important;height:52px!important}
  .site-header .cyber-brand-copy strong{font-size:1.02rem!important}
  .site-header .cyber-brand-copy small{font-size:.54rem!important}
  .site-header .nav.cyber-nav a{min-width:auto!important;padding:9px 10px!important}
}
