/* Transference Science Premium v0.2.3 — flagship hero rendering correction */

.science-site{
  --s-bg:#020b14;--s-bg2:#041423;--s-panel:#071b2b;--s-panel2:#08263b;
  --s-text:#f4fbff;--s-heading:#ffffff;--s-muted:#9db7c7;--s-soft:#6f90a4;
  --s-cyan:#22e9ed;--s-cyan2:#91fbff;--s-blue:#3d92ff;--s-amber:#ffb857;
  --s-line:rgba(98,213,238,.22);--s-line2:rgba(98,213,238,.42);
  --s-header:rgba(2,10,18,.88);--s-btnbg:rgba(4,24,39,.72);--s-btntext:#fff;
  --s-mainbg:linear-gradient(180deg,#020b14 0%,#03111e 50%,#020b14 100%);
  --s-mainradial:radial-gradient(circle at 82% 3%,rgba(0,214,238,.10),transparent 23%);
  --s-hero-left1:#020b14;--s-hero-left2:rgba(2,11,20,.97);--s-hero-left3:rgba(2,11,20,.48);--s-hero-left4:rgba(2,11,20,.10);
  --s-sub-left1:#020b14;--s-sub-left2:rgba(2,11,20,.98);--s-sub-left3:rgba(2,11,20,.52);--s-sub-left4:rgba(2,11,20,.09);
  color-scheme:dark;background:var(--s-bg);color:var(--s-text)
}
html[data-theme="light"] .science-site{
  --s-bg:#edf6f9;--s-bg2:#f7fbfc;--s-panel:#ffffff;--s-panel2:#eef6f8;
  --s-text:#173042;--s-heading:#061a29;--s-muted:#526d7e;--s-soft:#708896;
  --s-cyan:#008d88;--s-cyan2:#006f6b;--s-blue:#126dca;--s-amber:#c88928;
  --s-line:rgba(21,86,108,.18);--s-line2:rgba(21,86,108,.34);
  --s-header:rgba(248,252,253,.88);--s-btnbg:rgba(255,255,255,.84);--s-btntext:#173042;
  --s-mainbg:linear-gradient(180deg,#f7fbfc 0%,#eef6f8 50%,#edf6f9 100%);
  --s-mainradial:radial-gradient(circle at 82% 3%,rgba(0,141,136,.08),transparent 23%);
  --s-hero-left1:#f7fbfc;--s-hero-left2:rgba(247,251,252,.96);--s-hero-left3:rgba(247,251,252,.68);--s-hero-left4:rgba(247,251,252,.20);
  --s-sub-left1:#f7fbfc;--s-sub-left2:rgba(247,251,252,.96);--s-sub-left3:rgba(247,251,252,.66);--s-sub-left4:rgba(247,251,252,.16);
  color-scheme:light;background:var(--s-bg);color:var(--s-text)
}
.science-site header.science-header{background:var(--s-header);border-bottom:1px solid var(--s-line);backdrop-filter:blur(22px)}
.science-site .brand{color:var(--s-heading)}.science-site .navlinks{color:var(--s-muted)}.science-site .navlinks a:hover{color:var(--s-cyan2)}
.science-site .navcta,.science-site .theme-toggle,.science-site .btn{border-color:var(--s-line2);background:var(--s-btnbg);color:var(--s-btntext)}
.science-site .btn.primary{background:linear-gradient(135deg,#31f3ed,#13bfd8);color:#00161b;border:0;font-weight:850}
.science-site .btn.ghost{background:rgba(3,18,31,.62);backdrop-filter:blur(12px)}
.science-site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;white-space:normal;text-align:center}
.science-site .science-main{overflow:hidden;background:var(--s-mainradial),var(--s-mainbg)}
.science-site .eyebrow,.science-site .card-kicker{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--s-cyan2);font-weight:850}
.science-site .science-menu-toggle{display:none;background:transparent;border:0;padding:8px}
.science-site .science-menu-toggle span{display:block;width:24px;height:2px;background:#dffaff;margin:5px 0;border-radius:5px}
.science-site .science-footer{background:color-mix(in srgb,var(--s-bg) 96%, transparent);border-top:1px solid var(--s-line);color:var(--s-muted)}
.science-site .science-footer .note{color:#6f90a4}

.premium-hero{position:relative;min-height:760px;padding:150px 0 86px;border-top:0;overflow:hidden;background:var(--s-bg)}
.premium-hero-art{position:absolute;inset:-1.5%;
  background-image:
    linear-gradient(90deg,var(--s-hero-left1) 0%,var(--s-hero-left2) 31%,var(--s-hero-left3) 54%,var(--s-hero-left4) 73%,rgba(2,11,20,.02) 100%),
    url('/static/science-v021/science-hero.jpg');
  background-position:center,right center;
  background-size:100% 100%,72% 100%;
  background-repeat:no-repeat;
  filter:saturate(1.12) contrast(1.05);transform:scale(1.02);transform-origin:center;animation:scienceHeroDrift 20s ease-in-out infinite alternate}
.premium-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 78% 42%,rgba(34,233,237,.15),transparent 25%),
  linear-gradient(180deg,transparent 72%,var(--s-bg) 100%)}
.premium-hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:525px}
.premium-hero-copy{max-width:650px}
.premium-hero h1,.premium-subhero h1{margin:18px 0 22px;color:var(--s-heading);letter-spacing:-.055em;line-height:.92;font-weight:850}
.premium-hero h1{font-size:clamp(3.8rem,6.1vw,6.65rem)}
.premium-hero h1 span,.premium-subhero h1 span{color:var(--s-cyan)}
.premium-hero .lead,.premium-subhero .lead{color:color-mix(in srgb,var(--s-text) 84%, var(--s-muted));font-size:clamp(1.02rem,1.45vw,1.21rem);line-height:1.62}
.premium-hero .lead{max-width:640px}
.premium-hero .ctas,.premium-subhero .ctas{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.hero-credo{margin:22px 0 0;color:color-mix(in srgb,var(--s-text) 84%, var(--s-muted))}.hero-credo strong{color:var(--s-cyan2)}
.science-site .research-note{border-left:2px solid var(--s-cyan);color:var(--s-muted);margin-top:20px;padding-left:15px;max-width:680px}

.premium-section{padding:92px 0;border-top:1px solid rgba(86,205,231,.13);background:transparent}
.premium-section--cards{padding-top:56px}
.section-kicker{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:end;margin-bottom:34px}
.section-kicker span{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--s-cyan2);font-weight:850}
.section-kicker h2{font-size:clamp(2.5rem,4.2vw,4.65rem);line-height:.96;letter-spacing:-.05em;margin:11px 0 0;color:var(--s-heading)}
.section-kicker p{margin:0;color:var(--s-muted);font-size:1.02rem}

.premium-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.premium-card{position:relative;min-height:315px;border:1px solid var(--s-line);border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--s-panel) 92%, transparent);isolation:isolate;box-shadow:0 22px 70px color-mix(in srgb,var(--s-bg) 58%, transparent);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.premium-card--third{grid-column:span 2}.premium-card--half{grid-column:span 3;min-height:300px}
.premium-card:before{content:"";position:absolute;inset:0;background-image:var(--card-img);background-size:cover;background-position:center;z-index:-2;transform:scale(1.01);transition:transform .55s ease,filter .55s ease;filter:saturate(1.08)}
.premium-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,12,22,.03) 20%,rgba(1,12,22,.60) 58%,rgba(1,10,18,.96) 100%);z-index:-1}
.premium-card-content{position:absolute;left:24px;right:24px;bottom:22px}
.premium-card h3{color:var(--s-heading);margin:8px 0 8px;font-size:1.55rem;line-height:1}
.premium-card p{color:color-mix(in srgb,var(--s-text) 78%, var(--s-muted));margin:0;max-width:480px;font-size:.92rem;line-height:1.5}
.premium-card i{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--s-cyan);border-radius:50%;margin-top:16px;color:var(--s-cyan2);font-style:normal}
.premium-card:hover{transform:translateY(-5px);border-color:rgba(71,243,245,.68);box-shadow:0 30px 90px color-mix(in srgb,var(--s-bg) 60%, transparent),0 0 36px color-mix(in srgb,var(--s-cyan) 18%, transparent)}
.premium-card:hover:before{transform:scale(1.055);filter:saturate(1.2) brightness(1.05)}

