/* Readability layer: larger type, roomier controls, and mobile-friendly dashboard cards. */
html{font-size:17px}
body{font-size:1rem;line-height:1.75}

.site-header{height:84px}
.brand{font-size:1.4rem}.brand em{font-size:.78rem;padding:6px 10px}
nav{font-size:.9rem}.api-link{font-size:.86rem;padding:11px 17px}

.eyebrow,.kicker{font-size:.86rem}.hero h1{font-size:3.25rem;line-height:1.4}.hero>p{font-size:1.08rem;line-height:2}.source-strip{font-size:.82rem}.source-strip a{font-size:.86rem}
.stats strong{font-size:1.55rem}.stats article>span{font-size:.82rem}

.section-heading h2,.method h2{font-size:2rem}.section-heading p,.method p{font-size:.93rem;line-height:2}.updated{font-size:.76rem}.updated strong{font-size:.82rem}
.source-pill{font-size:.72rem!important;padding:7px 10px}

.provider-picker{padding:20px;gap:28px}.provider-picker>div:first-child strong{font-size:.95rem}.provider-picker>div:first-child span{font-size:.78rem;line-height:1.7}
.provider-toggle{min-height:64px;padding:10px 13px;grid-template-columns:9px 1fr 24px}.provider-toggle>span{font-size:.88rem!important;line-height:1.35}.provider-toggle small{font-size:.73rem!important;line-height:1.55}.provider-toggle>b{width:24px;height:24px;font-size:.85rem}

.tabs button{font-size:.86rem;padding:11px 17px}.search{height:44px;width:245px}.search input{font-size:.86rem}.filter{height:44px;font-size:.8rem;padding:0 16px}

th{height:54px;font-size:.75rem;padding:0 16px}td{height:90px;font-size:.87rem;padding:0 16px}.rank{width:34px;height:34px;font-size:.9rem}.model{min-width:205px;gap:12px}.model-icon{width:40px;height:40px;font-size:1rem}.model strong{font-size:.9rem}.model small{font-size:.72rem}.metric,.price,.speed>b{font-size:.88rem}.available,.soon{font-size:.74rem;padding:7px 10px}.score-ring{width:46px;height:46px}.score-ring span{font-size:.84rem}.no-score{width:46px;height:46px}.compare{width:32px;height:32px;font-size:1rem}
.empty strong{font-size:1rem}.empty p{font-size:.86rem}.table-footer{font-size:.8rem}.table-footer button{font-size:.82rem}
.weight{font-size:.82rem;grid-template-columns:145px 1fr 42px}footer{font-size:.78rem}.compare-bar strong{font-size:.88rem}.compare-bar div span{font-size:.74rem}.compare-bar>button:not(.close){font-size:.8rem}

/* Provider dashboards */
.pd-head{padding:32px!important}.pd-head span{font-size:.8rem!important}.pd-head h2{font-size:2rem!important;line-height:1.45}.pd-head p{font-size:.92rem!important;line-height:2!important}.pd-head a{font-size:.82rem!important;padding:12px 16px!important}
.pd-section{padding:28px!important;margin-bottom:20px!important}.pd-section h3{font-size:1.35rem!important;line-height:1.55}.pd-section p{font-size:.87rem!important;line-height:2!important}.pd-note,.pd-citation{font-size:.76rem!important;line-height:1.9!important}
.pd-loading,.pd-error{font-size:.9rem!important;line-height:1.9!important;padding:42px!important}
.pd-bars{gap:12px!important}.pd-bar{grid-template-columns:34px minmax(190px,270px) 1fr 105px!important;gap:13px!important;font-size:.88rem!important;min-height:36px}.pd-rank{width:30px!important;height:30px!important;font-size:.78rem!important}.pd-bar>div{height:10px!important}.pd-bar>b{font-size:.82rem!important}.pd-bar strong{line-height:1.65}
.pd-grid{gap:12px!important}.pd-card{grid-template-columns:32px 1fr auto!important;gap:10px!important;padding:15px!important;min-height:74px}.pd-card>span{width:30px!important;height:30px!important;font-size:.76rem!important}.pd-card strong{font-size:.88rem!important;line-height:1.65}.pd-card small{font-size:.72rem!important;line-height:1.6}.pd-card>b{font-size:.84rem!important}
.pd-groups{gap:13px!important}.pd-group{padding:16px!important}.pd-group header strong{font-size:.9rem!important;line-height:1.6}.pd-group header span{font-size:.78rem!important}.pd-group p{grid-template-columns:24px 1fr auto!important;gap:8px!important;padding:9px 0!important;font-size:.8rem!important;line-height:1.65!important}.pd-group p b{width:23px!important;height:23px!important;font-size:.7rem!important}

@media(max-width:900px){
  html{font-size:16px}
  .site-header{height:72px;padding:0 16px}.brand img{width:96px}.api-link{font-size:.75rem;padding:9px 11px}
  .hero{min-height:auto;padding:58px 18px 42px}.hero h1{font-size:2.25rem;letter-spacing:-1px;line-height:1.5}.hero>p{font-size:1rem;line-height:1.9}.source-strip{flex-wrap:wrap;gap:10px;margin-top:28px}
  .stats{grid-template-columns:repeat(2,1fr);margin-bottom:58px}.stats article{min-height:92px}.stats article:nth-child(2):after{display:none}
  .ranking-section{padding:0 16px 68px}.section-heading h2,.method h2{font-size:1.65rem}.section-heading p,.method p{font-size:.9rem}
  .provider-picker{padding:16px}.provider-toggles{grid-template-columns:1fr!important}.provider-toggle{min-height:68px}.provider-toggle>span{font-size:.94rem!important}.provider-toggle small{font-size:.78rem!important}
  .controls{width:100%;flex-wrap:wrap}.search{width:100%;flex-basis:100%}.filter{flex:1;min-width:140px}
  table{min-width:980px}th{font-size:.76rem}td{font-size:.88rem}
  .method{padding:28px 20px!important}.weight{grid-template-columns:112px 1fr 38px;font-size:.78rem}

  .pd-head{padding:22px!important}.pd-head h2{font-size:1.55rem!important}.pd-head p{font-size:.9rem!important}.pd-head a{width:100%;text-align:center;font-size:.84rem!important}
  .pd-section{padding:20px 16px!important;border-radius:14px!important}.pd-section h3{font-size:1.2rem!important}.pd-section p{font-size:.86rem!important}
  .pd-grid,.pd-groups{grid-template-columns:1fr!important}.pd-card{min-height:82px}.pd-card strong{font-size:.94rem!important}.pd-card small{font-size:.76rem!important}
  .pd-bar{grid-template-columns:32px minmax(0,1fr) 92px!important;gap:9px!important;font-size:.84rem!important;padding:5px 0}.pd-bar>div{grid-column:2/4;height:10px!important}.pd-bar strong{font-size:.9rem;overflow-wrap:anywhere}.pd-bar>b{font-size:.8rem!important}
  .pd-group header strong{font-size:.96rem!important}.pd-group p{font-size:.84rem!important}
}

@media(max-width:480px){
  .hero h1{font-size:1.95rem}.stats strong{font-size:1.3rem}.stats article>span{font-size:.76rem}
  .section-heading h2{font-size:1.45rem}.provider-picker>div:first-child strong{font-size:.9rem}
  .pd-head h2{font-size:1.4rem!important}.pd-section h3{font-size:1.12rem!important}.pd-section p{font-size:.84rem!important}
  .pd-card{grid-template-columns:30px 1fr!important}.pd-card>b{grid-column:2}.pd-card small{grid-column:2!important}
}