/* Ranking typography and media geometry, shared across both canonical slugs. */

html body main.mapr-suv-page img.ranking-hero-image.container{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
html body main.mapr-suv-page section.ranking-list.container{padding-block:32px!important}
html body main.mapr-suv-page section.ranking-list.container>article.match-card:last-of-type{margin-bottom:0!important}
@media(min-width:761px){
 html body main.mapr-suv-page section.ranking-list.container .vehicle-card__image img{object-fit:cover!important}
}

@media(max-width:760px){
 html body :is(main.mapr-suv-page,main.archive-page--matches) .match-card .match-card__edmunds-facts>div:nth-child(n+3){display:flex!important}
 html body :is(main.mapr-suv-page,main.archive-page--matches) .match-card .match-card__edmunds-facts>.match-card__seats{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;gap:12px}
 html body :is(main.mapr-suv-page,main.archive-page--matches) .match-card .match-card__edmunds-facts>.match-card__seats b{max-width:68%!important;text-align:right!important}
}

/* Preserve the original inter-card rhythm; divider breathing room is independent. */
html body main.mapr-suv-page .ranking-list .match-card{margin-bottom:0!important}
@media(max-width:760px){
 html body :is(main.mapr-suv-page,main.archive-page--matches) .match-card .match-card__edmunds-facts b{font-size:16px!important;line-height:1.5!important;font-weight:400!important}
}
html body main.mapr-suv-page section.ranking-list.container{border-top-width:2px!important;border-bottom-width:2px!important}
@media(max-width:760px){
 html body.single-ranking main.mapr-suv-page img.ranking-hero-image.container{margin-top:0!important}
}

@media(min-width:761px){
 html body main.mapr-suv-page .suv-intro{display:block!important;width:100%!important}
 html body main.mapr-suv-page .suv-intro .article-content{width:100%!important;max-width:none!important}
}

/* Rankings use the same article shell, body width and header rhythm as news. */
html body.single-ranking main.agpr-ranking-article{width:var(--container);max-width:980px;margin-inline:auto;padding-inline:0!important;padding-block:24px 64px}
html body.single-ranking main.mapr-suv-page.agpr-ranking-article>:is(.archive-hero,.ranking-hero-image,.suv-intro,.ranking-list,.ranking-related-previews){box-sizing:border-box;width:100%!important;max-width:780px!important;margin-inline:0!important}
html body.single-ranking main.agpr-ranking-article .archive-hero{padding:0!important}
html body.single-ranking main.agpr-ranking-article .archive-hero h1{font-size:clamp(2.3rem,5vw,3.8rem)!important;line-height:1.08!important;margin:0 0 8px!important;max-width:100%!important;overflow-wrap:break-word}
html body.single-ranking main.agpr-ranking-article .archive-hero>p{font-size:16px!important;line-height:1.6!important;margin:0!important;max-width:100%!important}
html body.single-ranking main.agpr-ranking-article .breadcrumbs{padding:0;margin:0 0 12px;font-size:14px}
html body.single-ranking main.agpr-ranking-article .byline{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:10px 0 0;padding:0;font-size:12px;line-height:1.3}
html body.single-ranking main.agpr-ranking-article img.ranking-hero-image.container{margin-block:20px 28px!important;border-radius:8px;display:block}
html body.single-ranking main.agpr-ranking-article .suv-intro{padding:0 0 24px!important}
html body.single-ranking main.agpr-ranking-article .suv-intro .article-content{width:100%!important;max-width:780px!important}
html body.single-ranking main.agpr-ranking-article .ranking-related-previews{margin-block:40px 0!important}
@media(max-width:640px){
 html body.single-ranking main.agpr-ranking-article{padding-block:16px 44px}
 html body.single-ranking main.agpr-ranking-article .archive-hero h1{font-size:2.35rem!important}
 html body.single-ranking main.agpr-ranking-article .archive-hero>p{font-size:14px!important}
 html body.single-ranking main.agpr-ranking-article .breadcrumbs{margin-bottom:8px}
 html body.single-ranking main.agpr-ranking-article .byline{font-size:11px;gap:4px 8px}
 html body.single-ranking main.agpr-ranking-article .byline>span{white-space:nowrap}
 html body.single-ranking main.agpr-ranking-article img.ranking-hero-image.container{margin-block:16px 24px!important}
}

/* Square photo panels and complete descriptions in naturally sized cards. */
@media(min-width:761px){
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.agpr-match-result,.match-result)>.match-card{grid-template-columns:36% minmax(0,1fr)!important;min-height:0!important;aspect-ratio:auto!important;height:auto!important;align-items:stretch!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1!important;align-self:start!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img{width:100%!important;height:100%!important;aspect-ratio:1!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__body{min-width:0;min-height:min-content!important;height:auto!important;max-height:none!important;padding:10px 94px 10px 14px!important;display:block!important;gap:0!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__desktop-title{display:block!important;min-height:0!important;padding:0!important;margin:0 0 6px!important;font-size:24px!important;line-height:1.05!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__body>p:not(.match-card__data-note){display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;height:auto!important;overflow:visible!important;font-size:14px!important;line-height:1.4!important;margin:0 0 8px!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__body>.match-card__data-note{font-size:11px!important;line-height:1.3!important;margin:4px 0 0!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data{grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:16px!important;row-gap:12px!important;justify-content:space-between!important;margin-top:auto!important;padding-top:8px!important;font-size:14px!important;line-height:1.35!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data>span:not(.match-card__pr-score){min-width:0!important;width:auto!important;margin:0!important;padding:0!important;justify-self:start!important;text-align:left!important;align-items:flex-start!important;font-size:14px!important;line-height:1.35!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data>span:not(.match-card__pr-score)>strong{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important;width:auto!important;margin-inline:0!important;text-align:left!important;font-size:14px!important;line-height:1.35!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data .match-card__pr-score{position:absolute!important;top:50%!important;right:10px!important;transform:translateY(-50%)!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:80px!important;min-height:80px!important;max-height:80px!important;border-radius:10px!important;padding:4px!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__pr-score>small{font-size:10px!important;line-height:1.1!important;margin:0!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__pr-score>span{line-height:1!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__pr-score strong{font-size:32px!important;line-height:1!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__pr-score em{font-size:10px!important;line-height:1!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__actions{width:100%!important;max-width:100%!important;min-height:34px!important;margin-top:8px!important;padding:7px 10px!important;font-size:13px!important;line-height:20px!important}
}
@media(min-width:761px) and (max-width:900px){
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.agpr-match-result,.match-result)>.match-card{grid-template-columns:40% minmax(0,1fr)!important;aspect-ratio:auto!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__body{padding-right:82px!important;padding-left:10px!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__desktop-title{font-size:22px!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__body>p:not(.match-card__data-note){font-size:14px!important;-webkit-line-clamp:unset!important}
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data .match-card__pr-score{right:8px!important;width:64px!important;min-width:64px!important;max-width:64px!important}
}

/* Center the vehicle and retain most of its body; crop to headlights only when necessary. */
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image{background:#f5f7f9!important;overflow:hidden!important}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.agpr-match-result,.match-result)>.match-card .vehicle-card__image img[alt]{object-fit:cover!important;object-position:var(--agpr-photo-position,50% 50%)!important;box-sizing:border-box!important;padding:0!important;translate:var(--agpr-photo-x,0%) var(--agpr-photo-y,0%)!important;scale:var(--agpr-photo-scale,1)!important;transition:none!important}
@media(min-width:761px) and (max-width:900px){
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 20px!important;justify-content:normal!important}
}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Toyota RAV4 2026"]{--agpr-photo-position:12% 56%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Toyota Corolla Cross 2026"]{--agpr-photo-position:95% 56%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Honda HR-V 2026"]{--agpr-photo-position:43% 60%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Honda CR-V 2026"]{--agpr-photo-position:51% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Hyundai Tucson 2026"]{--agpr-photo-position:50% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Toyota Corolla 2026"]{--agpr-photo-position:40% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Hyundai Venue 2026"]{--agpr-photo-position:50% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Hyundai Elantra 2026"]{--agpr-photo-position:95% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Hyundai Kona 2026"]{--agpr-photo-position:59% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Tesla Model Y"]{--agpr-photo-position:50% 66%;--agpr-photo-scale:1.12;--agpr-photo-x:-3%;--agpr-photo-y:-4%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Hyundai Ioniq 5 2026"]{--agpr-photo-position:40% 56%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Toyota bZ 2026"]{--agpr-photo-position:48% 55%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Tesla Model 3"]{--agpr-photo-position:50% 55%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Kia EV9 2025"]{--agpr-photo-position:50% 56%;--agpr-photo-scale:1.15;--agpr-photo-x:0%;--agpr-photo-y:0%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Ford Maverick 2026"]{--agpr-photo-position:0% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Toyota Tacoma 2026"]{--agpr-photo-position:52% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Nissan Frontier 2026"]{--agpr-photo-position:50% 57%;--agpr-photo-scale:1.08;--agpr-photo-x:0%;--agpr-photo-y:0%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Ford Ranger 2026"]{--agpr-photo-position:0% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Toyota Tundra 2026"]{--agpr-photo-position:100% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Lexus ES 350e 2026"]{--agpr-photo-position:50% 60%;--agpr-photo-scale:1.22;--agpr-photo-x:-4%;--agpr-photo-y:-3%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Acura Integra 2026"]{--agpr-photo-position:0% 58%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Lexus IS 350 2026"]{--agpr-photo-position:35% 50%}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__image img[alt="Genesis G70 2026"]{--agpr-photo-position:46% 59%;--agpr-photo-scale:1.25;--agpr-photo-x:1%;--agpr-photo-y:-3%}

/* The approved photo owns its focal profile; display titles no longer select it. */
@media(max-width:760px){
 :is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.agpr-match-result,.match-result)>.match-card .vehicle-card__image img[data-agpr-card-photo]{object-position:var(--agpr-photo-mobile-position,50% 50%)!important;scale:var(--agpr-photo-mobile-scale,1)!important;translate:var(--agpr-photo-mobile-x,0%) var(--agpr-photo-mobile-y,0%)!important}
}

:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.agpr-match-result,.match-result)>.match-card .vehicle-card__image img[data-agpr-card-photo]{object-fit:var(--agpr-card-photo-fit,cover)!important}

/* Shared fallback framing for unprofiled studio photos in both card contexts. */
/* Dealer studio photos retain the complete vehicle inside the existing card frame. */
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="/assets/stock/"]{object-fit:contain!important;background:#f7fafc}

/* Keep the newly sourced manufacturer/dealer studio vehicles fully in frame. */
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="mitsubishimotors.pr/"],
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="kia.com/content/dam/"],
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="cdn-ds.com/stock/"],
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="2027-gv60-pst-awd"]{object-fit:contain!important;background:#f7fafc}

/* Preserve the complete vehicle in the newly validated MY2026 photos. */
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="images.dealer.com/ddc/vehicles/2026/Volvo/EX40/"],
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="lexuspr.com/dynamic/imgLexus/vehicles/images/jellies/2026/is/"],
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="lexuspr.com/dynamic/imgLexus/vehicles/images/jellies/2026/es/"],
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="YV4L12UJ8T2786242"],
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) :is(.match-result,.agpr-match-result)>.match-card .vehicle-card__image img[alt]:not([data-agpr-card-photo])[src*="W1KAF4GB5TR354149"]{object-fit:contain!important;background:#f7fafc}

/* One card rhythm on both surfaces; the page shell remains independent. */
html body :is(main.agpr-ranking-article,main.archive-page--matches) .match-card .vehicle-card__image{line-height:0!important}
@media(max-width:760px){html body :is(main.agpr-ranking-article,main.archive-page--matches) .match-card .match-card__mobile-review-cta{margin-top:20px!important}}

/* Compact card values stay on one line; full qualifications remain in title/ficha. */
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data>span:not(.match-card__pr-score)>strong{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:12px!important;line-height:1.4!important}
:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .match-card__edmunds-facts b{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
@media(min-width:901px){:is(html body.single-ranking main.agpr-ranking-article .ranking-list.agpr-match-root,html body main.archive-page--matches .archive-grid--matches) .match-card .vehicle-card__data{column-gap:6px!important}}