.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.metric-grid article,.feature-pair article,.protocol-grid article,.evidence-steps article,.swarm-role-grid article{
  background:linear-gradient(180deg,color-mix(in srgb,var(--s-panel2) 95%, transparent),color-mix(in srgb,var(--s-panel) 95%, transparent));border:1px solid var(--s-line);border-radius:18px;box-shadow:0 18px 55px color-mix(in srgb,var(--s-bg) 36%, transparent)
}
.metric-grid article{padding:24px;display:grid;grid-template-columns:44px 1fr;gap:15px}
.metric-grid b{width:42px;height:42px;border:1px solid var(--s-line2);border-radius:12px;display:grid;place-items:center;color:var(--s-cyan2)}
.metric-grid h3{color:var(--s-heading);margin:3px 0 8px}.metric-grid p{color:var(--s-muted);margin:0;font-size:.92rem}
.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-pair article{padding:30px;display:flex;flex-direction:column;align-items:flex-start;min-height:330px}
.feature-pair span{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--s-cyan2);font-weight:800}
.feature-pair h2{font-size:2.1rem;color:var(--s-heading);margin:12px 0 10px}.feature-pair p{color:var(--s-muted);margin:0 0 25px}.feature-pair .btn{margin-top:auto}

.premium-subhero{position:relative;min-height:610px;padding:145px 0 78px;border-top:0;background:var(--s-bg);overflow:hidden}
.premium-subhero:before{content:"";position:absolute;inset:-1.5%;
 background-image:linear-gradient(90deg,var(--s-sub-left1) 0%,var(--s-sub-left2) 37%,var(--s-sub-left3) 63%,var(--s-sub-left4) 100%),var(--hero-img);
 background-position:center,right center;background-size:100% 100%,66% 100%;background-repeat:no-repeat;
 filter:saturate(1.12) contrast(1.05);transform:scale(1.02);transform-origin:center;animation:scienceHeroDrift 18s ease-in-out infinite alternate}
.premium-subhero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,var(--s-bg) 100%);pointer-events:none}
.premium-subhero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:390px}
.premium-subhero-copy{max-width:710px}
.premium-subhero h1{font-size:clamp(3.3rem,5.7vw,6rem)}
.premium-subhero .lead{max-width:700px}

