/* Homepage-only geometry. Colours, icon artwork and card treatments belong to each template. */
html[data-channel-ui] main :is(nav.catalog-nav,nav.quick-nav,nav.home-shortcuts,nav.video-native-shortcuts){display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;justify-items:stretch;width:100%;min-width:0;max-width:100%;column-gap:8px;row-gap:0;margin-block:12px 8px;padding-block:0 4px}
html[data-channel-ui] main :is(nav.catalog-nav,nav.quick-nav,nav.home-shortcuts,nav.video-native-shortcuts)>a{grid-column:auto;grid-row:auto;justify-self:stretch;width:100%;min-width:0;max-width:100%;margin-inline:0;align-items:center;justify-content:center;text-align:center}
/* An empty ad slot must not combine the navigation gap with a second heading gap. */
html[data-channel-ui] main :is(nav.catalog-nav,nav.quick-nav,nav.home-shortcuts,nav.video-native-shortcuts)+[data-public-ad-slot="home_head"][hidden]+:is(.home-section,.novel-section,.video-home-section){margin-block-start:0}
html[data-channel-ui] main :is(nav.catalog-nav,nav.quick-nav,nav.home-shortcuts,nav.video-native-shortcuts)+[data-public-ad-slot="home_head"][hidden]+:is(.home-section,.novel-section,.video-home-section)>:is(.section-heading,.section-head,.video-section-heading){margin-block-start:0}
/* Four-character labels still need to fit six equal cells on small phones. */
@media(min-width:361px) and (max-width:540px){html[data-channel-ui="default1"] main nav.catalog-nav>a{padding-inline:0}html:is([data-channel-ui="default4"],[data-channel-ui="default9"]) main.novel-home nav.catalog-nav>a>span:last-of-type{font-size:clamp(11px,3vw,13px)}html:is([data-channel-ui="default5"],[data-channel-ui="default6"],[data-channel-ui="default8"]) main.novel-home nav.catalog-nav>a>span:last-of-type{font-size:clamp(11px,3vw,12px)}}
@media(max-width:360px){html[data-channel-ui] main :is(nav.catalog-nav,nav.quick-nav,nav.home-shortcuts,nav.video-native-shortcuts){column-gap:2px}html[data-channel-ui] main :is(nav.catalog-nav,nav.quick-nav,nav.home-shortcuts,nav.video-native-shortcuts)>a{padding-inline:0}html[data-channel-ui] main nav.catalog-nav>a>span:last-of-type{font-size:11px;letter-spacing:0}}
@media(max-width:340px){html[data-channel-ui="default1"] main nav.catalog-nav,html:is([data-channel-ui="default5"],[data-channel-ui="default6"]) main.novel-home nav.catalog-nav{column-gap:0}}
@media(min-width:361px) and (max-width:380px){html[data-channel-ui="default1"] main nav.catalog-nav{column-gap:6px}}