/* SC LABS shared visual shell — 2026-09-10
   Purpose: make distinct SC LABS page families feel like one site without flattening their identity. */
:root{--sc-shell-bg:#040712;--sc-shell-line:rgba(100,184,238,.10);--sc-shell-cyan:rgba(92,221,255,.78);--sc-shell-blue:rgba(77,168,255,.62);--sc-shell-violet:rgba(154,124,255,.48)}
html{background:var(--sc-shell-bg)}
body{overflow-x:hidden}

/* Shared atmosphere for page families that do not already own a particle scene. */
body:not(.site-home):not(.auron-page):not(.sc-node-page)::before{
  content:"";position:fixed;inset:-4vh -4vw;z-index:0;pointer-events:none;opacity:.72;
  background:
    radial-gradient(circle at 5% 16%,var(--sc-shell-cyan) 0 1.4px,rgba(92,221,255,.17) 2px,transparent 5px),
    radial-gradient(circle at 16% 68%,var(--sc-shell-blue) 0 1.2px,rgba(77,168,255,.14) 2px,transparent 5px),
    radial-gradient(circle at 31% 28%,rgba(113,207,255,.55) 0 1px,transparent 4px),
    radial-gradient(circle at 48% 84%,rgba(80,217,232,.55) 0 1.3px,transparent 5px),
    radial-gradient(circle at 64% 18%,rgba(139,184,255,.55) 0 1px,transparent 4px),
    radial-gradient(circle at 76% 62%,var(--sc-shell-violet) 0 1.2px,transparent 5px),
    radial-gradient(circle at 91% 24%,var(--sc-shell-cyan) 0 1.2px,rgba(92,221,255,.12) 2px,transparent 5px),
    radial-gradient(circle at 95% 78%,rgba(77,168,255,.5) 0 1px,transparent 4px),
    radial-gradient(circle at 20% 8%,rgba(45,113,190,.13),transparent 26%),
    radial-gradient(circle at 83% 34%,rgba(147,124,255,.07),transparent 24%);
  animation:sc-shell-drift 22s ease-in-out infinite alternate;
}
body:not(.site-home):not(.auron-page):not(.sc-node-page)>main,body:not(.site-home):not(.auron-page):not(.sc-node-page)>footer,body:not(.site-home):not(.auron-page):not(.sc-node-page)>section,body:not(.site-home):not(.auron-page):not(.sc-node-page)>.skip-link{position:relative;z-index:1}

/* ARKTOR and SC Node already own background systems; add only the small shared signals. */
body.auron-page::after,body.sc-node-page::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.58;
  background:
    radial-gradient(circle at 7% 20%,var(--sc-shell-cyan) 0 1.2px,transparent 4px),
    radial-gradient(circle at 19% 74%,rgba(77,168,255,.55) 0 1px,transparent 4px),
    radial-gradient(circle at 37% 12%,rgba(113,207,255,.5) 0 1px,transparent 4px),
    radial-gradient(circle at 58% 82%,rgba(80,217,232,.48) 0 1px,transparent 4px),
    radial-gradient(circle at 73% 26%,rgba(154,124,255,.45) 0 1.2px,transparent 4px),
    radial-gradient(circle at 92% 66%,var(--sc-shell-cyan) 0 1.2px,transparent 4px);
  animation:sc-shell-drift-small 24s ease-in-out infinite alternate;
}
body.auron-page main,body.sc-node-page main,body.sc-node-page footer{position:relative;z-index:1}
body.auron-page .auron-nav,body.sc-node-page .node-nav{z-index:1000}

/* One navigation rhythm across the simpler page families. */
.journal-nav,.tool-nav,.product-nav{
  position:sticky;top:0;z-index:1000;max-width:none;width:100%;height:72px;
  padding-left:max(24px,calc((100vw - 1392px)/2));padding-right:max(24px,calc((100vw - 1392px)/2));
  background:rgba(4,8,18,.82);-webkit-backdrop-filter:blur(20px) saturate(118%);backdrop-filter:blur(20px) saturate(118%);
  border-bottom:1px solid rgba(115,207,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.10)
}

/* Shared depth without overriding each page family's cards or typography. */
.journal-card,.hub-card,.product-hero,.panel,.form-panel,.result-panel,.explainer article,.learn-more a{
  box-shadow:0 24px 72px rgba(0,0,0,.16),inset 0 1px 0 rgba(150,220,255,.025)
}

@keyframes sc-shell-drift{from{transform:translate3d(-7px,5px,0) scale(1)}to{transform:translate3d(11px,-9px,0) scale(1.015)}}
@keyframes sc-shell-drift-small{from{transform:translate3d(-5px,4px,0)}to{transform:translate3d(8px,-7px,0)}}
@media(max-width:720px){
  body:not(.site-home):not(.auron-page):not(.sc-node-page)::before{opacity:.48;animation-duration:28s}
  body.auron-page::after,body.sc-node-page::after{opacity:.40}
  .journal-nav,.tool-nav,.product-nav{height:64px;padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){body:not(.site-home):not(.auron-page):not(.sc-node-page)::before,body.auron-page::after,body.sc-node-page::after{animation:none}}