/* Shared content proportions; keep existing outer widths and mobile stacking. */
@media(min-width:801px){
 :is(#home-content,#dual-router,#channel-partner) .dr-chapter .dr-background-layout{grid-template-columns:minmax(0,4.8fr) minmax(0,5.2fr);column-gap:30px}
 #home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about){grid-template-columns:minmax(0,4.8fr) minmax(0,5.2fr);column-gap:30px}
}
@media(min-width:641px){
 #network-checklist .nc-result{grid-template-columns:minmax(0,4.8fr) minmax(0,5.2fr);column-gap:30px}
 #network-checklist .nc-result>*{min-width:0}
}
:is(#home-content,#dual-router,#channel-partner) .dr-chapter .dr-background-visual img,
#home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about)>.hm-side-visual img,
#network-checklist .nc-result img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
:is(#home-content,#dual-router,#channel-partner) .dr-chapter .dr-table :is(th,td),
#network-checklist table :is(th,td){padding-top:6px!important;padding-bottom:6px!important}

/* Align Home chapters with the same content width used by the other menus. */
@media(min-width:801px){
 #home-content .dr-shell{max-width:1180px}
 #home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about){padding-left:0;padding-right:0;grid-template-columns:minmax(0,4.8fr) minmax(0,5.2fr);column-gap:30px}
 #home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about)>.hm-copy{box-sizing:border-box;width:100%;min-width:0}
 #home-content :is(#hm-background,#hm-features,#hm-effects,#hm-about)>.hm-side-visual{width:100%;max-width:none;min-width:0}
}