.branch-list{display:grid;gap:11px}
.branch-list article{display:grid;grid-template-columns:92px 1fr auto;gap:22px;align-items:center;padding:18px 20px;border:1px solid var(--s-line);background:color-mix(in srgb,var(--s-panel) 92%, transparent);border-radius:15px;transition:.22s}
.branch-list article:hover{border-color:var(--s-line2);transform:translateX(4px)}
.branch-code{font-size:.78rem;letter-spacing:.13em;color:var(--s-cyan2);font-weight:850}
.branch-list h3{margin:0 0 4px;color:var(--s-heading)}.branch-list p{margin:0;color:var(--s-muted);font-size:.93rem}.branch-list article>span{color:var(--s-soft);font-size:.82rem;text-align:right}
.science-site .science-rule{margin-top:28px;padding:18px 20px;border:1px solid var(--s-line);border-left:3px solid var(--s-cyan);border-radius:14px;background:color-mix(in srgb,var(--s-panel) 90%, transparent);color:var(--s-muted)}.science-rule strong{color:#e7fbff}

.paper-tools{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:24px}
.paper-tools label span{display:block;margin-bottom:8px;color:var(--s-muted);font-size:.82rem}.paper-tools input{background:#041726;border:1px solid var(--s-line);color:var(--s-heading);border-radius:13px;padding:13px 15px;min-width:320px}
.paper-filters{display:flex;gap:8px;flex-wrap:wrap}.paper-filters button{border:1px solid var(--s-line);background:color-mix(in srgb,var(--s-panel) 92%, transparent);color:var(--s-muted);padding:9px 12px;border-radius:999px;cursor:pointer}.paper-filters button.active,.paper-filters button:hover{color:#00161b;background:var(--s-cyan);border-color:var(--s-cyan)}
.paper-list{display:grid;gap:14px}.paper-row{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center;padding:18px;border:1px solid var(--s-line);border-radius:18px;background:color-mix(in srgb,var(--s-panel) 92%, transparent)}
.paper-row>img{width:180px;height:120px;object-fit:cover;border-radius:12px;border:1px solid rgba(83,220,244,.2)}.paper-row span{font-size:.73rem;text-transform:uppercase;letter-spacing:.15em;color:var(--s-cyan2);font-weight:800}.paper-row h3{margin:5px 0 7px;color:var(--s-heading)}.paper-row p{margin:0;color:var(--s-muted);font-size:.92rem}.paper-actions{display:flex;gap:8px}.paper-row[hidden]{display:none}

.protocol-grid,.swarm-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.protocol-grid article,.swarm-role-grid article{padding:24px;min-height:210px}.protocol-grid b,.swarm-role-grid b{font-size:.76rem;letter-spacing:.14em;color:var(--s-cyan2)}.protocol-grid h3,.swarm-role-grid h3{color:var(--s-heading);margin:15px 0 8px}.protocol-grid p,.swarm-role-grid p{color:var(--s-muted);margin:0}
.evidence-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.evidence-steps article{padding:22px;min-height:235px}.evidence-steps b{color:var(--s-cyan2);font-size:1.05rem}.evidence-steps h3{color:var(--s-heading);margin:14px 0 8px;font-size:1.05rem}.evidence-steps p{color:var(--s-muted);margin:0;font-size:.89rem}
.research-cycle{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:28px 0}.research-cycle span{padding:10px 13px;border:1px solid var(--s-line);border-radius:999px;background:color-mix(in srgb,var(--s-panel) 92%, transparent);color:color-mix(in srgb,var(--s-text) 82%, var(--s-muted));font-size:.84rem}.research-cycle i{color:var(--s-cyan);font-style:normal}

@media(max-width:1050px){
 .premium-card-grid{grid-template-columns:repeat(2,1fr)}.premium-card--third,.premium-card--half{grid-column:span 1}
 .metric-grid{grid-template-columns:repeat(2,1fr)}.evidence-steps{grid-template-columns:repeat(2,1fr)}
 .paper-row{grid-template-columns:140px 1fr}.paper-row>img{width:140px;height:100px}.paper-actions{grid-column:2}
}
@media(max-width:980px){
 .science-site .navlinks{display:none}.science-site .science-menu-toggle{display:block;margin-left:auto}
 .science-site .nav-actions{margin-left:0}.science-site .science-nav.open{display:flex;position:absolute;left:22px;right:22px;top:72px;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:color-mix(in srgb,var(--s-panel) 94%, transparent);border:1px solid var(--s-line);border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.5)}
 .science-site .science-nav.open a{padding:12px 13px;border-bottom:1px solid rgba(97,211,233,.1)}
 .section-kicker{grid-template-columns:1fr;gap:18px}.protocol-grid,.swarm-role-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .premium-hero{min-height:720px;padding-top:112px}.premium-hero-art{
   background-image:linear-gradient(180deg,rgba(2,11,20,.88) 0%,rgba(2,11,20,.66) 45%,rgba(2,11,20,.72) 100%),url('/static/science-v021/science-hero.jpg');
   background-position:center,70% center;background-size:100% 100%,cover;background-repeat:no-repeat}
 .premium-hero-inner{align-items:flex-end;min-height:540px}.premium-hero h1{font-size:clamp(3rem,14vw,4.55rem)}
 .premium-hero .ctas,.premium-subhero .ctas{display:grid;grid-template-columns:1fr;width:100%}.premium-hero .ctas .btn,.premium-subhero .ctas .btn{width:100%}
 .premium-card-grid{grid-template-columns:1fr}.premium-card{grid-column:span 1!important;min-height:310px}
 .metric-grid,.feature-pair,.protocol-grid,.swarm-role-grid,.evidence-steps{grid-template-columns:1fr}
 .premium-subhero{min-height:610px;padding-top:110px}.premium-subhero:before{background:
   linear-gradient(180deg,rgba(2,11,20,.93),rgba(2,11,20,.62) 48%,rgba(2,11,20,.80)),
   var(--hero-img) 70% center/cover no-repeat}.premium-subhero-inner{align-items:flex-end;min-height:430px}.premium-subhero h1{font-size:clamp(2.8rem,13vw,4.25rem)}
 .branch-list article{grid-template-columns:1fr;gap:8px}.branch-list article>span{text-align:left}
 .paper-tools{grid-template-columns:1fr}.paper-tools input{min-width:0;width:100%}.paper-row{grid-template-columns:1fr}.paper-row>img{width:100%;height:170px}.paper-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .science-site .wrap{width:min(100% - 24px,1240px)}.science-site .navcta{display:none}
 .premium-section{padding:72px 0}.premium-card-content{left:19px;right:19px;bottom:18px}.premium-card h3{font-size:1.35rem}
 .metric-grid article{grid-template-columns:40px 1fr;padding:20px}
}
@media(prefers-reduced-motion:reduce){.premium-card,.premium-card:before,.branch-list article{transition:none!important}}


html[data-theme="light"] .science-site .premium-card-overlay{background:linear-gradient(180deg,rgba(255,255,255,.00) 15%,rgba(13,32,46,.28) 46%,rgba(13,32,46,.82) 100%)}
html[data-theme="light"] .science-site .premium-card{border-color:var(--s-line2)}
html[data-theme="light"] .science-site .premium-card p,
html[data-theme="light"] .science-site .paper-row p,
html[data-theme="light"] .science-site .protocol-grid p,
html[data-theme="light"] .science-site .swarm-role-grid p,
html[data-theme="light"] .science-site .evidence-steps p,
html[data-theme="light"] .science-site .metric-grid p,
html[data-theme="light"] .science-site .feature-pair p{color:var(--s-muted)}
html[data-theme="light"] .science-site .premium-hero:after{background:radial-gradient(circle at 78% 42%,rgba(0,141,136,.12),transparent 25%),linear-gradient(180deg,transparent 72%,var(--s-bg) 100%)}
html[data-theme="light"] .science-site .premium-subhero:after{background:linear-gradient(180deg,transparent 72%,var(--s-bg) 100%)}


/* v0.2.2 — light mode legibility corrections. Image cards intentionally retain a dark glass overlay. */
html[data-theme="light"] .science-site .premium-card-overlay{
  background:linear-gradient(180deg,rgba(2,11,20,.06) 8%,rgba(2,11,20,.34) 43%,rgba(2,11,20,.88) 76%,rgba(2,11,20,.97) 100%);
}
html[data-theme="light"] .science-site .premium-card h3{color:#ffffff;text-shadow:0 2px 16px rgba(0,0,0,.62)}
html[data-theme="light"] .science-site .premium-card p{color:#e7f4fa;text-shadow:0 1px 10px rgba(0,0,0,.68)}
html[data-theme="light"] .science-site .premium-card .card-kicker{color:#8ffcff;text-shadow:0 1px 9px rgba(0,0,0,.7)}
html[data-theme="light"] .science-site .premium-card i{color:#b5ffff;border-color:#55f2f4;background:rgba(2,16,27,.44);box-shadow:0 0 22px rgba(34,233,237,.18)}

/* Keep ordinary light-mode controls genuinely light instead of inheriting dark glass. */
html[data-theme="light"] .science-site .btn.ghost{
  background:rgba(255,255,255,.86);color:#173042;border-color:rgba(21,86,108,.24);box-shadow:0 10px 28px rgba(24,68,86,.08)
}
html[data-theme="light"] .science-site .btn.ghost:hover{background:#ffffff;border-color:var(--s-cyan);color:#061a29}
html[data-theme="light"] .science-site .science-menu-toggle span{background:#173042}
html[data-theme="light"] .science-site .science-rule strong{color:#173042}
html[data-theme="light"] .science-site .paper-tools input{background:#ffffff;color:#173042}

/* Light-mode subheroes preserve the image on the right while keeping the copy area clean. */
html[data-theme="light"] .science-site .premium-subhero:before{
  background-image:linear-gradient(90deg,rgba(247,251,252,1) 0%,rgba(247,251,252,.98) 34%,rgba(247,251,252,.78) 52%,rgba(247,251,252,.20) 72%,rgba(247,251,252,.02) 100%),var(--hero-img);
  background-size:100% 100%,62% 100%;filter:saturate(1.08) contrast(1.03) brightness(.96)
}
html[data-theme="light"] .science-site .premium-subhero:after{background:linear-gradient(180deg,transparent 76%,var(--s-bg) 100%)}

/* Premium motion layer: subtle, non-essential, and disabled for reduced-motion users. */
@keyframes scienceHeroDrift{
  0%{transform:scale(1.02) translate3d(0,0,0)}
  100%{transform:scale(1.055) translate3d(-.7%,.35%,0)}
}
@keyframes scienceCardIn{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes scienceSheen{
  0%{transform:translateX(-145%) skewX(-18deg);opacity:0}
  16%{opacity:.34}
  48%,100%{transform:translateX(180%) skewX(-18deg);opacity:0}
}
.premium-card{will-change:transform}
.premium-card:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-30%;width:20%;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(145,251,255,.20),transparent);transform:translateX(-145%) skewX(-18deg);opacity:0}
.premium-card:hover:after{animation:scienceSheen 1.15s ease-out 1}
.premium-card-content{z-index:2}
.premium-card-grid.visible .premium-card{animation:scienceCardIn .62s cubic-bezier(.2,.75,.2,1) both}
.premium-card-grid.visible .premium-card:nth-child(2){animation-delay:.07s}
.premium-card-grid.visible .premium-card:nth-child(3){animation-delay:.14s}
.premium-card-grid.visible .premium-card:nth-child(4){animation-delay:.21s}
.premium-card-grid.visible .premium-card:nth-child(5){animation-delay:.28s}
.branch-list.visible article,.protocol-grid.visible article,.swarm-role-grid.visible article,.evidence-steps.visible article{animation:scienceCardIn .55s cubic-bezier(.2,.75,.2,1) both}
.branch-list.visible article:nth-child(2),.protocol-grid.visible article:nth-child(2),.swarm-role-grid.visible article:nth-child(2),.evidence-steps.visible article:nth-child(2){animation-delay:.06s}
.branch-list.visible article:nth-child(3),.protocol-grid.visible article:nth-child(3),.swarm-role-grid.visible article:nth-child(3),.evidence-steps.visible article:nth-child(3){animation-delay:.12s}
.branch-list.visible article:nth-child(4),.protocol-grid.visible article:nth-child(4),.swarm-role-grid.visible article:nth-child(4),.evidence-steps.visible article:nth-child(4){animation-delay:.18s}

@media(max-width:700px){
  html[data-theme="light"] .science-site .premium-subhero:before{
    background-image:linear-gradient(180deg,rgba(247,251,252,.97) 0%,rgba(247,251,252,.84) 42%,rgba(247,251,252,.50) 68%,rgba(247,251,252,.70) 100%),var(--hero-img);
    background-position:center,68% center;background-size:100% 100%,cover
  }
}
@media(prefers-reduced-motion:reduce){
  .premium-hero-art,.premium-subhero:before,.premium-card-grid.visible .premium-card,.branch-list.visible article,.protocol-grid.visible article,.swarm-role-grid.visible article,.evidence-steps.visible article{animation:none!important;transform:none!important}
  .premium-card:hover:after{animation:none!important}
}


/* v0.2.3 — flagship /science hero image correction.
   Uses explicit multi-layer sizing; the previous shorthand could suppress the image layer in browsers. */
html[data-theme="light"] .science-site .premium-hero-art{
  background-image:
    linear-gradient(90deg,rgba(247,251,252,1) 0%,rgba(247,251,252,.98) 30%,rgba(247,251,252,.72) 50%,rgba(247,251,252,.18) 70%,rgba(247,251,252,.01) 100%),
    url('/static/science-v021/science-hero.jpg');
  background-position:center,right center;
  background-size:100% 100%,72% 100%;
  background-repeat:no-repeat;
  filter:saturate(1.06) contrast(1.02) brightness(.98)
}
html[data-theme="dark"] .science-site .premium-hero-art{
  background-image:
    linear-gradient(90deg,rgba(2,11,20,1) 0%,rgba(2,11,20,.98) 30%,rgba(2,11,20,.62) 51%,rgba(2,11,20,.16) 70%,rgba(2,11,20,.01) 100%),
    url('/static/science-v021/science-hero.jpg');
  background-position:center,right center;
  background-size:100% 100%,72% 100%;
  background-repeat:no-repeat
}
.premium-hero--home:before{content:"";position:absolute;right:4.5%;top:18%;width:42%;height:58%;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(34,233,237,.10),transparent 68%);filter:blur(18px);animation:scienceAura 7s ease-in-out infinite alternate}
@keyframes scienceAura{from{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.035)}}
@media(max-width:700px){
  html[data-theme="light"] .science-site .premium-hero-art{
    background-image:linear-gradient(180deg,rgba(247,251,252,.94) 0%,rgba(247,251,252,.76) 40%,rgba(247,251,252,.54) 67%,rgba(247,251,252,.76) 100%),url('/static/science-v021/science-hero.jpg');
    background-position:center,68% center;background-size:100% 100%,cover
  }
  html[data-theme="dark"] .science-site .premium-hero-art{
    background-image:linear-gradient(180deg,rgba(2,11,20,.88) 0%,rgba(2,11,20,.66) 42%,rgba(2,11,20,.72) 100%),url('/static/science-v021/science-hero.jpg');
    background-position:center,68% center;background-size:100% 100%,cover
  }
  .premium-hero--home:before{right:-18%;top:10%;width:82%;height:55%}
}
@media(prefers-reduced-motion:reduce){.premium-hero--home:before{animation:none!important}}


/* v0.2.4 — research pulse */
.research-pulse{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.research-pulse article{position:relative;overflow:hidden;min-height:235px;padding:24px;border:1px solid var(--s-line);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--s-panel2) 92%,transparent),color-mix(in srgb,var(--s-panel) 96%,transparent));box-shadow:0 20px 60px color-mix(in srgb,var(--s-bg) 35%,transparent)}
.research-pulse h3{margin:22px 0 7px;color:var(--s-heading);font-size:1.25rem}.research-pulse p{margin:0;color:var(--s-muted);font-size:.9rem;max-width:260px}.research-pulse a{position:absolute;left:24px;bottom:21px;color:var(--s-cyan2);font-size:.84rem;font-weight:750}
.pulse-status{display:inline-flex;align-items:center;gap:8px;color:var(--s-cyan2);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em}.pulse-status b{width:8px;height:8px;border-radius:50%;background:var(--s-cyan);box-shadow:0 0 0 0 color-mix(in srgb,var(--s-cyan) 46%,transparent);animation:pulseStatus 2.5s ease-out infinite}
.pulse-orbit{position:absolute;width:100px;height:100px;right:-23px;top:-24px;border:1px solid color-mix(in srgb,var(--s-cyan) 22%,transparent);border-radius:50%}.pulse-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--s-cyan);top:46px;left:-4px;box-shadow:0 0 18px var(--s-cyan)}.pulse-orbit i+ i{top:4px;left:63px;width:5px;height:5px;opacity:.55}.pulse-orbit{animation:orbitSpin 10s linear infinite}
@keyframes pulseStatus{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--s-cyan) 38%,transparent)}70%,100%{box-shadow:0 0 0 10px transparent}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}

