/* Reflow fixes verified with 320px CSS viewport and 200% text simulation. */
body:not(.gateway) .footer-top>*{min-width:0;overflow-wrap:anywhere}
body:not(.gateway) .button{max-width:100%;white-space:normal;text-align:center}
body:not(.gateway) .page-intro h1{overflow-wrap:anywhere}
@media(max-width:760px){
 body:not(.gateway) .wrap{min-width:0}
 body:not(.gateway) .footer-top{grid-template-columns:minmax(0,1fr)}
 .price-table{table-layout:fixed}
 .price-table th{width:63%;overflow-wrap:anywhere}
 .price-table td:last-child{white-space:normal;overflow-wrap:anywhere}
 .summary-total,.summary-row{flex-wrap:wrap;gap:10px}
 .summary-row>span:last-child{white-space:normal}
 .summary-total strong{overflow-wrap:anywhere}
 .zone-option{grid-template-columns:20px minmax(0,1fr) auto}
 .tariff-paths{grid-template-columns:minmax(0,1fr)}
 .tariff-paths a{min-width:0;overflow-wrap:anywhere}
 .segmented{flex-wrap:wrap}
}
@media(max-width:360px){
 body:not(.gateway)>header .brand,body:not(.gateway)>header .brand img{width:100px;height:auto}
 body:not(.gateway)>header .menu-toggle{padding:8px 12px;gap:10px}
}