/* Match the image canvas to the new connection illustration. */
html body .adapter-gallery .adapter-card .adapter-image{
 height:auto!important;min-height:0!important;aspect-ratio:4/3;background:#fff!important;
}
html body .adapter-gallery .adapter-card .adapter-image>img:not(.connector-inset){
 display:block;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
html body .adapter-gallery .adapter-card .adapter-image:after{box-shadow:none!important}
html body #compare tbody tr:nth-child(3) td:first-child:before{
 background-size:cover!important;background-position:center!important;background-color:#fff!important;
}
html body .charger.chademo .spec .adapter-launch{
 display:flex!important;flex-wrap:wrap;gap:0 .35em;align-items:baseline;line-height:1.5!important;min-width:0;
}
html body .adapter-launch>span{white-space:nowrap!important;word-break:normal!important;letter-spacing:normal}
html body .adapter-launch>span:first-child:after{content:' ·';font-weight:400}

/* Paired adapters share image and action baselines. */
html body .adapter-gallery{align-items:stretch!important}
html body .adapter-gallery .adapter-card{transform:none!important}
html body .adapter-gallery .adapter-copy>.type{order:1}
html body .adapter-gallery .adapter-copy>.badge{order:2}
html body .adapter-gallery .adapter-copy>h3{order:3}
html body .adapter-gallery .adapter-copy>small{order:4}
html body .adapter-gallery .adapter-copy>p{order:5;flex:1!important}
html body .adapter-gallery .adapter-copy>.legacy-adapter{order:6}
html body .adapter-gallery .adapter-copy>.adapter-official{order:7;flex:none!important}

/* Shared row rhythm across all six charging equipment cards. */
html body #charger-types .charger-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important}
html body #charger-types .charger{min-width:0!important;min-height:0!important;height:auto!important;padding:26px!important;grid-template-rows:auto auto 1fr auto auto;align-content:start;transform:none!important;background-size:cover!important;background-repeat:no-repeat!important}
html body #charger-types .charger-top{align-items:center;min-width:0}
html body #charger-types .charger h3{margin:20px 0 10px!important;font-size:28px!important;line-height:1.3!important;min-width:0;letter-spacing:-.03em!important}
html body #charger-types .charger .summary{max-width:100%!important;margin:0!important;font-size:13px!important;line-height:1.8!important;min-width:0;align-self:start}
html body #charger-types .charger .specs{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-self:stretch;min-width:0;margin-top:24px!important;box-sizing:border-box}
html body #charger-types .charger .spec{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;min-width:0;padding:13px 11px!important}
html body #charger-types .charger .spec strong{min-width:0;max-width:100%;line-height:1.5!important;text-wrap:pretty}
html body #charger-types .charger .tip{max-width:100%!important;margin:18px 0 0!important;align-self:start;line-height:1.8!important}
html body .adapter-gallery .adapter-image>img:not(.connector-inset){max-height:none!important}
html body #steps .actions{align-items:stretch!important}
html body #steps .actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;white-space:normal;line-height:1.6;text-align:center}
@supports(grid-template-rows:subgrid){
 @media(min-width:761px){
  html body #charger-types .charger{grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
 }
}
@media(max-width:760px){
 html body #charger-types .charger-grid{grid-template-columns:minmax(0,1fr)!important}
 html body #charger-types .charger{grid-row:auto;grid-template-rows:auto auto auto auto auto;padding:22px!important}
 html body #charger-types .charger h3{font-size:25px!important}
 html body #charger-types .charger .specs{grid-template-columns:minmax(0,1fr)!important;margin-top:20px!important}
 html body #charger-types .charger .spec{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:6px 12px!important;align-items:start!important;padding:12px!important}
 html body #charger-types .charger .spec small{line-height:1.5!important}
}
/* Keep the adapter disclosure and landscape shortcuts easy to tap. */
html body.charging-guide-page .quick a{min-height:44px!important;box-sizing:border-box}
html body.charging-guide-page .legacy-adapter>summary{min-height:44px!important;padding-top:12px!important;padding-bottom:12px!important;box-sizing:border-box}