/* v0.2.4 — conceptual branch constellation */
.branch-constellation{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;border:1px solid var(--s-line);border-radius:24px;padding:34px;background:linear-gradient(140deg,color-mix(in srgb,var(--s-panel2) 90%,transparent),color-mix(in srgb,var(--s-panel) 97%,transparent));box-shadow:0 24px 70px color-mix(in srgb,var(--s-bg) 35%,transparent)}
.branch-map-copy .map-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--s-cyan2);font-weight:850}.branch-map-copy h3{font-size:2rem;line-height:1.05;color:var(--s-heading);margin:12px 0}.branch-map-copy p{color:var(--s-muted);margin:0;max-width:460px}.map-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;color:var(--s-soft);font-size:.78rem}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:10px;height:10px;border-radius:50%;display:block}.legend-core{background:var(--s-cyan)}.legend-branch{border:1px solid var(--s-cyan2)}.legend-link{width:18px!important;height:2px!important;border-radius:0!important;background:var(--s-line2)}
.branch-map-visual svg{width:100%;height:auto;overflow:visible}.map-links path{stroke:color-mix(in srgb,var(--s-cyan) 27%,transparent);stroke-width:1.4;fill:none;stroke-dasharray:6 8;animation:mapFlow 14s linear infinite}.map-core circle:first-child{fill:color-mix(in srgb,var(--s-cyan) 5%,var(--s-panel));stroke:color-mix(in srgb,var(--s-cyan) 45%,transparent);stroke-width:1}.map-core circle:nth-child(2){fill:color-mix(in srgb,var(--s-cyan) 10%,var(--s-panel));stroke:var(--s-cyan);stroke-width:1.5;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--s-cyan) 28%,transparent))}.map-core text{font-size:14px;letter-spacing:.14em;fill:var(--s-heading);font-weight:800}.map-nodes g{cursor:pointer;outline:none}.map-nodes circle{fill:color-mix(in srgb,var(--s-panel2) 96%,transparent);stroke:var(--s-line2);stroke-width:1.4;transition:.25s}.map-nodes text{fill:var(--s-muted);font-size:12px;font-weight:750;pointer-events:none;transition:.25s}.map-nodes g:hover circle,.map-nodes g:focus circle,.map-nodes g.active circle{fill:color-mix(in srgb,var(--s-cyan) 13%,var(--s-panel2));stroke:var(--s-cyan);filter:drop-shadow(0 0 13px color-mix(in srgb,var(--s-cyan) 42%,transparent));transform:scale(1.08);transform-box:fill-box;transform-origin:center}.map-nodes g:hover text,.map-nodes g:focus text,.map-nodes g.active text{fill:var(--s-heading)}
.branch-list article.branch-focus{border-color:var(--s-cyan);box-shadow:0 0 0 1px color-mix(in srgb,var(--s-cyan) 28%,transparent),0 16px 50px color-mix(in srgb,var(--s-cyan) 10%,transparent);transform:translateX(7px)}
@keyframes mapFlow{to{stroke-dashoffset:-140}}

