.rankings-page{padding-bottom:80px}
.ranking-hero{padding:38px 0 32px;background:none;border:0;border-radius:0}
@media(max-width:700px){.ranking-hero{padding-top:30px}}
.site-page .ranking-hero h1{max-width:1000px;font:500 36px/44px var(--heading);margin:0}
.ranking-hero>p:not(.eyebrow){max-width:680px;font:300 17px/25px var(--body);margin:14px 0 0}
.ranking-hero-meta{display:flex;flex-wrap:wrap;gap:12px 28px;color:#536576;font-size:13px;margin-top:22px}
.ranking-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0 64px}
.ranking-hub-card{padding:32px;border:1px solid #E8EDF0;border-radius:8px;background:#FFF;box-shadow:0 8px 30px #173D5510;display:flex;flex-direction:column}
.ranking-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.ranking-card-top .eyebrow{margin:0}.ranking-index{color:var(--accent);font-size:15px;font-weight:500}
.site-page .ranking-hub-card h2{font:500 32px/1.2 var(--heading);margin:0 0 15px}
.ranking-hub-card h2 a{color:inherit;text-decoration:none}.ranking-hub-card h2 a:hover{color:var(--accent)}
.ranking-hub-card>p{font-size:16px;line-height:1.65;color:#526170;margin:0 0 24px}
.ranking-preview{list-style:none;padding:0;margin:auto 0 25px;counter-reset:preview}
.ranking-preview li{counter-increment:preview;display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #E8EDF0;font-size:15px}
.ranking-preview li:before{content:counter(preview,decimal-leading-zero);color:#758695;font-size:12px}.ranking-preview li>span:first-child{flex:1}
.ranking-stars{display:inline-flex;gap:3px;flex-shrink:0;color:var(--accent);white-space:nowrap;vertical-align:middle}
.ranking-stars>span{display:inline-flex}.ranking-stars svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1}
.ranking-stars .empty{color:#CADAE5}.ranking-stars .empty svg{fill:none}
.ranking-cta{display:flex;align-items:center;justify-content:space-between;font-size:16px;text-decoration:none;color:var(--accent);padding:8px 0}
.ranking-cta:hover{text-decoration:underline;text-underline-offset:4px}
.ranking-intro-note{display:grid;grid-template-columns:1fr 2fr;gap:55px;border-top:1px solid #E3E9ED;padding:32px 0}
.site-page .ranking-intro-note h2,.site-page .ranking-summary h2,.site-page .ranking-method h2,.site-page .ranking-next h2{font:500 28px/1.25 var(--heading);margin:10px 0 16px}
.ranking-intro-note p,.ranking-method>p{line-height:1.7;font-size:16px}
.ranking-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0;margin:12px 0;border-top:1px solid #E3E9ED;border-bottom:1px solid #E3E9ED}
.ranking-scale>div{display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.5;color:#536576}
.ranking-small{font-size:13px!important;color:#536576}
.ranking-switch{display:flex;gap:30px;align-items:center;padding:24px 0 0;border-bottom:1px solid #E3E9ED;flex-wrap:wrap}
.ranking-switch a{position:relative;text-decoration:none;color:#536576;font-size:15px;padding:5px 0 12px}.ranking-switch a[aria-current]{color:var(--accent);font-weight:500}.ranking-switch a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.ranking-switch a:last-child{margin-left:auto}.ranking-switch a:hover{color:var(--accent);text-decoration:none}
.ranking-summary{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;margin:42px 0 30px}
.ranking-summary p{font-size:16px;line-height:1.65;color:#526170;max-width:630px}
.ranking-criteria{display:flex;flex-wrap:wrap;align-content:center;gap:8px;font-size:12px}.ranking-criteria>span:first-child{width:100%;font-size:13px;color:#526170;margin-bottom:4px}.ranking-criteria>span:not(:first-child){background:#F2F8FC;color:#316486;padding:7px 10px;border-radius:3px}
.ranking-jumps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 22px;margin-bottom:40px}
.ranking-jumps a{display:flex;align-items:baseline;gap:9px;font-size:13px;line-height:1.5;padding:12px 0;border-bottom:1px solid #E8EDF0;text-decoration:none;color:#415666;overflow-wrap:anywhere}
.ranking-jumps a>span{color:var(--accent);font-size:11px}.ranking-jumps a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.ranking-entries{display:grid;gap:26px}
.ranking-entry{border:1px solid #E4EBF0;border-radius:8px;background:white;box-shadow:0 6px 28px #173D5509;padding:32px 36px;scroll-margin-top:115px}
.ranking-entry-lead{border-color:#BCD9EA;box-shadow:-9px 0 28px #0076BD0A,9px 0 28px #0076BD0A;background:linear-gradient(110deg,#F9FCFE,#FFF 65%)}
.ranking-entry-heading{display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center}
.ranking-position{font:400 34px/1 var(--heading);color:var(--accent);align-self:start;padding-top:25px}
.ranking-fit{color:#536576;font-size:13px;line-height:1.4;margin:0 0 6px}
.site-page .ranking-entry h2{font:500 30px/1.2 var(--heading);margin:0 0 7px}
.ranking-country{font-size:13px;color:#536576}
.ranking-entry-rating{display:flex;flex-direction:column;gap:8px;align-items:flex-end;font-size:11px;color:#627584}
.ranking-entry-rating .ranking-stars svg{width:23px;height:23px}
.ranking-verdict{margin:26px 0 26px 73px;font-size:17px;line-height:1.65;max-width:850px}
.ranking-entry-body{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;margin-left:73px}
.site-page .ranking-entry h3{font:500 14px/1.5 var(--body);margin:0 0 12px}
.ranking-entry-body ul{padding:0;margin:0;list-style:none;display:grid;gap:9px}
.ranking-entry-body li{position:relative;padding-left:20px;font-size:15px;line-height:1.65}
.ranking-entry-body li:before{content:"✓";color:var(--accent);position:absolute;left:0;font-size:12px;top:2px}
.ranking-check{border-left:1px solid #E3E9ED;padding-left:28px}.ranking-check p{font-size:15px;line-height:1.7;color:#526170;margin:0}
.ranking-entry-footer{margin:26px 0 0 73px;padding-top:18px;border-top:1px solid #E8EDF0;display:flex;justify-content:space-between;gap:20px}
.ranking-entry-footer a{font-size:14px;color:var(--accent);text-decoration:none}.ranking-entry-footer a:hover{text-decoration:underline;text-underline-offset:3px}.ranking-entry-footer a:last-child{font-size:12px;color:#627584}
.ranking-method{margin-top:60px;padding:35px 0;border-top:1px solid #E3E9ED;scroll-margin-top:110px;max-width:900px}
.ranking-next{background:#F2F8FC;border-radius:6px;padding:32px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:24px}.ranking-next p{font-size:15px;line-height:1.6;margin-bottom:0}.ranking-next>div:last-child{display:flex;flex-direction:column;gap:16px;justify-content:center}.ranking-next a{color:var(--accent);font-size:15px;text-decoration:none}.ranking-next a:hover{text-decoration:underline}
.rankings-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
@media(max-width:960px){.ranking-hub-card{padding:26px}.ranking-summary{gap:30px}.ranking-jumps{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-entry{padding:28px}.ranking-entry-body,.ranking-verdict,.ranking-entry-footer{margin-left:0}.ranking-intro-note{grid-template-columns:1fr;gap:10px}.ranking-next{grid-template-columns:1fr;gap:24px}}
@media(max-width:640px){.rankings-page{padding-bottom:45px}.ranking-hero{padding:30px 0}.site-page .ranking-hero h1{font-size:30px;line-height:38px}.ranking-hero-meta{gap:8px;font-size:12px;flex-direction:column}.ranking-hub-grid{grid-template-columns:1fr;gap:22px;margin:24px 0 40px}.ranking-summary{grid-template-columns:1fr;gap:12px;margin-top:28px}.ranking-switch{gap:12px 20px;padding:17px 0 0}.ranking-switch a:last-child{order:-1;flex-basis:100%;text-align:right;padding-bottom:0}.ranking-switch a{font-size:13px}.ranking-switch a:last-child{margin-left:0}.ranking-jumps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;margin-bottom:26px}.ranking-entry{padding:24px 20px}.ranking-entry-heading{grid-template-columns:35px 1fr;gap:10px}.ranking-position{font-size:28px}.site-page .ranking-entry h2{font-size:27px}.ranking-entry-rating{grid-column:2;align-items:flex-start;flex-direction:row;align-items:center;margin-top:7px}.ranking-entry-rating .ranking-stars svg{width:19px;height:19px}.ranking-entry-body{grid-template-columns:1fr;gap:23px}.ranking-check{border-left:0;border-top:1px solid #E3E9ED;padding:20px 0 0}.ranking-verdict{font-size:16px;margin:23px 0}.ranking-entry-footer{flex-wrap:wrap;gap:16px}.ranking-scale{grid-template-columns:1fr;gap:16px}.ranking-scale>div{flex-direction:row;align-items:center;gap:14px}.ranking-next{padding:25px}.ranking-method{margin-top:35px}}
