.ranking-main{padding-top:52px}.ranking-hero{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:64px;align-items:center;padding-bottom:50px}.ranking-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-3px;margin:18px 0 24px}.ranking-hero h1 em{font-style:normal;color:var(--lime,#c9f26d)}.ranking-hero .intro{max-width:700px}.ranking-promise{border:1px solid #54725a;border-radius:20px;padding:28px;background:#183b2e}.large-ten{font-size:90px;line-height:1;color:#cef578;font-weight:800;letter-spacing:-6px}.ranking-promise p{font-size:20px;margin:8px 0 24px}.ranking-promise div{font-size:14px;line-height:1.8;color:#c4d7c4}.ranking-promise a{display:block;margin-top:22px;color:#d4f992}.ranking-panel{background:#f7f9f0;color:#16382d;border-radius:22px;padding:32px}.ranking-panel .eyebrow,.ranking-panel .small{color:#50684e}.ranking-panel h2{font-size:30px}.ranking-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.ranking-controls label{font-size:12px;display:grid;gap:6px}.ranking-controls select,.ranking-controls button{background:#fff;border:1px solid #80947c;color:#183b2e;padding:11px 14px;border-radius:8px;min-height:44px}.ranking-controls button:disabled{opacity:.45;cursor:not-allowed}.ranking-controls button:not(:disabled):hover{background:#d1f67e}.ranking-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.ranking-metrics article{border-left:2px solid #b7d38a;padding:8px 16px}.ranking-metrics span{display:block;font-size:12px;color:#58705d;margin-bottom:8px}.ranking-metrics strong{font-size:25px;letter-spacing:-1px}.ranking-status{border:1px solid #c2d3a9;background:#eaf1df;border-radius:10px;padding:15px 18px;line-height:1.6}.ranking-status[data-state=stale],.ranking-status[data-state=error]{background:#fff0d4;border-color:#cfaa6d}.ranking-dates{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#607060;margin:12px 0}.ranking-dates strong{color:#244631}.ranking-empty{border:1px dashed #a8b99a;border-radius:14px;padding:38px;text-align:center;margin:24px 0}.ranking-empty h3{font-size:24px;margin:12px 0}.ranking-empty p{max-width:680px;margin:12px auto;line-height:1.6;color:#52654e}.ranking-empty a{display:inline-block;margin-top:12px;color:#214c34;font-weight:700}.empty-mark{display:inline-grid;place-items:center;width:52px;height:52px;background:#d0f482;border-radius:14px;font-size:30px}.ranking-row{border:1px solid #ccd7c0;border-radius:12px;margin:14px 0;overflow:hidden}.ranking-row>summary{display:grid;grid-template-columns:45px minmax(150px,1fr) 100px 100px 90px;gap:16px;align-items:center;padding:20px;cursor:pointer;list-style:none}.ranking-row>summary:after{content:'Evidence ↓';font-size:12px;grid-column:2/-1;color:#4a674a}.rank-number{font-size:24px;font-weight:800;color:#5a773d}.rank-name strong{display:block;font-size:17px}.rank-name small{display:block;color:#65765c;margin-top:6px}.rank-score strong{font-size:25px;display:block}.rank-score small,.rank-price small,.rank-move{font-size:12px;color:#52694f}.rank-price strong{display:block}.rank-details{border-top:1px solid #d2dbc9;padding:22px}.rank-pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rank-pillars p{margin:0;background:#edf2e5;padding:12px;border-radius:8px;font-size:12px}.rank-pillars b{display:block;margin-top:8px;font-size:20px}.rank-details ul{padding-left:22px;line-height:1.7}.rank-details a{color:#285e39;overflow-wrap:anywhere}.rank-details h4{margin:24px 0 10px}.rank-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rank-checks{width:100%;border-collapse:collapse;font-size:13px}.rank-checks td,.rank-checks th{text-align:left;padding:9px;border-bottom:1px solid #d7dfcd}.ranking-method{padding:60px 0}.ranking-method h2{font-size:38px;margin-top:8px}.ranking-method details{padding:20px 0;border-bottom:1px solid #45614c;line-height:1.7}.ranking-method summary{cursor:pointer;font-weight:700}.daily-preview{border:1px solid #678445;border-radius:18px;background:#183b2e;padding:30px;margin-top:28px;margin-bottom:36px}.daily-preview h2{margin:8px 0 14px}.daily-preview a{display:inline-block;color:#d4f792;font-weight:700;margin-top:14px}.daily-preview p{color:#ccdac6;line-height:1.6}.daily-preview .preview-link{font-size:18px}.preview-items{padding-left:22px;line-height:1.8}.preview-items a{margin:0}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #8eaf4b;outline-offset:4px}
.ranking-hero{background:#102a23;border-radius:22px;padding:36px;margin-bottom:36px}.ranking-hero h1{color:#f3fae9}.ranking-hero .intro{color:#c4d7c4}.ranking-promise p{color:#edf8df}.daily-preview h2{color:#f0f8e8}.daily-preview .eyebrow{color:#c9f26d}.ranking-method .method-cards h3{color:#234831}.ranking-method .method-cards p{color:#53684d}
@media(max-width:800px){.ranking-hero{grid-template-columns:1fr;gap:25px;padding:26px 20px}.ranking-promise{display:none}.ranking-main{padding-top:30px}.ranking-panel{padding:22px 16px}.ranking-panel .section-top{display:block}.ranking-controls{margin-top:22px}.ranking-metrics{grid-template-columns:1fr 1fr}.ranking-row>summary{grid-template-columns:30px minmax(0,1fr) 75px;gap:12px;padding:15px}.rank-price{grid-column:2}.rank-move{grid-column:3}.rank-pillars{grid-template-columns:repeat(2,1fr)}.rank-facts{grid-template-columns:1fr;gap:8px}.ranking-empty{padding:26px 16px}.ranking-empty h3{font-size:21px}.ranking-hero h1{letter-spacing:-2px}.rank-checks{font-size:11px}.rank-checks td,.rank-checks th{padding:8px 3px}.rank-details{padding:14px}.ranking-controls select{max-width:100%}.ranking-dates{display:block}.ranking-method h2{font-size:30px}}