/* v0.2.4 — paper presentation */
.library-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.library-overview article{padding:20px;border:1px solid var(--s-line);border-radius:15px;background:color-mix(in srgb,var(--s-panel) 92%,transparent)}.library-overview span{display:block;color:var(--s-cyan2);font-size:1.65rem;font-weight:850;line-height:1}.library-overview p{margin:9px 0 0;color:var(--s-muted);font-size:.83rem}
.paper-meta{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 10px}.paper-meta em{font-style:normal;font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border:1px solid var(--s-line);border-radius:999px;color:var(--s-cyan2);background:color-mix(in srgb,var(--s-cyan) 4%,transparent)}

/* v0.2.4 — CSP signal visual */
.signal-lab{display:grid;grid-template-columns:150px 1fr 150px 72px 160px;gap:16px;align-items:center;border:1px solid var(--s-line);border-radius:22px;padding:28px;background:linear-gradient(150deg,color-mix(in srgb,var(--s-panel2) 92%,transparent),color-mix(in srgb,var(--s-panel) 98%,transparent));overflow:hidden}.signal-stage span{display:block;color:var(--s-cyan2);font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;font-weight:850}.signal-stage b{display:block;color:var(--s-heading);margin-top:7px;font-size:.95rem}.signal-wave{height:110px;display:flex;align-items:center}.signal-wave svg{width:100%;height:100%}.wave-soft{stroke:color-mix(in srgb,var(--s-cyan) 16%,transparent);stroke-width:11;fill:none;filter:blur(6px)}.wave-main{stroke:var(--s-cyan);stroke-width:2.2;fill:none;stroke-dasharray:9 8;animation:signalTravel 4.8s linear infinite;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--s-cyan) 55%,transparent))}.signal-gate{display:flex;justify-content:center;gap:6px}.signal-gate i{width:8px;height:42px;border-radius:4px;background:linear-gradient(180deg,var(--s-cyan),transparent);animation:gatePulse 1.8s ease-in-out infinite alternate}.signal-gate i:nth-child(2){animation-delay:.3s}.signal-gate i:nth-child(3){animation-delay:.6s}
@keyframes signalTravel{to{stroke-dashoffset:-136}}@keyframes gatePulse{from{opacity:.25;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}

/* v0.2.4 — TS-001 protocol rail */
.protocol-rail{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--s-line);border-radius:22px;padding:26px;background:linear-gradient(150deg,color-mix(in srgb,var(--s-panel2) 92%,transparent),color-mix(in srgb,var(--s-panel) 98%,transparent));overflow:auto}.protocol-rail>div{min-width:125px;text-align:center}.protocol-rail b{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border:1px solid var(--s-line2);border-radius:50%;color:var(--s-cyan2);background:color-mix(in srgb,var(--s-cyan) 6%,transparent)}.protocol-rail span{color:var(--s-heading);font-size:.83rem;font-weight:750}.protocol-rail>i{font-style:normal;color:var(--s-cyan);animation:railArrow 1.4s ease-in-out infinite alternate}@keyframes railArrow{to{transform:translateX(5px);opacity:.45}}

