/* Keep the added Resources link comfortable at tablet widths. */
@media(min-width:681px) and (max-width:900px){.main-nav{gap:12px;font-size:13px}}

/* Keep each footer link label together; wrap between links on narrow screens. */
.footer-row>div{flex-wrap:wrap}
.footer-row>div>a{white-space:nowrap}

/* Reserve the links' full width in the desktop footer instead of equal thirds. */
@media(min-width:901px){.footer-row{grid-template-columns:minmax(194px,1fr) minmax(0,1fr) max-content}}
@media(min-width:681px){.footer-row>div{flex-wrap:nowrap}}

/* Subtle rounding on the desktop product menu; retain the mobile menu layout. */
@media(min-width:681px){.main-nav .dropdown{border-radius:10px}}