/* Homepage channel headings: inline links on desktop, a disclosure on small screens. */
.page-home .home-channel-head{position:relative;display:flex;align-items:center;gap:24px;min-height:40px;margin:10px 0 8px;overflow:visible;}
.page-home .home-channel-head::before,.page-home .home-channel-head::after{display:none;}
.page-home .home-channel-head .title{float:none;flex:none;margin:0;white-space:nowrap;}
.page-home .home-channel-head .title>a{display:flex;align-items:center;gap:6px;}
.page-home .home-channel-more{margin-left:4px;font-size:22px;font-weight:400;color:#999;}
.page-home .home-channel-head .home-channel-links{clear:none;display:flex;flex-wrap:nowrap;gap:16px;padding:0;min-width:0;}
.page-home .home-channel-head .home-channel-links a{font-size:14px;line-height:24px;white-space:nowrap;color:#777;}
.page-home .home-channel-head .home-channel-links a:hover{color:#fb7299;}
.page-home .home-channel-head .home_async_change{float:none;flex:none;margin-left:auto;font-size:14px;min-height:40px;}
.page-home .home-channel-toggle{display:none;align-items:center;justify-content:center;gap:8px;flex:none;margin:0;padding:0 10px;min-height:40px;border:0;border-radius:6px;background:transparent;color:#777;font:inherit;font-size:14px;line-height:24px;cursor:pointer;}
.page-home .home-channel-head a:focus-visible,.page-home .home-channel-toggle:focus-visible{outline:2px solid #fb7299;outline-offset:3px;border-radius:4px;}
@media(max-width:1100px){
    .page-home .home-channel-head{gap:12px;}
    .page-home .home-channel-toggle{display:inline-flex;}
    .page-home .home-channel-head .home-channel-links{display:none;position:absolute;left:0;top:calc(100% + 4px);width:300px;max-width:100%;box-sizing:border-box;padding:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#fff;border:1px solid #f2e5ea;border-radius:10px;box-shadow:0 8px 28px rgba(40,20,32,.14);z-index:30;}
    .page-home .home-channel-head.is-open .home-channel-links{display:grid;}
    .page-home .home-channel-head .home-channel-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px;border-radius:6px;}
    .page-home .home-channel-head .home-channel-links a:hover,.page-home .home-channel-head .home-channel-links a:focus-visible{background:#fff0f5;color:#fb7299;}
    .page-home .home-channel-toggle:hover,.page-home .home-channel-toggle[aria-expanded="true"]{color:#fb7299;background:#fff0f5;}
    .page-home .home-channel-toggle[aria-expanded="true"] .channel-chevron{transform:rotate(225deg);margin-top:4px;}
}
@media(max-width:820px){
    .page-home .home-channel-head{gap:8px;margin:8px 0;}
    .page-home .home-channel-head .title{font-size:20px;}
    .page-home .home-channel-head .title>a{gap:4px;}
    .page-home .home-channel-head .home-channel-links{left:12px;max-width:calc(100% - 24px);}
    .page-home .home-channel-more{font-size:20px;margin-left:2px;}
    .page-home .home-channel-toggle{min-height:44px;padding:0 8px;}
    .page-home .home-channel-head .home_async_change{min-height:44px;width:auto;}
}
html:has(link[name="color"][href*="black.css"]) .home-channel-head .home-channel-links{background:#25252b;border-color:#3c343a;}
html:has(link[name="color"][href*="black.css"]) .home-channel-head .home-channel-links a{color:#bbb;}
