/* Aurora Materials Engineering — Phase 4 Level-2 Visual Conformance
   Scope: 12 Level-2 materials gateway pages only. Main Materials Engineering index is untouched. */

body.phase4-level2 .core-hero{
  min-height:300px;
  grid-template-columns:minmax(420px,.43fr) minmax(0,.97fr);
}
body.phase4-level2 .core-hero .app-hero-copy{
  padding:26px 28px 20px;
}
body.phase4-level2 .core-hero .app-hero-art{
  background:#020a14;
  overflow:hidden;
}
body.phase4-level2 .core-hero .app-hero-art img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  padding:0 !important;
  image-rendering:auto;
}

/* Topic cards: preserve visual width and prevent exaggerated zooming. */
body.phase4-level2 #topics .core-card > img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:2 / 1 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  padding:0 !important;
  background:#020b16;
}
body.phase4-level2 #topics .core-card-body{
  padding:9px 10px 10px;
}
body.phase4-level2 #topics .core-card h3{
  line-height:1.08;
  margin-bottom:5px;
}
body.phase4-level2 #topics .core-card p{
  min-height:38px;
  line-height:1.30;
}

/* Match the approved page-rendering proportions more closely on wide desktop. */
@media (min-width:1201px){
  body.phase4-level2 #topics .core-grid.cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  body.phase4-level2 .app-split{
    grid-template-columns:minmax(0,1fr) 340px;
  }
}
@media (max-width:1200px){
  body.phase4-level2 .core-hero{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:820px){
  body.phase4-level2 .core-hero{
    grid-template-columns:1fr;
  }
  body.phase4-level2 .core-hero .app-hero-art{
    min-height:230px;
  }
}