.category-discovery{flex:0 0 auto;min-width:0}
.category-discovery .discovery-title{font-size:30px;line-height:1.2;font-weight:900;letter-spacing:-.75px;color:#0f172a;margin:8px 0 26px;max-width:340px}
.discovery-rail{position:relative;display:flex;width:calc(100% + 40px);margin-inline:-20px;height:360px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;background:#101820;user-select:none;-webkit-user-select:none;scroll-behavior:auto}
.discovery-rail::-webkit-scrollbar{display:none}
.discovery-rail[data-dragging=true]{cursor:grabbing}
.discovery-category{position:relative;flex:0 0 50%;min-width:0;height:100%;margin:0;border-right:2px solid #fff;background:#101820;overflow:hidden}
.discovery-category img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.discovery-category:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
.discovery-category figcaption{position:absolute;left:18px;right:14px;bottom:24px;z-index:1;color:#fff;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:break-word;pointer-events:none}
.discovery-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:16px 0 0}
.discovery-control{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #e2e8e099;background:linear-gradient(145deg,#ffffffdf,#f1f5f98c);color:#536375;box-shadow:inset 0 1px 1px #fff,0 2px 7px #0f172a0b;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);cursor:pointer}
.discovery-control:hover{color:#059669}
.category-discovery button:focus-visible,.discovery-rail:focus-visible{outline:3px solid #059669;outline-offset:3px}
.onboarding-shell:has(.category-discovery) .onboarding-content{overflow-x:hidden;padding-top:8px}
/* Full-width images must extend to the shell edges without focus-gutter clipping. */
.onboarding-shell:not(.first-intro-shell):not(.second-intro-shell):has(.category-discovery) .onboarding-content{margin-inline:-20px;padding-inline:20px}
@media(min-width:640px){.discovery-rail{height:400px}}
@media(max-width:350px){.category-discovery .discovery-title{font-size:28px}.discovery-category figcaption{font-size:14px}.discovery-rail{height:320px}}
@media(prefers-reduced-motion:reduce){.discovery-rail{scroll-behavior:auto}.category-discovery *{animation:none!important;transition:none!important}}