/* Shared narrow-screen reading and layout safeguards, loaded after page styles. */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  main,main section,main article,main div{min-width:0}
  main h1,main h2,main h3,main h4,main p,main li,main a,main button,main span,main strong,main label,main summary{writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:break-word}
  .vehicle-grid,.tariff-grid,.profile-row,.fuel-result{min-width:0}
  .fuel-compare .form-grid{grid-template-columns:1fr}
}
.fuel-compare{margin-top:24px;border:1px solid rgba(38,49,43,.2);background:#fff;padding:18px 20px}
.fuel-compare summary{font-weight:900;color:#17372E;cursor:pointer;line-height:1.4}
.fuel-compare[open] summary{margin-bottom:18px}
.fuel-compare .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fuel-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid rgba(38,49,43,.15);padding-top:14px}
.fuel-result span,.fuel-result strong{display:block}
.fuel-result span{font-size:13px;color:#59635B}
.fuel-result strong{font-size:23px;color:#17372E}
@media(max-width:700px){.fuel-compare .form-grid,.fuel-result{grid-template-columns:1fr}}