/* Homepage section navigation, using the approved CARE ASMR palette. */
.section-marquee{border-bottom:1px solid rgba(120,206,180,.25);background:linear-gradient(90deg,var(--deep),var(--night) 65%,var(--deep))}
.section-marquee__inner{display:flex;align-items:center;gap:16px;min-height:64px}
.section-marquee__label{flex-shrink:0;margin:0;color:var(--champ);font-size:13px;font-weight:760;white-space:nowrap}
.section-marquee__window{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(120,206,180,.35) transparent}
.section-marquee__window::-webkit-scrollbar{height:3px}
.section-marquee__window::-webkit-scrollbar-thumb{background:rgba(120,206,180,.35);border-radius:3px}
.section-marquee__links{display:flex;align-items:center;gap:8px;width:max-content;min-width:100%;list-style:none;margin:0;padding:5px 0}
.section-marquee__links li{display:flex;align-items:center;flex-shrink:0}
.section-marquee__links li+li::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--gold);margin-right:8px;flex-shrink:0}
.section-marquee__links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:5px;color:var(--ivory);font-size:14px;font-weight:760;line-height:1.4;white-space:nowrap}
.section-marquee__links a:hover,.section-marquee__links a:focus-visible{background:rgba(120,206,180,.1);color:var(--champ)}
.section-marquee__links .section-marquee__featured{color:var(--champ)}
.section-marquee__window:focus-visible,.section-marquee__links a:focus-visible{outline:2px solid var(--champ);outline-offset:-3px}
.section-marquee__toggle{flex-shrink:0;min-width:76px;min-height:44px;padding:8px 12px;border:1px solid rgba(120,206,180,.35);border-radius:5px;background:rgba(0,13,30,.4);color:var(--muted);font-size:13px;font-weight:760;cursor:pointer}
.section-marquee__toggle:hover{border-color:var(--champ);color:var(--champ)}
.section-marquee__toggle:disabled,.motion:disabled{cursor:default;color:var(--muted)}
.section-marquee [hidden]{display:none}
@media(max-width:1020px){.section-marquee__label{display:none}.section-marquee__inner{gap:12px}}
@media(max-width:760px){.section-marquee__inner{gap:8px;min-height:60px}.section-marquee__links a{padding-inline:13px}.section-marquee__toggle{min-width:72px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.section-marquee__window{scroll-behavior:auto}}