.rankings-main{padding-top:48px}.rankings-intro{display:flex;justify-content:space-between;align-items:end;gap:24px}.rankings-intro .eyebrow{margin:0}.rankings-intro h1{display:block;font-size:48px;letter-spacing:-2.8px;margin:16px 0}.rankings-intro h1>span:before{height:15px}.rankings-deck{font-size:14px;line-height:1.9;color:#718068;margin:0}.find-mine{font-size:12px;border:1px solid #b6c4a8;border-radius:6px;padding:13px 17px;white-space:nowrap}.find-mine:hover{background:#e7efda}.ranking-meta{font-size:11px;line-height:1.9;color:#7e8a72;margin:25px 0 20px}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:38px}.podium-card{background:#17221c;color:#e5ebda;border:1px solid #354734;border-radius:12px;padding:22px;position:relative;overflow:hidden;transition:transform .15s}.podium-card:hover{transform:translateY(-3px)}.podium-1{background:radial-gradient(ellipse at 50% 25%,#475935 0,#1c2b20 65%);border-color:#94ac5e}.podium-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:#a4b491}.podium-top strong{font-size:26px;margin-left:6px;color:#d2fa75}.podium-card .leader-tier{margin:8px auto 16px}.podium-card .leader-tier img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 0 18px #b8e57c20)}.podium-card h2{font-size:20px;letter-spacing:-.6px;line-height:1.5;overflow-wrap:anywhere}.podium-card>p{font-size:10px;line-height:1.8;color:#a2b196;margin:7px 0 12px}.podium-area{font-size:11px;color:#b4c4a3}.podium-price{display:block;font-size:27px;letter-spacing:-1px;color:#e8f3d9;margin:16px 0}.podium-link{font-size:10px;color:#a8be88}.podium-card .rank-change{color:#d0deb6}
.ranking-list{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 24px 16px}.ranking-toolbar h2{font-size:20px}.ranking-toolbar p{font-size:10px;color:#859076;margin:6px 0 0}.ranking-search{width:260px;border:1px solid #d4dcc9;border-radius:7px;background:#f6f8f1}.ranking-search input{font-size:12px;padding:11px}.ranking-filters{display:flex;gap:6px;align-items:center;padding:0 24px 20px}.ranking-filters button,.retry-board{border:1px solid #dbe3d0;border-radius:6px;padding:8px 13px;background:white;color:#728263;font-size:11px}.ranking-filters button[aria-pressed=true]{background:#182019;border-color:#182019;color:#d2fa75}.ranking-filters>span{margin-left:auto;font-size:10px;color:#88957c}.leader-table{width:100%;border-collapse:collapse;table-layout:fixed}.leader-table th{background:#eef2e8;color:#738066;padding:13px 16px;text-align:left;font-size:11px;font-weight:500}.leader-table th:first-child{width:90px;text-align:center}.leader-table th:nth-child(3){width:125px;text-align:center}.leader-table th:last-child{width:190px;text-align:right}.leader-table th small{display:block;font-size:9px;color:#939c89;margin-top:4px}.leader-table td{padding:17px 16px;border-bottom:1px solid #eaf0e2}.leader-table tr:last-child td{border-bottom:0}.leader-table tbody tr{cursor:pointer}.leader-table tbody tr:hover{background:#f5f9ed}.position{text-align:center}.position>strong{font-size:20px;color:#556745}.rank-change{display:block;font-size:10px;margin-top:5px;letter-spacing:0}.rank-change.up{color:#bf6041}.rank-change.down{color:#5275b2}.rank-change.neutral{color:#8a9580}.leader-property>a{display:block;font-weight:700;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.leader-property>a>span{font-size:11px;color:#85946e}.leader-address,.leader-area{display:block;font-size:10px;color:#87937b;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.leader-area{color:#657b4d}.leader-tier{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;text-align:center}.leader-tier img{object-fit:contain}.leader-percent{display:block;text-align:center;font-size:9px;color:#8e9b81;margin-top:5px}.leader-price{text-align:right}.leader-price>strong{font-size:16px;white-space:nowrap;color:#364e27}.leader-price>span{display:block;font-size:10px;color:#8a967d;margin-top:7px}.ranking-notes{padding:28px 0 40px;max-width:850px}.ranking-notes h2{font-size:13px;margin-bottom:12px}.ranking-notes p{font-size:11px;line-height:1.9;color:#849078}.ranking-notes strong{color:#61784c}.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}nav [aria-current=page]{color:#52743a;font-weight:700}
@media(max-width:760px){.rankings-main{padding-top:30px}.rankings-intro{display:block}.rankings-intro h1{font-size:36px;letter-spacing:-2px}.rankings-deck{font-size:12px}.find-mine{display:inline-block;margin-top:18px;font-size:11px}.ranking-meta{font-size:10px}.podium{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.podium-1{grid-column:1/-1}.podium-card{padding:15px}.podium-card h2{font-size:15px}.podium-card>p{font-size:9px}.podium-card .leader-tier img{width:65px;height:65px}.podium-1 .leader-tier img{width:85px;height:85px}.podium-price{font-size:22px}.podium-area{font-size:10px}.ranking-toolbar{padding:18px 12px 14px;display:block}.ranking-toolbar h2{font-size:17px}.ranking-search{display:block;width:100%;margin-top:15px}.ranking-filters{padding:0 12px 15px}.leader-table th{padding:12px 4px;font-size:9px}.leader-table th:first-child{width:35px}.leader-table th:nth-child(3){width:53px}.leader-table th:last-child{width:83px}.leader-table th small{font-size:8px}.leader-table td{padding:15px 4px}.position>strong{font-size:16px}.rank-change{font-size:8px}.leader-property>a{font-size:11px}.leader-address,.leader-area{font-size:9px}.leader-price>strong{font-size:11px;white-space:normal;line-height:1.6}.leader-price>span{font-size:8px}.leader-tier{font-size:8px}.leader-tier img{width:34px;height:34px}.leader-percent{font-size:8px}.ranking-notes p{font-size:10px}}

.podium{margin-top:28px}.ranking-share{padding:30px 0 44px}

/* Reuse the result card palette for each ranked entry. */
.leader-table tbody tr{background:color-mix(in srgb,var(--tier-color) 5%,#fffefb)}
.leader-table tbody tr:hover,.leader-table tbody tr:focus-within{background:color-mix(in srgb,var(--tier-color) 12%,#fffefb)}
.leader-table .position{box-shadow:inset 3px 0 var(--tier-color)}
.leader-table .position>strong,.leader-table .leader-tier,.leader-table .leader-percent{color:var(--tier-color)}
.leader-table .leader-percent{font-weight:600}