/* Homepage-only refinement: preserve the approved site typography and other screens. */
.leaderboard-home #leaderboard{scroll-margin-top:24px}
.leaderboard-home .hero-backdrop{background:radial-gradient(ellipse at 18% 32%,#f5dfc952 0%,#f5dfc919 35%,transparent 65%),radial-gradient(ellipse at 78% 28%,#c7b9f44d 0%,#dcd3f821 37%,transparent 70%)}
.leaderboard-home:has(#preview-dark-mode:checked) .hero-backdrop{background:radial-gradient(ellipse at 18% 32%,#a976431a 0%,transparent 65%),radial-gradient(ellipse at 78% 28%,#9670da26 0%,#9670da0d 37%,transparent 70%)}
.leaderboard-home .hero{padding-top:26px;padding-bottom:12px;column-gap:28px}
@media(min-width:801px){
 .leaderboard-home .hero-art{width:100%;max-width:520px;justify-self:center;padding:18px 16px 88px 12px}
 .leaderboard-home .hero-art .product-art{height:164px}
 .leaderboard-home .hero-art .window-product{padding:20px 18px}
 .leaderboard-home .hero-price{padding:14px 20px 18px}
 .leaderboard-home .floating-note{left:0;bottom:10px;padding:12px 15px;max-width:calc(100% - 15px)}
}
@media(max-width:800px){.leaderboard-home .hero-art{max-width:440px}}
/* A small invitation to claim the all-time leader's featured placement. */
.leaderboard-home .hero-spot-label{position:absolute;z-index:2;top:-18px;left:22px;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:7px 8px 7px 15px;border:1px solid #dfd7f5;border-radius:100px;background:#fff;color:var(--ink);font-size:13px;font-weight:650;line-height:1.3;white-space:nowrap;box-shadow:0 6px 18px #49397518;transform:rotate(-4deg);transition:transform .18s,box-shadow .18s}
.leaderboard-home .hero-spot-label strong{padding:5px 10px;border-radius:100px;background:var(--purple);color:#fff;font-size:12px;font-weight:700}
.leaderboard-home .hero-spot-arrow{position:absolute;right:-25px;top:28px;width:49px;height:60px;fill:none;stroke:var(--purple);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.leaderboard-home .hero-spot-label:hover{transform:rotate(-2deg) translateY(-2px);box-shadow:0 8px 22px #49397525}
body.leaderboard-home:has(#preview-dark-mode:checked) .hero-spot-label{background:#211e2b;border-color:#675785;color:var(--ink)}
body.leaderboard-home:has(#preview-dark-mode:checked) .hero-spot-label strong{background:#5545ed;color:white}
@media(max-width:650px){.leaderboard-home .hero-spot-label{left:8px;top:-17px;min-height:40px;font-size:12px;padding-left:12px;gap:8px}.leaderboard-home .hero-spot-label strong{font-size:11px}.leaderboard-home .hero-spot-arrow{width:42px;height:52px;right:-19px}}
@media(prefers-reduced-motion:reduce){.leaderboard-home .hero-spot-label{transition:none}.leaderboard-home .hero-spot-label:hover{transform:rotate(-4deg)}}
.leaderboard-home #leaderboard{padding-top:18px}
/* Match the claim controls to a centered board, with equal sidebar-sized gutters. */
@media(min-width:1051px){
 .leaderboard-home #leaderboard{--board-side:168px;--board-gap:34px;--board-inset:clamp(0px,calc(25vw - 300px),50px)}
 .leaderboard-home #leaderboard .discovery-layout{grid-template-columns:calc(var(--board-side) + var(--board-inset)) minmax(0,1fr) calc(var(--board-side) + var(--board-inset));column-gap:var(--board-gap)}
 .leaderboard-home #leaderboard .claim-intro{width:calc(100% - 2 * var(--board-side) - 2 * var(--board-gap) - 2 * var(--board-inset));max-width:none}
}
@media(min-width:1051px) and (max-width:1250px){
 .leaderboard-home #leaderboard{--board-side:145px;--board-gap:23px}
}
@media(max-width:1050px){
 .leaderboard-home #leaderboard .claim-intro{width:100%;max-width:none}
}
.leaderboard-home .board-heading{margin-bottom:22px}
.leaderboard-home .board-heading h2{font-size:32px}
.leaderboard-home .board-heading p{margin-top:8px;font-size:13px}
.leaderboard-home .side-note{display:none}
.leaderboard-home .rank-list{gap:32px;padding-top:20px}
.leaderboard-home .rank-card{min-height:126px;padding:14px 18px 12px;grid-template-columns:34px 44px minmax(130px,1fr) 244px 124px;gap:7px 14px;border-radius:15px;background:#fff;border-color:var(--line);box-shadow:none;isolation:isolate}
.leaderboard-home .rank-card.no-deal{grid-template-columns:34px 44px minmax(130px,1fr) 124px}
.leaderboard-home .rank-card.podium-1{background:#e9e7fb;border:2px solid var(--purple)}
.leaderboard-home .rank-card.podium-2{background:#f3f1fc;border-color:#e5e0f4}
.leaderboard-home .rank-card.podium-3{background:#f8f7fd;border-color:#e8e4f3}
.leaderboard-home .rank-card:hover,.leaderboard-home .rank-card:focus-within{border-color:#9382ee;box-shadow:0 5px 16px #4e3db512}
.leaderboard-home .rank-card>.product-logo{width:44px;height:44px;border-radius:12px}
.leaderboard-home .rank-card .medal{width:34px;height:47px}
.leaderboard-home .rank-card .product-info h3{font-size:19px;margin-bottom:5px}
.leaderboard-home .rank-card .product-info h3 .pill.purple{font-weight:800;color:#4930c7}
.leaderboard-home .rank-card .product-info p{font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.leaderboard-home .rank-card .row-meta{font-size:10px;gap:4px 9px;line-height:1.55}
.leaderboard-home .rank-card .row-meta>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}
.leaderboard-home .rank-card .take-rank{font-size:10px;line-height:17px;min-height:28px;padding:5px 11px;margin-bottom:5px}
.leaderboard-home .rank-card .rank-total>strong{font-size:28px}
.leaderboard-home .rank-card .rank-total>small{font-size:9px;margin-top:3px}
.leaderboard-home .rank-card .visit{font-size:10px;min-height:22px;align-items:center}
.leaderboard-home .rank-card .visit .icon{margin-bottom:0}
.leaderboard-home .rank-card .offer-mini{padding:10px 12px 8px;margin-top:2px;border-radius:13px;background:#fff7ed}
.leaderboard-home .rank-card .offer-mini>.yearly{font-size:9px;top:-10px;line-height:14px;padding:2px 9px;color:#000}
.leaderboard-home .rank-card .offer-top{font-size:10px;margin:3px 0 5px;line-height:1.4}
.leaderboard-home .rank-card .offer-top strong{font-size:17px}
.leaderboard-home .rank-card .tier-labels{font-size:9px;margin-top:3px;line-height:1.3}
.leaderboard-home .rank-card .offer-mini .btn{font-size:10px;min-height:27px;line-height:16px;padding:4px 13px;margin-top:6px}
.leaderboard-home .rank-card .claim-float{font-size:10px;line-height:18px;top:-16px;padding:6px 15px}
/* One row link covers open space; sibling actions stay separate, with no nested links. */
.leaderboard-home .row-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.leaderboard-home .rank-card>:not(a):not(button){pointer-events:none}
.leaderboard-home .rank-card a:not(.row-link),.leaderboard-home .rank-card button{position:relative;z-index:3;pointer-events:auto}
.leaderboard-home .rank-card a.claim-float{position:absolute;z-index:4}
.leaderboard-home .rank-card .row-link:focus-visible{outline-offset:3px}
.leaderboard-home .rank-card .rank-total a{display:inline-flex}
.leaderboard-home .best-deals-inline{background:#fff6eb;border:1px solid #efdfc9;border-radius:19px;padding:22px;margin-top:27px}
.leaderboard-home .inline-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.leaderboard-home .inline-heading h2{font-size:22px;letter-spacing:-.04em}
.leaderboard-home .inline-heading>a{font-size:11px;white-space:nowrap}
.leaderboard-home .best-deals-inline .inline-heading{position:relative;justify-content:center;min-height:30px}
.leaderboard-home .best-deals-inline .inline-heading>a{position:absolute;right:0}
.leaderboard-home .mini-deal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.leaderboard-home .mini-deal{display:flex;flex-direction:column;padding:17px;background:white;border:1px solid #eee8e0;border-radius:13px;min-width:0}
.leaderboard-home .mini-deal-header{display:flex;gap:10px;align-items:center;margin-bottom:17px}
.leaderboard-home .mini-deal-header h3{font-size:17px;line-height:1.3}
.leaderboard-home .mini-deal-header p{font-size:11px;margin-top:3px}
.leaderboard-home .mini-deal-header .product-logo{height:34px;width:34px;border-radius:9px}
.leaderboard-home .mini-deal-price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px}
.leaderboard-home .mini-deal-price strong{font-size:28px;line-height:1.2;letter-spacing:-.055em}
.leaderboard-home .mini-deal-tiers{margin-top:8px}
.leaderboard-home .mini-deal-tiers .tier-labels{font-size:11px;margin-top:5px}
.leaderboard-home .mini-deal-stock{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--ink);line-height:1.5;margin:18px 0 12px;text-align:center}
.leaderboard-home .mini-deal-stock>span{height:5px;width:5px;flex:0 0 5px;border-radius:50%;background:var(--green)}
.leaderboard-home .mini-deal .btn{min-height:34px;padding:7px 10px;font-size:11px;margin-top:auto}
.leaderboard-home .today-inline{margin:24px 0 8px}
.leaderboard-home .today-inline .inline-heading{margin-bottom:12px}
.leaderboard-home .today-inline .inline-heading h2,.leaderboard-home .latest-inline .inline-heading h2{font-size:18px}
.leaderboard-home .today-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.leaderboard-home .today-pill{display:flex;align-items:center;gap:10px;padding:12px 13px;background:#f7f6fd;border:1px solid #e8e4f1;border-radius:12px;min-width:0}
.leaderboard-home .today-pill .today-position{font-size:11px;color:#9c92ae}
.leaderboard-home .today-pill .product-logo{width:27px;height:27px;border-radius:8px}
.leaderboard-home .today-pill strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.leaderboard-home .today-pill>b{margin-left:auto;font-size:16px;letter-spacing:-.045em}
.leaderboard-home .latest-inline{margin:28px 0 12px}
.leaderboard-home .latest-inline .inline-heading{margin-bottom:12px}
.leaderboard-home .latest-inline .inline-heading>small{font-size:10px;color:#9b91a6}
.leaderboard-home .activity-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.leaderboard-home .activity-pill{display:grid;grid-template-columns:1fr auto;gap:3px 7px;padding:11px 12px;background:#f6f5f9;border:1px solid var(--line);border-radius:10px;font-size:10px;min-width:0}
.leaderboard-home .activity-pill strong{font-size:11px;font-weight:620;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.leaderboard-home .activity-pill b{font-size:12px;color:var(--purple)}
.leaderboard-home .activity-pill span{color:#8c829b;font-size:9px}
.leaderboard-home .activity-pill time{color:#9d91a8;text-align:right;font-size:9px}
.leaderboard-home .compact-list{gap:29px;padding-top:18px}
.leaderboard-home .rank-card.compact-row{min-height:83px;grid-template-columns:26px 34px minmax(130px,1fr) 213px 124px;padding:8px 15px;gap:4px 13px;border-radius:12px}
.leaderboard-home .rank-card.compact-row.no-deal{grid-template-columns:26px 34px minmax(130px,1fr) 124px}
.leaderboard-home .compact-row>.product-logo{width:34px;height:34px;border-radius:9px}
.leaderboard-home .compact-row .rank-position{font-size:12px}
.leaderboard-home .compact-row .product-info h3{font-size:16px;margin-bottom:3px;line-height:1.3}
.leaderboard-home .compact-row .product-info p{font-size:11px;line-height:1.4;-webkit-line-clamp:1}
.leaderboard-home .compact-row .row-meta{font-size:9px;line-height:1.4}
.leaderboard-home .compact-row .rank-total>strong{font-size:22px}
.leaderboard-home .compact-row .rank-total>small{font-size:8px;margin-top:1px}
.leaderboard-home .compact-row .take-rank{font-size:9px;min-height:23px;padding:2px 9px;line-height:16px;margin-bottom:2px}
.leaderboard-home .compact-row .visit{font-size:9px;min-height:16px}
.leaderboard-home .compact-row .compact-offer{grid-column:4;grid-row:1/3;border:1px solid #f0e3d2;background:var(--cream);border-radius:10px;padding:7px 10px}
.leaderboard-home .compact-offer-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;line-height:1.4}
.leaderboard-home .compact-offer-top>strong{font-size:15px;letter-spacing:-.035em}
.leaderboard-home .compact-offer-top a{color:var(--purple);font-size:10px;font-weight:620}
.leaderboard-home .compact-offer-stock{font-size:9px;margin:2px 0 4px;line-height:1.4;color:#8e7f91}
.leaderboard-home .compact-offer .tier-labels{font-size:8px;margin-top:2px;line-height:1.2}
.leaderboard-home .compact-row .claim-float{font-size:9px;line-height:17px;top:-15px;padding:5px 12px}
.leaderboard-home .board-end{font-size:10px;color:#9b90a7;text-align:center;padding-top:23px}
.leaderboard-home .section:has(.discovery-layout){padding-bottom:12px}
.ai-links{flex-direction:column;justify-content:center;gap:20px;text-align:center}
.ai-links .button-row{justify-content:center}
@media(min-width:1600px){.leaderboard-home .rank-card{grid-template-columns:36px 48px minmax(160px,1fr) 255px 134px;gap:7px 19px}.leaderboard-home .rank-card.no-deal{grid-template-columns:36px 48px minmax(160px,1fr) 134px}.leaderboard-home .rank-card.compact-row{grid-template-columns:26px 34px minmax(150px,1fr) 220px 134px;gap:4px 17px}.leaderboard-home .rank-card.compact-row.no-deal{grid-template-columns:26px 34px minmax(150px,1fr) 134px}}
@media(max-width:1250px) and (min-width:801px){.leaderboard-home .rank-card{grid-template-columns:28px 38px minmax(105px,1fr) 209px 108px;gap:7px 10px;padding-inline:13px}.leaderboard-home .rank-card.no-deal{grid-template-columns:28px 38px minmax(105px,1fr) 108px}.leaderboard-home .rank-card>.product-logo{width:38px;height:38px}.leaderboard-home .rank-card .medal{width:28px}.leaderboard-home .rank-card .product-info h3{font-size:17px}.leaderboard-home .rank-card .product-info p{font-size:11px}.leaderboard-home .rank-card .row-meta{font-size:9px}.leaderboard-home .rank-card .offer-top{font-size:9px}.leaderboard-home .rank-card.compact-row{grid-template-columns:25px 32px minmax(110px,1fr) 185px 108px;gap:4px 10px;padding-inline:12px}.leaderboard-home .rank-card.compact-row.no-deal{grid-template-columns:25px 32px minmax(110px,1fr) 108px}.leaderboard-home .compact-row .product-info h3{font-size:15px}.leaderboard-home .mini-deal{padding:13px}.leaderboard-home .mini-deal-price{flex-wrap:wrap}.leaderboard-home .mini-deal-price .saving{font-size:9px}.leaderboard-home .today-pill{gap:7px;padding:11px}.leaderboard-home .today-pill strong{font-size:11px}}
@media(max-width:800px){.leaderboard-home .rank-card{grid-template-columns:27px 37px minmax(100px,1fr) 199px 102px;gap:6px 9px;padding:13px 12px;min-height:123px}.leaderboard-home .rank-card.no-deal{grid-template-columns:27px 37px minmax(100px,1fr) 102px}.leaderboard-home .rank-card>.product-logo{width:37px;height:37px}.leaderboard-home .rank-card .product-info h3{font-size:16px}.leaderboard-home .rank-card .product-info p{font-size:11px}.leaderboard-home .rank-card .row-meta{font-size:9px}.leaderboard-home .rank-card .offer-top{font-size:8px}.leaderboard-home .rank-card.compact-row{grid-template-columns:24px 30px minmax(90px,1fr) 172px 102px;gap:4px 9px;padding-inline:12px}.leaderboard-home .rank-card.compact-row.no-deal{grid-template-columns:24px 30px minmax(90px,1fr) 102px}.leaderboard-home .rank-card.compact-row>.product-logo{width:30px;height:30px}.leaderboard-home .compact-row .product-info h3{font-size:15px}.leaderboard-home .best-deals-inline{padding:18px}.leaderboard-home .mini-deal-grid{gap:10px}.leaderboard-home .mini-deal{padding:12px}.leaderboard-home .mini-deal-header{gap:7px}.leaderboard-home .mini-deal-header h3{font-size:15px}.leaderboard-home .mini-deal-header .product-logo{width:28px;height:28px}.leaderboard-home .mini-deal-price{flex-wrap:wrap}.leaderboard-home .mini-deal-price strong{font-size:22px}.leaderboard-home .mini-deal-price .saving{font-size:9px}.leaderboard-home .activity-pills{gap:6px}.leaderboard-home .activity-pill{padding:10px 8px}.leaderboard-home .today-pill{padding:10px;gap:7px}.leaderboard-home .today-pill strong{font-size:11px}}
@media(max-width:650px){.leaderboard-home .board-heading h2{font-size:27px}.leaderboard-home .rank-card,.leaderboard-home .rank-card.no-deal{grid-template-columns:25px 35px minmax(0,1fr) 89px;grid-template-rows:auto auto auto;min-height:0;gap:9px 8px;padding:17px 12px 12px}.leaderboard-home .rank-card>.product-logo{width:35px;height:35px}.leaderboard-home .rank-card .product-info h3{font-size:16px;line-height:1.3}.leaderboard-home .rank-card .product-info p{font-size:11px;line-height:1.5}.leaderboard-home .rank-card .medal{width:25px!important;height:37px}.leaderboard-home .rank-card .rank-total{grid-column:4;grid-row:1}.leaderboard-home .rank-card .rank-total>strong{font-size:25px}.leaderboard-home .rank-card .rank-total>small{font-size:8px}.leaderboard-home .rank-card .take-rank{font-size:8px;min-height:28px;padding:4px 6px;line-height:17px}.leaderboard-home .rank-card .offer-mini{grid-column:1/5;grid-row:2;margin-top:9px;padding:13px 12px 9px}.leaderboard-home .rank-card .offer-top{font-size:10px}.leaderboard-home .rank-card .offer-top strong{font-size:18px}.leaderboard-home .rank-card .offer-mini .btn{min-height:32px;font-size:11px;margin-top:7px;padding:6px 12px}.leaderboard-home .rank-card .row-meta{grid-column:1/4;grid-row:3;font-size:9px}.leaderboard-home .rank-card .visit{grid-column:4;grid-row:3;font-size:9px;min-height:24px;justify-content:end}.leaderboard-home .rank-card.no-deal .row-meta,.leaderboard-home .rank-card.no-deal .visit{grid-row:2}.leaderboard-home .rank-card .claim-float{font-size:9px;padding:5px 13px;line-height:19px;top:-15px}.leaderboard-home .mini-deal-grid{grid-template-columns:1fr}.leaderboard-home .mini-deal{padding:16px}.leaderboard-home .mini-deal-header h3{font-size:18px}.leaderboard-home .mini-deal-header .product-logo{height:34px;width:34px}.leaderboard-home .mini-deal-price{flex-wrap:nowrap}.leaderboard-home .mini-deal-price strong{font-size:27px}.leaderboard-home .mini-deal-price .saving{font-size:11px}.leaderboard-home .mini-deal-stock{font-size:11px;margin-block:9px}.leaderboard-home .mini-deal .btn{min-height:36px;font-size:12px}.leaderboard-home .best-deals-inline{padding:17px 15px}.leaderboard-home .best-deals-inline .inline-heading{justify-content:space-between;margin-bottom:14px}.leaderboard-home .best-deals-inline .inline-heading h2{font-size:19px}.leaderboard-home .best-deals-inline .inline-heading>a{position:static;font-size:10px}.leaderboard-home .today-pills{gap:7px;grid-template-columns:1fr}.leaderboard-home .today-pill{padding:9px 12px;gap:11px}.leaderboard-home .today-pill strong{font-size:12px}.leaderboard-home .today-pill .product-logo{height:24px;width:24px}.leaderboard-home .activity-pills{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px}.leaderboard-home .activity-pill{flex:0 0 150px;padding:11px}.leaderboard-home .rank-card.compact-row,.leaderboard-home .rank-card.compact-row.no-deal{grid-template-columns:23px 30px minmax(0,1fr) 83px;grid-template-rows:auto auto;gap:5px 7px;padding:11px 10px;min-height:0}.leaderboard-home .compact-row .product-info h3{font-size:14px;margin-bottom:3px}.leaderboard-home .compact-row .product-info p{font-size:10px;-webkit-line-clamp:1}.leaderboard-home .compact-row .product-info h3 .pill{display:none}.leaderboard-home .compact-row .rank-total>strong{font-size:21px}.leaderboard-home .compact-row .rank-total>small{font-size:7px}.leaderboard-home .compact-row .take-rank{font-size:8px;padding:3px 6px;min-height:25px;line-height:16px;margin-bottom:2px}.leaderboard-home .compact-row .row-meta{font-size:8px;grid-row:2}.leaderboard-home .compact-row .visit{font-size:8px;min-height:19px;grid-row:2}.leaderboard-home .compact-row .compact-offer{grid-column:1/5;grid-row:2;padding:7px 10px}.leaderboard-home .compact-row:not(.no-deal) .row-meta,.leaderboard-home .compact-row:not(.no-deal) .visit{grid-row:3}.leaderboard-home .compact-row .compact-offer-top{font-size:10px}.leaderboard-home .compact-row .compact-offer-top>strong{font-size:14px}.leaderboard-home .compact-offer-stock{margin-top:1px;margin-bottom:3px;font-size:9px}.leaderboard-home .compact-offer .tier-labels{font-size:8px}.leaderboard-home .compact-row .claim-float{top:-14px;font-size:9px;padding:4px 10px}}
@media(max-width:375px){.leaderboard-home .rank-card,.leaderboard-home .rank-card.no-deal{grid-template-columns:20px 29px minmax(0,1fr) 77px;gap:8px 6px;padding-inline:10px}.leaderboard-home .rank-card>.product-logo{width:29px;height:29px;border-radius:9px}.leaderboard-home .rank-card .product-info h3{font-size:14px}.leaderboard-home .rank-card .product-info p{font-size:10px}.leaderboard-home .rank-card .take-rank{font-size:7px;padding:4px 5px}.leaderboard-home .rank-card.compact-row,.leaderboard-home .rank-card.compact-row.no-deal{grid-template-columns:20px 27px minmax(0,1fr) 77px}.leaderboard-home .rank-card.compact-row>.product-logo{width:27px;height:27px}.leaderboard-home .compact-row .product-info h3{font-size:13px}.leaderboard-home .best-deals-inline .inline-heading h2{font-size:17px}}
/* Open rank entry: centered typography, a priced action, then the list filters. */
.leaderboard-home .claim-intro{max-width:1060px;margin:0 auto 12px;text-align:center}
.leaderboard-home .rank-entry-heading{margin:0 0 25px}
.leaderboard-home .rank-entry-heading h2{font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.055em;margin:0 0 10px}
.leaderboard-home .rank-entry-heading h2>span{color:var(--purple)}
.leaderboard-home .rank-entry-heading>p{font-size:18px;font-weight:600;color:var(--ink);line-height:1.6;max-width:700px;margin-inline:auto;text-wrap:balance}
.leaderboard-home .rank-entry-heading>p strong{color:var(--purple);font-weight:750}
body.leaderboard-home:has(#preview-dark-mode:checked) .rank-entry-heading>p{color:var(--ink)}
.leaderboard-home .claim-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:14px;align-items:end;text-align:left}
.leaderboard-home .claim-fields label{min-width:0;margin:0}
.leaderboard-home .claim-fields label>span:not(.sr-only){display:block;font-size:11px;font-weight:550;margin:0 0 8px 2px;color:var(--ink)}
.leaderboard-home .claim-fields input,.leaderboard-home .claim-fields select{width:100%;height:50px;border:1px solid #ddd8e7;border-radius:11px;background:white;padding:0 15px;font:400 13px Inter,sans-serif;color:var(--ink);margin:0}
.leaderboard-home .claim-fields input::placeholder{color:#9a91a5}
.leaderboard-home .claim-fields select{cursor:pointer}
.leaderboard-home .claim-fields .list-product-action{display:inline-flex;align-items:center;justify-content:center;min-width:182px;min-height:50px;padding:12px 20px;border-radius:11px;white-space:nowrap;font-size:13px;text-align:center}
.leaderboard-home .rank-takeover{display:flex;align-items:center;justify-content:center;gap:18px;margin:23px auto 0}
.leaderboard-home .rank-takeover .claim-quote{position:relative;display:flex;align-items:center;justify-content:center;min-width:230px;min-height:68px;padding:6px 20px;border-radius:13px;background:var(--purple);border-color:var(--purple);color:#fff;white-space:nowrap;text-align:center;box-shadow:0 3px 8px #6245c710}
.leaderboard-home .rank-takeover .claim-quote:hover{background:var(--purple-dark);border-color:var(--purple-dark)}
.leaderboard-home .rank-border-trace{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);overflow:visible;pointer-events:none}
.leaderboard-home .rank-border-trace rect{fill:none;stroke:#fff;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:0 100;filter:drop-shadow(0 0 2px #ffffff45);animation:rank-border-orbit 4.4s linear infinite}
/* Keep the 1.3s draw; fade out by 2.4s, then stay invisible for 2s. */
@keyframes rank-border-orbit{
 0%{stroke-dasharray:0 100;opacity:0}
 1.909091%{stroke-dasharray:2 98;opacity:1;animation-timing-function:cubic-bezier(.12,.55,.88,.45)}
 31.181818%,41.363636%{stroke-dasharray:100 0;opacity:1}
 54.545455%,100%{stroke-dasharray:100 0;opacity:0}
}
.leaderboard-home .claim-quote-copy{display:flex;flex-direction:column;gap:1px;line-height:25px;text-align:center}
.leaderboard-home .claim-quote-copy>span{font-size:22px;font-weight:700}
.leaderboard-home .claim-quote-copy>strong{font-size:24px;font-weight:700;line-height:27px;letter-spacing:-.025em}
.leaderboard-home .rank-card .visit{background:none;border:0;padding:0;color:var(--muted);font-family:inherit;cursor:pointer}
.leaderboard-home .claim-float{visibility:hidden}
.leaderboard-home .rank-card:hover .claim-float,.leaderboard-home .rank-card:focus-within .claim-float{visibility:visible}
.leaderboard-home .mini-deal-price .pill{font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}
.leaderboard-home .compact-offer-top .icon{width:10px;height:10px}
.leaderboard-home .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.leaderboard-home .rank-entry-heading h2{font-size:33px}.leaderboard-home .claim-fields{gap:11px}.leaderboard-home .claim-fields input,.leaderboard-home .claim-fields select{font-size:12px;padding-inline:12px}.leaderboard-home .claim-fields .list-product-action{min-width:156px;padding-inline:15px;font-size:12px}}
@media(max-width:650px){.leaderboard-home .claim-intro{margin-bottom:12px}.leaderboard-home .rank-entry-heading{margin-bottom:22px}.leaderboard-home .rank-entry-heading h2{font-size:31px;max-width:350px;margin-inline:auto;text-wrap:balance}.leaderboard-home .rank-entry-heading>p{font-size:16px;max-width:380px;margin-inline:auto}.leaderboard-home .claim-fields{grid-template-columns:minmax(0,1fr) auto;gap:13px 10px}.leaderboard-home .claim-fields label:first-child{grid-column:1/3}.leaderboard-home .claim-fields input,.leaderboard-home .claim-fields select{height:47px;font-size:12px;padding-inline:11px}.leaderboard-home .claim-fields .list-product-action{min-height:47px;font-size:12px;padding-inline:13px;gap:9px}.leaderboard-home .rank-takeover{gap:15px;margin-top:22px}}
@media(max-width:375px){.leaderboard-home .rank-entry-heading h2{font-size:29px}.leaderboard-home .claim-fields{grid-template-columns:minmax(0,1fr)}.leaderboard-home .claim-fields label:first-child{grid-column:auto}.leaderboard-home .claim-fields .list-product-action{width:100%}}
/* Keep form controls on one baseline and prevent long sample rows widening the grid. */
.leaderboard-home .claim-fields label,.leaderboard-home .claim-fields input,.leaderboard-home .claim-fields select{margin:0}
.leaderboard-home .discovery-layout>div{min-width:0}
.leaderboard-home .rank-card{min-width:0}
@media(max-width:1050px){.leaderboard-home .discovery-layout{grid-template-columns:minmax(0,1fr)}}
/* A second height step for ranks 11–50, retaining the same compact type sizes. */
@media(min-width:651px){.leaderboard-home .rank-card.compact-row{padding-top:7px;padding-bottom:7px}.leaderboard-home .compact-row .rank-total{display:flex;flex-direction:column;align-items:center;line-height:1}.leaderboard-home .compact-row .take-rank{min-height:20px;padding:1px 9px;margin-bottom:2px}.leaderboard-home .compact-row .rank-total>strong{font-size:21px}.leaderboard-home .compact-row .rank-total>small{line-height:1.2}.leaderboard-home .compact-row .visit{min-height:14px}.leaderboard-home .compact-row .visit .icon{width:11px;height:11px}}

/* Original homepage motion, restored from eae6b39 (cadence established in 4fe1f46).
   Deal cards: left/middle/right at 0/10/20s, returning right/middle/left at 30/40/50s.
   Rank #1: alternate vertical turns at 5/15/25/35/45/55s. Each turn takes 450ms.
   Today's pills: original light sweep, next pill every 5s, complete circuit 15s.
   These are the original keyframes, perspectives and easing, not approximations. */
.leaderboard-home .rank1-flip,
.leaderboard-home .deal-flip-0,
.leaderboard-home .deal-flip-1,
.leaderboard-home .deal-flip-2 {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-origin: center;
  transform-style: preserve-3d;
  will-change: transform;
}

.leaderboard-home .rank1-flip {
  animation: rank1-flip 20s linear infinite;
}

@keyframes rank1-flip {
  0%, 25% {
    transform: perspective(1200px) rotateX(0deg);
  }
  26.124% {
    transform: perspective(1200px) rotateX(90deg);
  }
  26.125% {
    transform: perspective(1200px) rotateX(-90deg);
  }
  27.25% {
    transform: perspective(1200px) rotateX(0deg);
  }
  75% {
    transform: perspective(1200px) rotateX(0deg);
  }
  76.124% {
    transform: perspective(1200px) rotateX(-90deg);
  }
  76.125% {
    transform: perspective(1200px) rotateX(90deg);
  }
  77.25% {
    transform: perspective(1200px) rotateX(0deg);
  }
  100% {
    transform: perspective(1200px) rotateX(0deg);
  }
}

.leaderboard-home .deal-flip-0 {
  animation: deal-flip-0 60s linear infinite;
}

.leaderboard-home .deal-flip-1 {
  animation: deal-flip-1 60s linear infinite;
}

.leaderboard-home .deal-flip-2 {
  animation: deal-flip-2 60s linear infinite;
}

/* Left card: forward at 0 s, reverse at 50 s. */
@keyframes deal-flip-0 {
  0% { transform: perspective(900px) rotateY(0deg); }
  0.374% { transform: perspective(900px) rotateY(90deg); }
  0.375% { transform: perspective(900px) rotateY(-90deg); }
  0.75% { transform: perspective(900px) rotateY(0deg); }
  83.333% { transform: perspective(900px) rotateY(0deg); }
  83.707% { transform: perspective(900px) rotateY(-90deg); }
  83.708% { transform: perspective(900px) rotateY(90deg); }
  84.083% { transform: perspective(900px) rotateY(0deg); }
  100% { transform: perspective(900px) rotateY(0deg); }
}

/* Middle card: forward at 10 s, reverse at 40 s. */
@keyframes deal-flip-1 {
  0%, 16.667% { transform: perspective(900px) rotateY(0deg); }
  17.041% { transform: perspective(900px) rotateY(90deg); }
  17.042% { transform: perspective(900px) rotateY(-90deg); }
  17.417% { transform: perspective(900px) rotateY(0deg); }
  66.667% { transform: perspective(900px) rotateY(0deg); }
  67.041% { transform: perspective(900px) rotateY(-90deg); }
  67.042% { transform: perspective(900px) rotateY(90deg); }
  67.417% { transform: perspective(900px) rotateY(0deg); }
  100% { transform: perspective(900px) rotateY(0deg); }
}

/* Right card: forward at 20 s, reverse at 30 s. */
@keyframes deal-flip-2 {
  0%, 33.333% { transform: perspective(900px) rotateY(0deg); }
  33.707% { transform: perspective(900px) rotateY(90deg); }
  33.708% { transform: perspective(900px) rotateY(-90deg); }
  34.083% { transform: perspective(900px) rotateY(0deg); }
  50% { transform: perspective(900px) rotateY(0deg); }
  50.374% { transform: perspective(900px) rotateY(-90deg); }
  50.375% { transform: perspective(900px) rotateY(90deg); }
  50.75% { transform: perspective(900px) rotateY(0deg); }
  100% { transform: perspective(900px) rotateY(0deg); }
}

.leaderboard-home .pill-sheen {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --pill-sheen-strength: 0.75;
}

.leaderboard-home .pill-sheen > * {
  position: relative;
  z-index: 1;
}

.leaderboard-home .pill-sheen::after {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 55%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgb(129 140 248 / 0.12) 25%, white 50%, rgb(129 140 248 / 0.12) 75%, transparent);
  opacity: 0;
  transform: translateX(-150%) skewX(-18deg);
  animation: pill-sheen var(--pill-sheen-cycle, 15s) ease-in-out infinite;
  animation-delay: var(--pill-sheen-delay, 0s);
}

@keyframes pill-sheen {
  0% {
    opacity: 0;
    transform: translateX(-150%) skewX(-18deg);
  }
  2% {
    opacity: var(--pill-sheen-strength);
  }
  10%, 100% {
    opacity: 0;
    transform: translateX(300%) skewX(-18deg);
  }
}


/* The existing native Pause motion checkbox also stops homepage card motion.
   Return cards to their readable face, even when paused in the middle of a turn. */
.leaderboard-home:has(.motion-toggle input:checked) :is(.rank1-flip,.deal-flip-0,.deal-flip-1,.deal-flip-2){animation:none;transform:none;will-change:auto}
.leaderboard-home:has(.motion-toggle input:checked) .pill-sheen::after{animation:none;opacity:0}
.leaderboard-home:has(.motion-toggle input:checked) .rank-border-trace{display:none}
.leaderboard-home:has(.motion-toggle input:checked) .rank-border-trace rect{animation:none}
@media(max-width:650px){.leaderboard-home .motion-toggle{display:flex}}
@media(prefers-reduced-motion:reduce){
 .leaderboard-home :is(.rank1-flip,.deal-flip-0,.deal-flip-1,.deal-flip-2){animation:none;transform:none;will-change:auto}
 .leaderboard-home .pill-sheen::after{animation:none;opacity:0}
 .leaderboard-home .rank-border-trace{display:none}
 .leaderboard-home .rank-border-trace rect{animation:none}
 .leaderboard-home .motion-toggle{display:none}
}

/* In-place period selection: sample HTML only, using native radio inputs. */
.leaderboard-home .claim-intro .board-periods{display:flex;justify-content:center;gap:22px;min-width:0;width:100%;max-width:100%;margin:29px auto 0;padding:0;border:0;border-bottom:1px solid #e6e1ee;border-radius:0;background:transparent;vertical-align:top}
.leaderboard-home .board-tab{display:block;position:relative;margin:0;cursor:pointer;flex:0 1 auto}
.leaderboard-home .board-tab>span{display:flex;align-items:center;justify-content:center;padding:9px 3px 12px;border-bottom:2px solid transparent;white-space:nowrap;font-size:13px;font-weight:570;min-height:39px;line-height:18px;color:var(--ink)}
.leaderboard-home .board-tab:has(input:checked)>span{border-bottom-color:var(--purple);color:var(--purple)}
.leaderboard-home .board-tab:has(input:focus-visible)>span{outline:2px solid var(--purple);outline-offset:3px}
.leaderboard-home:has(#board-period-all:checked) .period-content:not(.period-all),
.leaderboard-home:has(#board-period-today:checked) .period-content:not(.period-today){display:none}
.leaderboard-home .rank-card.podium-1:hover,.leaderboard-home .rank-card.podium-1:focus-within{border-color:var(--purple)}
.leaderboard-home .ranking-sidebar{min-width:0;padding-top:20px;align-self:start}
.leaderboard-home .side-ranking-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 14px}
.leaderboard-home .side-ranking-heading h2{min-width:0;font-size:15px;font-weight:680;letter-spacing:-.025em;line-height:1.4;color:#000}
.leaderboard-home .side-ranking-heading .period-shortcut{flex-shrink:0;white-space:nowrap}
.leaderboard-home .side-ranking ol{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:13px}
.leaderboard-home .side-ranking li{min-width:0}
.leaderboard-home .side-ranking li a{display:grid;grid-template-columns:22px 26px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:31px}
.leaderboard-home .side-rank-position{font-size:12px;color:#000;font-variant-numeric:tabular-nums}
.leaderboard-home .side-ranking .product-logo{width:26px;height:26px;border-radius:7px}
.leaderboard-home .side-ranking strong{font-size:14px;font-weight:570;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.leaderboard-home .side-ranking b{font-size:13px;font-weight:650;color:var(--purple);font-variant-numeric:tabular-nums}
.leaderboard-home .side-ranking li a:hover strong{text-decoration:underline;text-underline-offset:3px}
.leaderboard-home .period-shortcut{display:inline-flex;align-items:center;gap:5px;cursor:pointer;color:var(--muted);font-size:11px;font-weight:500;margin:0}
.leaderboard-home .ranking-sidebar .period-shortcut{font-size:13px;color:#000}
.leaderboard-home .period-shortcut:hover{color:var(--purple)}
.leaderboard-home .period-shortcut .icon{width:13px;height:13px}
.leaderboard-home:has(#board-period-all:checked) .sidebar-all,
.leaderboard-home:has(#board-period-today:checked) .sidebar-today{display:none}
@media(max-width:1050px){.leaderboard-home .ranking-sidebar{display:none}}
@media(max-width:650px){.leaderboard-home .claim-intro .board-periods{gap:20px;margin:25px auto 0}.leaderboard-home .board-tab>span{font-size:12px;padding:8px 2px 10px;min-height:34px}}
/* Pagination design for a board with more than fifty results. */
.leaderboard-home .board-pagination{padding:27px 0 4px;text-align:center}
.leaderboard-home .board-pagination>div{display:flex;align-items:center;justify-content:center;gap:10px}
.leaderboard-home .board-pagination button{border:0;background:transparent;color:var(--purple);font:550 13px Inter,sans-serif;min-width:36px;min-height:36px;border-radius:50%;cursor:pointer}
.leaderboard-home .board-pagination button[aria-current="page"]{background:var(--purple);color:white}
.leaderboard-home .board-pagination button:disabled{color:#c6bfce;cursor:default}
.leaderboard-home .board-pagination p{color:var(--muted);font-size:11px;margin-top:11px}

/* Readable navigation and opposite-period rankings on both sides of the board. */
.leaderboard-home .side-menu a{font-size:14px;line-height:1.4;min-height:43px;gap:10px}
.leaderboard-home .side-menu a:not(.active){color:#000;font-weight:570}
.leaderboard-home .side-menu .icon{width:18px;height:18px;flex-shrink:0}
.leaderboard-home .side-menu .side-label{font-size:11px;color:#000}
@media(min-width:1051px) and (max-width:1250px){.leaderboard-home .side-menu a{padding-inline:6px;gap:7px}.leaderboard-home .side-ranking li a{grid-template-columns:21px 23px minmax(0,1fr) auto;gap:5px}.leaderboard-home .side-ranking .product-logo{width:23px;height:23px}}