/* English typography: preserve the brand while allowing longer labels. */
html[lang="en"] .hero h1{font-size:43px;letter-spacing:-.9px}
html[lang="en"] .hero h1 .title-sub{font-size:39px}
html[lang="en"] .bar-row{grid-template-columns:74px minmax(0,1fr) 35px}
html[lang="en"] .axis{margin-left:82px}
html[lang="en"] .case-place .case-city{font-size:21px;overflow-wrap:normal}
html[lang="en"] .fuel-row>*,html[lang="en"] .levels>div{min-width:0}
html[lang="en"] .levels h3{font-size:21px;overflow-wrap:normal}
html[lang="en"] .step-card{grid-template-columns:135px minmax(0,1fr)}
html[lang="en"] .step-card h4{font-size:18px}
html[lang="en"] .section-head h2{overflow-wrap:normal}
@media(max-width:1100px) and (min-width:861px){html[lang="en"] .step-card{grid-template-columns:1fr}}
@media(max-width:600px){html[lang="en"] .hero h1{font-size:33px;letter-spacing:-.6px}html[lang="en"] .hero h1 .title-sub{font-size:30px}html[lang="en"] .step-card{grid-template-columns:1fr}html[lang="en"] .levels>div{grid-template-columns:70px minmax(0,1fr)}html[lang="en"] .map-heading{display:block}html[lang="en"] .map-count{display:inline-block;margin-top:10px}}
@media(max-width:360px){html[lang="en"] .hero h1{font-size:28px}html[lang="en"] .hero h1 .title-sub{font-size:27px}}