/* Homepage discovery: versioned separately so this layout is never affected by legacy stylesheet parsing. */
.feed-layout-wide{display:block!important;max-width:none!important;margin:0!important}
.feed-layout-wide>section{width:100%;max-width:none}
.home-growth{position:relative;overflow:hidden;margin:0 0 29px;padding:25px 27px;border:1px solid #4b5048;border-radius:24px;background:radial-gradient(circle at 89% 4%,#f1912a42,transparent 25%),linear-gradient(120deg,#1b211b,#101310 58%,#25180c);box-shadow:0 16px 40px #0003}
.home-growth:before{content:'';position:absolute;right:8%;top:-92px;width:255px;height:255px;border:42px solid #f1912a12;border-radius:50%;pointer-events:none}
.home-growth header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 17px;padding:0;border:0}
.home-growth h2{margin:4px 0 0;color:#fff7eb;font-size:28px;letter-spacing:-.055em}
.home-growth header>a{color:#ffc47a;font-size:12px;font-weight:900;text-decoration:none}
.home-growth nav{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.home-growth-stage{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:78px;padding:13px;border:1px solid #3a4239;border-radius:16px;background:#0b0e0bc9;color:#f5f6f1;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.home-growth-stage:hover{transform:translateY(-2px);border-color:#d78e39;background:#171b16}
.home-growth-stage .ui-icon{width:25px;height:25px;color:#f2ad5d}
.home-growth-stage strong,.home-growth-stage small{display:block}.home-growth-stage strong{font-size:13px}.home-growth-stage small{margin-top:4px;color:#a9b1a8;font-size:10px}
.home-growth-stage>b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#f1912a18;color:#ffc77e;font-size:11px}
.feed-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 15px}.feed-heading h2{margin:5px 0 0;color:#fff8ed;font-size:31px;letter-spacing:-.055em}.feed-heading p{margin:0;color:#f1b46d;font-size:12px;font-weight:800}.feed-heading p span{letter-spacing:.18em}
.feed-layout-wide .feed-scroll{display:flex;gap:16px;height:min(640px,calc(100dvh - 325px));min-height:440px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;touch-action:pan-x pan-y;border:0;border-radius:0;scrollbar-width:none}.feed-layout-wide .feed-scroll::-webkit-scrollbar{display:none}
.feed-layout-wide .feed-scroll>.seed,.feed-layout-wide .feed-scroll>.adsense-card{flex:0 0 min(510px,47%);width:min(510px,47%);height:100%;min-height:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #353b34;border-radius:21px}.feed-layout-wide .feed-scroll>.feed-load-more{flex:0 0 240px;width:240px;height:100%;margin:0;scroll-snap-align:start}.feed-layout-wide .feed-help{padding:13px 0 10px;text-align:left}.feed-layout-wide>.right-rail{display:none}
@media(max-width:900px){.home-growth{padding:18px;margin-bottom:18px}.home-growth nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px}.home-growth-stage{flex:0 0 170px;scroll-snap-align:start}.feed-heading h2{font-size:27px}}
@media(max-width:600px){.home-growth{padding:14px;border-radius:17px;margin-bottom:13px}.home-growth header{margin-bottom:11px}.home-growth h2{font-size:19px}.home-growth header>a{font-size:10px}.home-growth-stage{flex-basis:145px;min-height:60px;padding:9px}.home-growth-stage .ui-icon{width:21px;height:21px}.home-growth-stage strong{font-size:11px}.home-growth-stage small{font-size:9px}.feed-heading{align-items:center;margin-bottom:10px}.feed-heading h2{font-size:22px}.feed-heading p{display:none}.feed-layout-wide .feed-scroll{height:calc(100dvh - 380px);min-height:360px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;border:1px solid #353735;border-radius:18px}.feed-layout-wide .feed-scroll>.seed,.feed-layout-wide .feed-scroll>.adsense-card{flex:0 0 100%;width:100%;height:100%;min-height:420px;border-radius:17px}.feed-layout-wide .feed-scroll>.feed-load-more{flex-basis:100%;width:100%;height:100%}.feed-layout-wide .feed-help{padding:11px 0 8px;text-align:center}}
.feed-heading-actions{display:flex;align-items:center;gap:13px}.refresh-feed{display:grid;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border:1px solid #454b43;border-radius:50%;background:#161a17;color:#f2b369}.refresh-feed:hover{border-color:#f1912a;background:#f1912a18}.refresh-feed .ui-icon{width:18px;height:18px}@media(max-width:600px){.feed-heading-actions{margin-left:auto}.feed-heading-actions p{display:none}.refresh-feed{width:36px;min-width:36px;height:36px;min-height:36px}}

/* Preview: compact stage navigation and explicit, reversible country preference. */
.home-growth-compact{padding:13px 15px;margin-bottom:23px;border-radius:18px;background:#141812;box-shadow:none}
.home-growth-compact:before{display:none}
.home-growth-compact .home-growth-stage{min-height:62px;padding:10px 12px}
.discovery-country{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12px;color:#c1c4b9}
.discovery-country>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.discovery-country .ui-icon{width:15px;height:15px;color:#f9a542}
.discovery-country select{max-width:240px;width:auto;margin:0;padding:9px 33px 9px 12px;border:1px solid #4a4d43;border-radius:11px;background:#1a1d16;color:#fff;font:inherit;font-weight:600}
.discovery-country select:focus-visible{outline:2px solid #ff9a28;outline-offset:2px}
@media(max-width:600px){.home-growth-compact{padding:10px;margin-bottom:19px}.home-growth-compact .home-growth-stage{min-height:55px;flex-basis:145px}.discovery-country{gap:8px;font-size:11px;margin-top:10px}.discovery-country select{max-width:185px;padding:8px 25px 8px 10px}.feed-layout-wide:has(.discovery-country) .feed-scroll{height:calc(100dvh - 350px);min-height:420px}.feed-layout-wide:has(.discovery-country) .feed-heading{align-items:end}}
/* All six growth stages stay visible on a phone; only songs use a carousel. */
.home-growth-compact nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
@media(max-width:600px){
 .home-growth-compact{padding:9px}
 .home-growth-compact nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;scroll-snap-type:none;padding:0}
 .home-growth-compact .home-growth-stage{display:grid;grid-template-columns:17px minmax(0,1fr) auto;gap:5px;min-width:0;min-height:62px;padding:7px 6px;border-radius:11px;flex-basis:auto}
 .home-growth-compact .home-growth-stage .ui-icon{width:17px;height:17px}
 .home-growth-compact .home-growth-stage strong{font-size:10px;line-height:1.35}
 .home-growth-compact .home-growth-stage small{font-size:8px;line-height:1.3;margin-top:3px}
 .home-growth-compact .home-growth-stage>b{min-width:16px;height:16px;font-size:8px}
}

/* A single horizontal promotion below discovery; desktop keeps this area free. */
.home-mobile-promotion{display:none}
@media(max-width:600px){
 .home-mobile-promotion{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;margin:12px auto 0;padding:14px 16px;border:1px solid #a95b21;border-radius:13px;background:linear-gradient(110deg,#392213,#211b14);color:#fff1dc;text-decoration:none}
 .home-mobile-promotion>span{min-width:0}
 .home-mobile-promotion strong{display:block;font-size:14px;line-height:1.35;letter-spacing:-.02em}
 .home-mobile-promotion small{display:block;margin-top:4px;color:#ffc47c;font-size:11px;line-height:1.4}
 .home-mobile-promotion .home-promotion-arrow{font-size:24px;line-height:1;flex-shrink:0;color:#ffad4b}
 .home-mobile-promotion:focus-visible{outline:2px solid #ffa83e;outline-offset:3px}
}

@media(max-width:360px){
 .home-growth-compact .home-growth-stage{grid-template-columns:minmax(0,1fr) auto}
 .home-growth-compact .home-growth-stage>.ui-icon{display:none}
 .home-growth-compact .home-growth-stage strong{font-size:9px}
}

/* Keep country selection and refresh inside narrow phone widths. */
.feed-heading>div:first-child{min-width:0}
.feed-heading-actions{flex:none}
@media(max-width:600px){.discovery-country{flex-wrap:wrap}.discovery-country select{max-width:100%;min-width:0;width:100%}.feed-heading h2{overflow-wrap:anywhere}}