/* Additional responsive component rules kept separate for easier maintenance. */
.media-card,.spotlight-card,.horizontal-cards article,.info-grid article,.detail-copy,.fact-panel{isolation:isolate}
.media-card a,.horizontal-cards a{overflow-wrap:anywhere}
@media (hover:hover){.spotlight-card:hover{box-shadow:0 12px 28px rgba(36,33,46,.08);transform:translateY(-2px)}.spotlight-card{transition:transform .2s ease,box-shadow .2s ease}}
@media (max-width:420px){.brand small{display:none}.brand img{width:42px;height:42px}.header-inner{min-height:64px}.site-nav{top:64px}.hero{padding-top:34px}.section{padding-top:44px;padding-bottom:44px}.horizontal-cards article{grid-template-columns:1fr}.horizontal-cards img{width:100%;height:auto;aspect-ratio:16/9}.spotlight-card{grid-template-columns:1fr}.spotlight-card img{width:100%;height:auto;aspect-ratio:16/8}.callout{margin-inline:14px}.footer-bottom{font-size:12px}}