/* Aurora Design Systems — Materials Engineering Phase 20 Release Candidate
   Main materials-engineering/index.html is intentionally not linked to this sheet in this release. */
.phase20-page{min-width:0;overflow-x:hidden}
.phase20-page img{max-width:100%;image-rendering:auto}
.phase20-page .wrap,.phase20-page .app-wrap{width:min(1540px,96vw);margin-inline:auto;min-width:0}
.phase20-page .panel,.phase20-page .app-panel,.phase20-page .core-card,.phase20-page .app-topic-card,.phase20-page .gateway,.phase20-page .app-domain,.phase20-page .core-domain-card{min-width:0}
.phase20-page .app-hero,.phase20-page .core-hero{grid-template-columns:minmax(360px,.34fr) minmax(0,.66fr);align-items:stretch;overflow:hidden}
.phase20-page .app-hero-art,.phase20-page .core-hero .app-hero-art{overflow:hidden;background:#02101c;min-width:0}
.phase20-page .app-hero-art>img,.phase20-page .core-hero .app-hero-art>img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;transform:none!important}
.phase20-page #topics .core-card>img,.phase20-page .app-topic-card>img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/7!important;object-fit:cover!important;object-position:center!important;padding:0!important;transform:none!important;background:#03131f}
.phase20-page .core-domain-card>img,.phase20-page .app-domain>img,.phase20-page .master-gateway-card>img{object-fit:cover!important;object-position:center!important;padding:0!important;transform:none!important;background:#03131f}
.phase20-page .core-grid,.phase20-page .app-topic-grid,.phase20-page .master-gateway-grid,.phase20-page .app-domains,.phase20-page .app-related{min-width:0}
.phase20-page .core-table-scroll,.phase20-page .app-matrix-wrap,.phase20-page .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.phase20-page table{max-width:100%}
.phase20-page .search,.phase20-page .app-search{min-width:0}
/* Daughter pages */
.phase20-page.daughter-page .hero{grid-template-columns:minmax(360px,.38fr) minmax(0,.62fr);min-height:300px;overflow:hidden}
.phase20-page.daughter-page .hero>img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0;transform:none}
.phase20-page.daughter-page .eng-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.phase20-page.daughter-page .image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.phase20-page.daughter-page .image-card>img{width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center}
@media(max-width:1200px){
 .phase20-page .app-hero,.phase20-page .core-hero,.phase20-page.daughter-page .hero{grid-template-columns:1fr 1fr}
 .phase20-page.daughter-page .eng-grid,.phase20-page.daughter-page .image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
 .phase20-page .app-hero,.phase20-page .core-hero,.phase20-page.daughter-page .hero{grid-template-columns:1fr}
 .phase20-page .app-hero-art,.phase20-page .core-hero .app-hero-art,.phase20-page.daughter-page .hero>img{min-height:220px}
 .phase20-page .core-grid.cols-4,.phase20-page .core-grid.cols-5,.phase20-page .app-topic-grid,.phase20-page .master-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 .phase20-page .core-grid.cols-4,.phase20-page .core-grid.cols-5,.phase20-page .app-topic-grid,.phase20-page .master-gateway-grid,.phase20-page.daughter-page .eng-grid,.phase20-page.daughter-page .image-grid{grid-template-columns:1fr!important}
}