/* v0.2.4 — swarm operating plane */
.swarm-plane{position:relative;min-height:520px;border:1px solid var(--s-line);border-radius:24px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--s-cyan) 9%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--s-panel2) 90%,transparent),color-mix(in srgb,var(--s-panel) 98%,transparent));overflow:hidden;margin-bottom:28px}.swarm-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid var(--s-cyan);background:color-mix(in srgb,var(--s-cyan) 8%,var(--s-panel));box-shadow:0 0 45px color-mix(in srgb,var(--s-cyan) 18%,transparent);z-index:3}.swarm-core span{color:var(--s-cyan2);font-size:.72rem;letter-spacing:.2em;font-weight:850}.swarm-core b{color:var(--s-heading);margin-top:7px}.swarm-ring{position:absolute;left:50%;top:50%;border:1px dashed color-mix(in srgb,var(--s-cyan) 25%,transparent);border-radius:50%;transform:translate(-50%,-50%);animation:orbitSpin 24s linear infinite}.ring-one{width:340px;height:340px}.ring-two{width:465px;height:465px;animation-direction:reverse;animation-duration:34s}.swarm-agent{position:absolute;width:105px;height:72px;border:1px solid var(--s-line2);border-radius:14px;background:color-mix(in srgb,var(--s-panel2) 94%,transparent);display:grid;place-content:center;text-align:center;color:var(--s-heading);font-size:.77rem;font-weight:750;z-index:4}.swarm-agent i{display:block;width:8px;height:8px;border-radius:50%;background:var(--s-cyan);margin:0 auto 7px;box-shadow:0 0 15px var(--s-cyan);animation:pulseStatus 2.4s ease-out infinite}.agent-a{left:50%;top:7%;transform:translateX(-50%)}.agent-b{right:12%;top:22%}.agent-c{right:12%;bottom:22%}.agent-d{left:50%;bottom:7%;transform:translateX(-50%)}.agent-e{left:12%;bottom:22%}.agent-f{left:12%;top:22%}

