/* Intrinsic image widths must not expand grid tracks, including before load. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.hero>*{min-width:0}
.hero>img,.category-card img,.card img{width:100%}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.category-card{min-width:0}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Separate footer navigation rows and provide comfortable touch targets. */
.footer-inner nav{gap:8px 24px;margin-block:12px}
.footer-inner nav a{display:inline-flex;align-items:center;min-height:44px}