/* Aurora Design Systems 44.2.1 — Reactor Systems viewport-fit override
   Scope: sustainability-infrastructure/neighborhood-reactor only.
   Loaded LAST on every Reactor Systems HTML page so inherited legacy
   1500/1600 px desktop-freeze rules cannot override Reactor responsive behavior. */

html,body{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body>header,.site-header{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.wrap,.section-wrap{
  width:min(calc(100% - 34px),1460px)!important;
  min-width:0!important;
  max-width:1460px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.sustainability-subnav{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
}
.sustainability-subnav-inner{
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
.top-nav{
  min-width:0!important;
  max-width:100%!important;
}
img,picture,video,canvas,svg{
  max-width:100%!important;
  height:auto;
}
.hero-cover.section-hero{
  width:100%!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.hero-cover-copy{
  width:100%!important;
  min-width:0!important;
  max-width:min(900px,100%)!important;
}

@media(max-width:1100px){
  .site-header{justify-content:flex-start!important}
  .top-search{flex:1 1 100%!important;width:auto!important;min-width:0!important;max-width:none!important}
  .top-nav{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px}
  main.wrap>.hero,.hero,.feature,.split-card{grid-template-columns:1fr!important}
  .hero-cover.section-hero{width:100%!important;min-width:0!important;max-width:100%!important}
  .reactor-card-grid,.fusion-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fusion-detail-grid,.fusion-taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .comparison-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nr-integration-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .related-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .related-node,.reactor-visual-card,.fusion-detail-card,.fusion-taxonomy-card{min-width:0!important}
}

@media(max-width:720px){
  .wrap,.section-wrap{width:min(calc(100% - 22px),1460px)!important}
  .hero-cover.section-hero{width:100%!important;min-width:0!important;max-width:100%!important}
  .hero-cover-copy{width:100%!important;min-width:0!important;max-width:100%!important;padding:26px 22px!important}
  .hero-cover-copy h1{font-size:clamp(38px,12vw,52px)!important}
  .hero-cover-copy p,.hero-cover-copy .status-strip{width:auto!important;max-width:100%!important}
  .hero-cover-copy .chips,.hero-cover-copy .hero-actions{max-width:100%!important;flex-wrap:wrap!important}
  .reactor-card-grid,.fusion-grid,.fusion-detail-grid,.fusion-taxonomy-grid,
  .comparison-spec-grid,.application-card-grid,.related-reactor-grid,
  .nr-integration-strip,.related-node-grid{grid-template-columns:1fr!important}
  .reactor-visual-card,.fusion-detail-card,.fusion-taxonomy-card,.related-node,
  .nr-integration-strip span{width:100%!important;min-width:0!important;max-width:100%!important}
  .component-callout-grid{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .wrap,.section-wrap{width:calc(100% - 18px)!important}
  .panel,.hero,.feature,.split-card,.related-network{max-width:100%!important;min-width:0!important}
  .industry-examples,.card-callouts,.source-links,.reactor-source-links{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important}
  h1,h2,h3,h4,p,a,span,strong{overflow-wrap:anywhere}
}


/* ADS 44.2.1 — Reactor landing hero visual restore + compact desktop rhythm.
   The previous hero referenced a non-existent image and left a large empty field.
   Reuse the existing Reactor program artwork and consolidate controls/meta rows. */
.hero-cover.section-hero.reactor-landing-hero{
  min-height:330px!important;
  align-items:center!important;
  background:
    linear-gradient(90deg,rgba(1,8,20,.98) 0%,rgba(1,8,20,.94) 34%,rgba(1,8,20,.70) 52%,rgba(1,8,20,.22) 100%),
    var(--hero-bg) center 52%/cover no-repeat!important;
}
.hero-cover.section-hero.reactor-landing-hero:after{
  background:linear-gradient(0deg,rgba(0,0,0,.30),rgba(0,0,0,0) 48%)!important;
}
.reactor-landing-hero .hero-cover-copy{
  width:100%!important;
  max-width:1120px!important;
  padding:27px 32px 25px!important;
}
.reactor-landing-hero .kicker{
  font-size:.78rem!important;
  letter-spacing:.36em!important;
}
.reactor-landing-hero .hero-cover-copy h1{
  max-width:760px!important;
  margin:7px 0 9px!important;
  font-size:clamp(46px,4.2vw,62px)!important;
  line-height:.96!important;
}
.reactor-landing-hero .hero-cover-copy>p{
  max-width:780px!important;
  margin:0 0 10px!important;
  font-size:1rem!important;
  line-height:1.42!important;
}
.reactor-hero-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  margin-top:7px;
  max-width:1020px;
}
.reactor-landing-hero .chip-links,
.reactor-landing-hero .hero-actions{
  margin:0!important;
  gap:8px!important;
}
.reactor-landing-hero .chip-links a{
  padding:8px 12px!important;
  font-size:.88rem!important;
}
.reactor-landing-hero .hero-actions .btn-inline{
  padding:9px 13px!important;
  font-size:.88rem!important;
}
.reactor-hero-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-top:11px;
  max-width:1040px;
}
.reactor-landing-hero .status-strip{
  flex:0 1 690px;
  width:auto!important;
  max-width:690px!important;
  margin:0!important;
  padding:8px 11px!important;
  border-radius:9px!important;
  font-size:.86rem!important;
  line-height:1.35!important;
}
.reactor-landing-hero .revision-badge{
  margin:0!important;
  padding:6px 9px!important;
  font-size:.68rem!important;
  white-space:nowrap;
}
@media(max-width:900px){
  .hero-cover.section-hero.reactor-landing-hero{
    min-height:0!important;
    background:
      linear-gradient(90deg,rgba(1,8,20,.96),rgba(1,8,20,.76)),
      var(--hero-bg) center/cover no-repeat!important;
  }
  .reactor-landing-hero .hero-cover-copy{padding:24px 24px 22px!important}
  .reactor-hero-toolbar,.reactor-hero-meta{display:grid;grid-template-columns:1fr;max-width:100%}
  .reactor-landing-hero .status-strip{max-width:100%!important}
  .reactor-landing-hero .revision-badge{justify-self:start;white-space:normal}
}
@media(max-width:560px){
  .reactor-landing-hero .hero-cover-copy{padding:21px 18px 20px!important}
  .reactor-landing-hero .hero-cover-copy h1{font-size:clamp(38px,11vw,48px)!important}
  .reactor-landing-hero .kicker{letter-spacing:.22em!important}
}