#channels{--channel-ink:#202522;--channel-muted:#59645e;--channel-line:#cdd6cf;--channel-surface:#edf1ee;position:relative;isolation:isolate;padding:40px 0 44px;margin-block:40px 48px;color:var(--channel-ink)}#channels::before{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--channel-surface);z-index:-1;border-block:1px solid var(--channel-line)}#channels .section-heading{margin:0 0 24px;align-items:center}#channels h2{font-size:28px;line-height:1.25}#channels .channel-tabs{margin:0;gap:0}#channels .channel-tabs button{display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:2px;min-height:48px;padding:12px 16px;color:var(--channel-muted);font-size:16px;font-weight:500;text-align:left;transition:color 160ms,background-color 160ms}#channels .channel-tabs button[aria-selected=true]{background:#fafbf9;color:#9b2540;font-weight:750;box-shadow:inset 3px 0 #b4233f}#channels .channel-count{font:12px SFMono-Regular,monospace;color:var(--channel-muted);font-variant-numeric:tabular-nums}#channels .mirror-story{padding:0;min-width:0}#channels .mirror-story h3{font-size:18px;line-height:1.65;font-weight:650;margin:0}#channels .mirror-story .story-meta{font-size:12px;font-weight:400;line-height:1.5;color:var(--channel-muted);margin:0 0 8px}#channels .mirror-story a:hover{color:#9b2540;text-decoration:underline;text-underline-offset:5px}#channels .mirror-story img{display:block;object-fit:cover;border-radius:2px;width:100%;margin:0}#channels .channel-more{display:flex;justify-content:flex-end;margin:24px 0 0;font-size:13px}#channels .channel-more a{min-height:40px;display:inline-flex;align-items:center;gap:16px;text-decoration:none}#channels :focus-visible{outline:3px solid #b4233f;outline-offset:4px}#channels .channel-panel{animation:channel-appear 180ms ease-out}@keyframes channel-appear{from{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){#channels *{animation:none!important;transition:none!important}}@media(max-width:760px){#channels{padding:28px 0;margin-block:24px 32px}#channels h2{font-size:23px}#channels .section-heading{margin-bottom:20px}#channels .channel-tabs{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:24px;gap:8px}#channels .channel-tabs button{gap:12px;padding:8px 12px;font-size:15px}#channels .mirror-story h3{font-size:16px}#channels .channel-more{margin-top:16px}}#channels{--channel-ink:#f5f6f4;--channel-muted:#b9c2bc;--channel-line:#47534b;--channel-surface:#202823}#channels .section-heading{border-bottom:1px solid var(--channel-line);padding-bottom:20px}#channels .channel-tabs{display:flex;flex-direction:row;gap:20px;margin-bottom:32px}#channels .channel-tabs button{padding:8px 0;border-bottom:2px solid transparent;border-radius:0;gap:12px}#channels .channel-tabs button[aria-selected=true]{box-shadow:none;background:none;color:#fff;border-color:#e5a1b0}#channels .mirror-story a:hover{color:#f0b7c3}#channels .mirror-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}#channels .mirror-story{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:18px;padding:20px 0;border-top:1px solid var(--channel-line);min-height:132px}#channels .mirror-story>a:first-child{grid-row:1/3}#channels .mirror-story img{height:96px;aspect-ratio:1}#channels .mirror-story:nth-child(-n+2){display:block;border:0;padding:0 0 24px}#channels .mirror-story:nth-child(-n+2) img{height:220px;aspect-ratio:16/9;margin-bottom:16px;object-fit:contain;background:#313b34}#channels .mirror-story:nth-child(-n+2) h3{font-size:22px}#channels .mirror-story:not(:has(img)){grid-template-columns:1fr}#channels .channel-more{grid-column:1/-1;border-top:1px solid var(--channel-line);padding-top:12px}@media(max-width:760px){#channels .mirror-topic-grid{grid-template-columns:1fr;gap:0}#channels .channel-tabs{gap:20px;margin-bottom:24px}#channels .mirror-story:nth-child(-n+2){display:grid;grid-template-columns:88px minmax(0,1fr);padding:18px 0;border-top:1px solid var(--channel-line)}#channels .mirror-story:nth-child(-n+2) img{height:88px;margin:0;object-fit:cover}#channels .mirror-story:nth-child(-n+2) h3{font-size:16px}#channels .mirror-story:first-child{border:0;padding-top:0}#channels .mirror-story{grid-template-columns:88px minmax(0,1fr);min-height:124px}#channels .mirror-story img{height:88px}}