html[data-theme="light"] .science-site .research-pulse article,
html[data-theme="light"] .science-site .branch-constellation,
html[data-theme="light"] .science-site .library-overview article,
html[data-theme="light"] .science-site .signal-lab,
html[data-theme="light"] .science-site .protocol-rail,
html[data-theme="light"] .science-site .swarm-plane{background:linear-gradient(145deg,#ffffff,color-mix(in srgb,var(--s-panel2) 96%,#fff));box-shadow:0 18px 50px rgba(25,73,89,.08)}

@media(max-width:1050px){.research-pulse{grid-template-columns:repeat(2,1fr)}.branch-constellation{grid-template-columns:1fr}.branch-map-copy{max-width:700px}.library-overview{grid-template-columns:repeat(2,1fr)}.signal-lab{grid-template-columns:1fr}.signal-wave{height:90px}.signal-gate{height:55px}.swarm-plane{min-height:480px}}
@media(max-width:700px){.research-pulse{grid-template-columns:1fr}.branch-constellation{padding:20px}.branch-map-visual{margin:0 -8px}.branch-map-copy h3{font-size:1.55rem}.map-legend{gap:8px}.library-overview{grid-template-columns:1fr 1fr}.protocol-rail{justify-content:flex-start}.swarm-plane{min-height:610px}.swarm-core{width:140px;height:140px}.ring-one{width:270px;height:270px}.ring-two{width:390px;height:390px}.swarm-agent{width:92px;height:64px}.agent-b,.agent-c{right:3%}.agent-e,.agent-f{left:3%}}
@media(max-width:500px){.library-overview{grid-template-columns:1fr}.branch-map-visual svg{min-width:560px;transform:translateX(-55px)}.branch-map-visual{overflow:hidden}.swarm-plane{min-height:690px}.agent-b{top:20%;right:3%}.agent-f{top:20%;left:3%}.agent-c{bottom:20%;right:3%}.agent-e{bottom:20%;left:3%}}
@media(prefers-reduced-motion:reduce){.pulse-status b,.pulse-orbit,.map-links path,.wave-main,.signal-gate i,.protocol-rail>i,.swarm-ring,.swarm-agent i{animation:none!important}}


/* v0.2.5 — swarm orbit correction + scientific motion polish */
.swarm-plane{isolation:isolate}
.swarm-plane:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--s-cyan) 7%,transparent),transparent 30%),repeating-radial-gradient(circle at 50% 50%,transparent 0 56px,color-mix(in srgb,var(--s-cyan) 4%,transparent) 57px 58px,transparent 59px 112px);opacity:.72}
.swarm-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.swarm-spokes line{stroke:color-mix(in srgb,var(--s-cyan) 17%,transparent);stroke-width:1;stroke-dasharray:5 9;vector-effect:non-scaling-stroke;animation:swarmLinkFlow 9s linear infinite}
.swarm-ring{z-index:2;animation-name:swarmRingSpin;animation-timing-function:linear;animation-iteration-count:infinite}
.ring-zero{width:250px;height:250px;animation-duration:19s;animation-direction:reverse;border-style:solid;border-color:color-mix(in srgb,var(--s-cyan) 17%,transparent)}
.ring-one{animation-duration:27s}
.ring-two{animation-duration:39s;animation-direction:reverse}
.swarm-ring:before,.swarm-ring:after{content:"";position:absolute;border-radius:50%;background:var(--s-cyan);box-shadow:0 0 13px color-mix(in srgb,var(--s-cyan) 70%,transparent)}
.swarm-ring:before{width:7px;height:7px;left:50%;top:-4px;transform:translateX(-50%)}
.swarm-ring:after{width:5px;height:5px;right:-3px;top:50%;transform:translateY(-50%);opacity:.62}
.swarm-core{z-index:5}
.swarm-agent{z-index:6}
@keyframes swarmRingSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes swarmLinkFlow{to{stroke-dashoffset:-84}}

