/* Scoped to the charging and ownership guides. No shared route styles changed. */
html[data-guide-review] .hero h1{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.3!important;overflow-wrap:break-word!important}
html[data-guide-review] .hero-copy{min-width:0!important}
html[data-guide-review] .adapter-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important}
html[data-guide-review] .adapter-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;min-height:0!important;height:auto!important;flex:1!important}
html[data-guide-review] .adapter-copy h3,html[data-guide-review] .adapter-copy p{margin:0!important;max-width:100%!important}
html[data-guide-review] .adapter-copy p{flex:1!important}
html[data-guide-review] .adapter-copy>.adapter-official{margin-top:8px!important;min-height:44px!important;max-width:100%!important;align-self:flex-start!important;white-space:normal!important;line-height:1.6!important}
html[data-guide-review] .actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px}
html[data-guide-review] .actions .action{display:inline-flex;align-items:center;justify-content:center;min-height:44px!important;max-width:100%;line-height:1.6!important;white-space:normal!important;box-sizing:border-box}
html[data-guide-review] :is(#languageButton,#themeButton,#languageMenu button){-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;border-radius:10px!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
html[data-guide-review] :is(#languageButton,#themeButton,#languageMenu button):focus:not(:focus-visible){outline:none!important}
html[data-guide-review] .spec strong{max-width:100%;overflow-wrap:anywhere;white-space:normal}
@media(max-width:760px){
 html[data-guide-review] .hero{height:auto!important;min-height:0!important;padding-top:30px!important;padding-bottom:26px!important}
 html[data-guide-review] .hero h1{font-size:clamp(28px,8vw,36px)!important;margin-bottom:16px!important}
 html[data-guide-review] .hero .lead{height:auto!important;min-height:0!important;line-height:1.85!important;margin-bottom:16px!important}
 html[data-guide-review] .quick{gap:8px!important;flex-wrap:wrap!important}
 html[data-guide-review] .quick a{min-width:0;min-height:44px!important;line-height:1.5!important;white-space:normal!important}
 html[data-guide-review] .adapter-image{height:160px!important;min-height:0!important;flex:none!important}
 html[data-guide-review] .adapter-image>img:not(.connector-inset){max-height:140px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
 html[data-guide-review] .adapter-copy{padding:20px!important}
 html[data-guide-review] .adapter-copy p{font-size:14px!important;line-height:1.8!important}
 html[data-guide-review] .guide-grid>details>summary{grid-template-columns:minmax(0,1fr) 56px 24px!important;min-height:0!important;height:auto!important;gap:12px!important;padding:20px!important;align-items:center!important}
 html[data-guide-review] .guide-grid .number{top:16px!important;left:20px!important}
 html[data-guide-review] .guide-grid .summary-copy{padding-top:20px!important;min-width:0!important}
 html[data-guide-review] .guide-grid .summary-copy strong{font-size:18px!important;line-height:1.45!important;white-space:normal!important}
 html[data-guide-review] .guide-grid .summary-copy>span{font-size:12px!important;line-height:1.65!important;margin-top:6px!important;white-space:normal!important}
 html[data-guide-review] .guide-grid .discover-art{width:56px!important;height:56px!important;border-radius:14px!important;grid-column:2!important;grid-row:1!important}
 html[data-guide-review] .guide-grid .plus{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:24px!important;height:24px!important;grid-column:3!important;grid-row:1!important}
 html[data-guide-review] .guide-grid .plus::before,html[data-guide-review] .guide-grid .plus::after{top:11px!important;left:6px!important;width:10px!important}
 html[data-guide-review] .detail-body{padding:0 20px 20px!important}
 html[data-guide-review] .actions .action{flex:1 1 150px;min-width:0;text-align:center}
}
@media(max-width:359px){html[data-guide-review] .guide-grid>details>summary{grid-template-columns:minmax(0,1fr) 24px!important;padding:18px!important;gap:12px!important}html[data-guide-review] .guide-grid .discover-art{display:none!important}html[data-guide-review] .guide-grid .plus{grid-column:2!important}html[data-guide-review] .guide-grid .number{left:18px!important}}

/* News cards need their own safe text inset, not only the decision-card grid. */
html[data-guide-review] body #chademo-update.chademo-news{padding:24px!important;margin-bottom:40px!important;box-sizing:border-box!important}
html[data-guide-review] body #chademo-update>div{padding:0!important;min-width:0!important}
html[data-guide-review] body #chademo-update h2{font-size:clamp(19px,2.2vw,24px)!important;line-height:1.55!important;word-break:keep-all!important;overflow-wrap:normal!important;text-wrap:pretty!important;margin:8px 0 14px!important}
html[data-guide-review] body #chademo-update p{line-height:1.85!important}
html[data-guide-review] body #chademo-update .adapter-official{margin-top:16px!important;min-height:44px!important}
@media(max-width:760px){html[data-guide-review] body #chademo-update.chademo-news{padding:20px!important;margin-bottom:32px!important}}