/* Compact provider cards, with readable terms and native expandable details. */
.city-page .city-provider-list,.zip-page .city-provider-list,.coverage-cards{gap:9px}
.city-page .city-provider-main,.zip-page .city-provider-main{padding:12px 14px;gap:12px}
.city-page .city-provider-brand .wordmark,.zip-page .city-provider-brand .wordmark,.coverage-card-header h3{font-size:23px;margin-bottom:4px}
.city-page .city-provider-action,.zip-page .city-provider-action{padding:0;gap:3px}
.city-page .city-plan-link,.zip-page .city-plan-link,.coverage-card .coverage-card-footer .provider-link{min-height:44px;padding:7px 11px;font-size:14px}
.city-page .city-provider-plans,.zip-page .city-provider-plans{padding-left:12px}
.city-page .city-plan-tier,.zip-page .city-plan-tier,.coverage-card .result-plan-tier{padding:1px 0;line-height:1.3}
.city-page .city-plan-tier dd strong,.zip-page .city-plan-tier dd strong,.coverage-card .result-plan-tier strong{font-size:20px}
.city-page .city-plan-period,.zip-page .city-plan-period{margin-bottom:3px;font-size:12px}
.city-page .city-offer-note,.zip-page .city-offer-note{margin:0 14px 4px;padding-top:6px;font-size:13px;line-height:1.35}
.city-page .city-offer-note p,.zip-page .city-offer-note p{margin-block:0 4px}
.city-page .city-provider-foot,.zip-page .city-provider-foot{padding:2px 14px;gap:0 10px}
.city-page .city-provider-details summary,.zip-page .city-provider-details summary{min-height:28px;font-size:12px;line-height:1.35}
.city-page .city-detail-content,.zip-page .city-detail-content{padding:5px 0;font-size:13px;line-height:1.45}
.city-page .city-plan-speed-label,.zip-page .city-plan-speed-label{margin-top:3px}
.coverage-card{padding:12px 14px;gap:5px 12px}
.coverage-card .result-plan-terms{padding-top:6px;font-size:13px;line-height:1.35}
.result-offer-details{margin-top:5px}
.result-offer-details summary,.coverage-card .result-coverage-details summary{min-height:28px;font-size:12px;line-height:1.35}
.coverage-card .result-plan-label{margin-top:3px}
.city-provider-action>span,.city-provider-foot>span,.coverage-card .coverage-card-footer>p{display:none}
.compare-cards{gap:12px;margin-top:16px}
.compare-plan{padding:15px}
.compare-plan h3{font-size:21px}
.compare-plan-price{font-size:30px;margin-top:10px}
.compare-plan-speed{margin-top:4px;font-size:15px}
.compare-plan-type,.compare-plan-label{font-size:12px;line-height:1.4}
.compare-difference{padding:7px 9px;margin:9px 0}
.compare-plan-terms{font-size:13px;line-height:1.4;margin:7px 0}
.compare-more-plans{margin:3px 0 6px}
.compare-more-plans>summary{min-height:28px;padding:5px 0;font-size:12px;line-height:1.4}
.compare-plan .compare-primary{min-height:44px;padding:8px 12px}
.provider-grid{gap:12px}
.provider-grid>.provider-card{padding:18px}
.provider-grid>.provider-card>p{margin:10px 0 14px;line-height:1.5;font-size:14px}
@media(max-width:650px){
.city-page .city-provider-main,.zip-page .city-provider-main,.zip-page .has-plan-prices .city-provider-main,.city-page .has-plan-prices .city-provider-main{grid-template-columns:minmax(0,1fr) auto;padding:10px;gap:7px 10px}
.city-provider-brand{grid-column:1;grid-row:1}
.city-page .city-provider-brand .wordmark,.zip-page .city-provider-brand .wordmark,.coverage-card-header h3{font-size:20px}
.city-page .city-provider-action,.zip-page .city-provider-action{grid-column:2;grid-row:1;display:flex;max-width:140px}
.city-page .city-provider-plans,.zip-page .city-provider-plans{grid-column:1/-1;grid-row:2;padding:6px 0 0;border-left:0;border-top:1px solid #e7ede8}
.city-page .city-plan-list,.zip-page .city-plan-list,.coverage-card .result-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:5px 10px}
.city-page .city-plan-tier,.zip-page .city-plan-tier,.coverage-card .result-plan-tier{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;padding:0}
.city-page .city-plan-tier dt,.zip-page .city-plan-tier dt,.coverage-card .result-plan-tier dt{font-size:12px}
.city-page .city-offer-note,.zip-page .city-offer-note{margin:0 10px 2px}
.city-page .city-provider-foot,.zip-page .city-provider-foot{padding:1px 10px}
.coverage-card{grid-template-columns:minmax(0,1fr) auto;padding:10px;gap:5px 10px}
.coverage-card-header{grid-column:1;grid-row:1}
.coverage-card .coverage-card-footer{grid-column:2;grid-row:1;max-width:140px}
.coverage-card .result-plans{grid-column:1/-1;grid-row:2;padding:6px 0 0;border-left:0;border-top:1px solid #dfe7e3}
.coverage-card .result-plan-terms{grid-row:3}
.coverage-card .result-coverage-details{grid-row:4}
.coverage-card>.reported-label{grid-column:1/-1;grid-row:2}
.compare-plan{padding:14px}
.provider-grid>.provider-card{padding:15px}
}
/* Desktop: a bounded brand column and adjacent horizontal plan options. */
@media(min-width:651px){
.city-page .city-provider-main,.zip-page .city-provider-main,.coverage-card{grid-template-columns:minmax(140px,180px) minmax(0,1fr) 160px;column-gap:18px}
.city-page .city-provider-brand,.zip-page .city-provider-brand,.coverage-card-header{min-width:0;align-self:center}
.city-page .city-provider-brand .wordmark,.zip-page .city-provider-brand .wordmark,.coverage-card-header h3{overflow-wrap:anywhere}
.city-page .city-provider-plans,.zip-page .city-provider-plans,.coverage-card .result-plans{padding-left:18px}
.city-page .city-plan-list,.zip-page .city-plan-list,.coverage-card .result-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px 14px;margin-top:6px}
.city-page .city-plan-tier,.zip-page .city-plan-tier,.coverage-card .result-plan-tier{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;padding:0;border:0}
.city-page .city-plan-tier dt,.zip-page .city-plan-tier dt,.coverage-card .result-plan-tier dt{font-size:13px;line-height:1.35}
.city-page .city-plan-tier dd strong,.zip-page .city-plan-tier dd strong,.coverage-card .result-plan-tier strong{font-size:23px;line-height:1.2}
.city-page .city-plan-speed-label,.zip-page .city-plan-speed-label,.coverage-card .result-plan-label{margin-top:5px}
.city-page .city-provider-action,.zip-page .city-provider-action{grid-column:3;grid-row:1}
}
@media(min-width:651px) and (max-width:850px){
.city-page .city-provider-main,.zip-page .city-provider-main,.coverage-card{grid-template-columns:minmax(115px,145px) minmax(0,1fr) 130px;column-gap:12px}
.city-page .city-provider-plans,.zip-page .city-provider-plans,.coverage-card .result-plans{padding-left:12px}
}