/* v0.2.5 — CSP layered signal motion */
.signal-lab{position:relative;isolation:isolate}
.signal-lab>*{position:relative;z-index:2}
.signal-lab:after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:22%;left:-24%;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--s-cyan) 5%,transparent),color-mix(in srgb,var(--s-cyan) 11%,transparent),transparent);filter:blur(8px);animation:signalScan 7.5s ease-in-out infinite}
.signal-wave{position:relative;overflow:hidden}
.wave-secondary{stroke:color-mix(in srgb,var(--s-cyan2) 42%,transparent);stroke-width:1.2;fill:none;stroke-dasharray:3 11;animation:signalTravelReverse 7.4s linear infinite;opacity:.7}
.signal-packet{position:absolute;width:9px;height:9px;border-radius:50%;background:#d9ffff;box-shadow:0 0 5px #fff,0 0 16px var(--s-cyan),0 0 30px color-mix(in srgb,var(--s-cyan) 56%,transparent);left:-12px;top:52%;animation:signalPacket 5.6s linear infinite}
.signal-packet.packet-b{width:6px;height:6px;opacity:.72;animation-duration:7.2s;animation-delay:-3.1s}
.signal-gate{position:relative}.signal-gate:after{content:"";position:absolute;inset:6px -8px;border:1px solid color-mix(in srgb,var(--s-cyan) 14%,transparent);border-radius:10px;animation:gateHalo 2.6s ease-in-out infinite alternate}
@keyframes signalTravelReverse{to{stroke-dashoffset:142}}
@keyframes signalScan{0%,12%{left:-24%;opacity:0}24%{opacity:1}78%{opacity:.8}100%{left:108%;opacity:0}}
@keyframes signalPacket{0%{left:-12px;top:54%;opacity:0}5%{opacity:1}15%{top:24%}31%{top:72%}47%{top:36%}63%{top:66%}80%{top:26%}95%{opacity:1}100%{left:101%;top:52%;opacity:0}}
@keyframes gateHalo{from{opacity:.18;transform:scale(.94)}to{opacity:.65;transform:scale(1.06)}}

html[data-theme="light"] .science-site .swarm-plane:before{opacity:.42}
html[data-theme="light"] .science-site .swarm-spokes line{stroke:color-mix(in srgb,var(--s-cyan) 20%,transparent)}
html[data-theme="light"] .science-site .signal-lab:after{opacity:.52}

@media(max-width:700px){
  .ring-zero{width:205px;height:205px}
  .swarm-links{opacity:.65}
}
@media(prefers-reduced-motion:reduce){
  .swarm-ring,.swarm-spokes line,.signal-lab:after,.wave-secondary,.signal-packet,.signal-gate:after{animation:none!important}
}


/* v0.3.0 — public research state */
.state-feed-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 20px;padding:11px 14px;border:1px solid var(--s-line);border-radius:999px;background:color-mix(in srgb,var(--s-panel2) 84%,transparent);color:var(--s-muted);font-size:.78rem}.state-feed-bar b{color:var(--s-heading)}.state-feed-bar code{margin-left:auto;color:var(--s-cyan2);font-family:inherit;font-size:.72rem}.state-dot{width:8px;height:8px;border-radius:50%;background:var(--s-cyan);box-shadow:0 0 15px color-mix(in srgb,var(--s-cyan) 66%,transparent)}html[data-science-state="stale"] .state-dot,html[data-science-state="degraded"] .state-dot,html[data-science-state="unavailable"] .state-dot{background:var(--s-amber);box-shadow:0 0 14px color-mix(in srgb,var(--s-amber) 60%,transparent)}
.state-mini{position:absolute;right:18px;top:16px;z-index:2;padding:5px 8px;border:1px solid var(--s-line);border-radius:999px;background:color-mix(in srgb,var(--s-bg) 62%,transparent);color:var(--s-cyan2);font-size:.63rem;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(8px)}
.branch-code small{display:block;margin-top:5px;color:var(--s-soft);font-size:.61rem;letter-spacing:.04em;text-transform:uppercase}.branch-focus .branch-code small{color:var(--s-cyan2)}
.live-state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.live-state-grid article{min-height:150px;padding:22px;border:1px solid var(--s-line);border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--s-panel2) 91%,transparent),color-mix(in srgb,var(--s-panel) 98%,transparent));box-shadow:0 18px 55px color-mix(in srgb,var(--s-bg) 30%,transparent)}.live-state-grid span,.branch-live-note span,.library-live-line span{display:block;color:var(--s-cyan2);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;font-weight:850}.live-state-grid strong{display:block;margin:13px 0 6px;color:var(--s-heading);font-size:1.18rem;line-height:1.2}.live-state-grid small{color:var(--s-muted);font-size:.78rem}.branch-live-note,.library-live-line{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:12px 15px;border:1px solid var(--s-line);border-radius:14px;background:color-mix(in srgb,var(--s-panel) 88%,transparent)}.branch-live-note b,.library-live-line b{color:var(--s-heading)}.branch-live-note small,.library-live-line small{margin-left:auto;color:var(--s-muted)}
@media(max-width:900px){.live-state-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.state-feed-bar{border-radius:16px}.state-feed-bar code{width:100%;margin-left:18px}.live-state-grid{grid-template-columns:1fr}.branch-live-note,.library-live-line{align-items:flex-start;flex-direction:column;gap:5px}.branch-live-note small,.library-live-line small{margin-left:0}}

/* v0.3.1 live Science Director aggregate surfaces */
.science-plane-strip{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:1px;margin:14px 0 0;border:1px solid var(--s-line);border-radius:16px;overflow:hidden;background:var(--s-line)}.science-plane-strip>span{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:14px 16px;background:color-mix(in srgb,var(--s-panel2) 96%,transparent)}.science-plane-strip b{color:var(--s-heading);font-size:.92rem}.science-plane-strip small{margin-top:4px;color:var(--s-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.branch-registry-summary{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.branch-registry-summary span{border:1px solid var(--s-line);border-radius:999px;padding:8px 12px;color:var(--s-muted);font-size:.78rem;background:color-mix(in srgb,var(--s-panel2) 92%,transparent)}.branch-registry-summary b{color:var(--s-heading)}.branch-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-ops{font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--s-muted);border-left:1px solid var(--s-line);padding-left:8px}.branch-ops b{color:var(--s-cyan2)}.live-state-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.science-plane-strip{grid-template-columns:1fr 1fr}.science-plane-strip>span:first-child{grid-column:1/-1}.live-state-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.science-plane-strip,.live-state-grid{grid-template-columns:1fr}.science-plane-strip>span:first-child{grid-column:auto}}