.mobile-menu,.address-hint{display:none}.mobile-explore>summary{display:none}.navigation-options>summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:600;color:#0F766E}@media(min-width:601px){.navigation-options>summary{list-style:none}}@media(max-width:600px){body{padding-bottom:env(safe-area-inset-bottom)}.brand-mobile-nav{display:none}.brand-header-inner{min-height:64px;padding:0 16px;justify-content:space-between;gap:12px}.brand-logo{width:190px}.mobile-menu{display:block;position:relative;margin-left:auto}.mobile-menu>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #E5E7EB;border-radius:10px;color:#0F766E;font-size:14px;cursor:pointer;list-style:none}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:50px;width:210px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:8px;box-shadow:0 8px 24px #0F172A15;z-index:70}.mobile-menu a{display:flex;align-items:center;min-height:48px;padding:10px;font-size:14px;color:#0F172A}#mainPanel.brand-main{padding:20px 16px 0}.planner-heading{margin-bottom:20px}.planner-heading h2{font-size:22px;line-height:1.35}.planner-step{display:none}#routeForm .location-fields>.flex,#routeForm .location-fields>.flex:first-child{margin-top:34px}#routeForm .location-label{font-size:14px;line-height:22px;top:-28px}#routeForm .location-fields input{height:52px;border-radius:12px}#routeForm .location-fields .relative{min-width:0}#routeForm .waypoint-remove{top:4px}.address-hint{display:none;font-size:12px;color:#64748B;line-height:1.6;margin-top:8px}#routeForm .route-actions{margin-top:4px}#routeForm .route-actions button{min-height:44px;font-size:13px;padding:4px 6px}#routeForm .vehicle-card{padding:10px 12px;border-radius:12px}#vehicleToggle.vehicle-header{min-height:52px}.vehicle-heading-row{font-size:14px}#vehicleToggle #vehicleSummaryText{font-size:12px}#vehicleAccordionDrawer label{font-size:14px;line-height:22px}#vehicleAccordionDrawer .vehicle-numbers label{min-height:22px}.fuel-price-row{grid-template-columns:1fr;gap:8px}.fuel-price-field{max-width:none}#btnCalculate{height:52px;border-radius:12px;font-size:16px}#routeForm .route-options{margin-top:6px}#routeForm .route-options summary,#cancelCalculation,#mapToggle{min-height:44px;font-size:13px}#formStatus:empty{display:none}#mapToggle{display:none}#appShell.map-open #mapToggle{display:block}#workspace{margin-top:24px}.results-heading .brand-kicker{display:none}.results-heading h2{font-size:18px}#resultsSection .cost-hero{padding:18px;border-radius:16px}#resultsSection .cost-hero #routeTotalCost{font-size:32px}.cost-breakdown{gap:8px}.cost-breakdown>div{padding:12px;border-radius:12px}#routeFuelCost,#routeTollCost{font-size:20px}.result-actions{padding:14px;border-radius:12px}.result-actions>.result-map-button{margin-bottom:8px}.navigation-options>summary{display:list-item;padding:12px 4px;font-size:14px;font-weight:500}.navigation-grid{gap:8px;margin:4px 0 12px}.mobile-explore{border-top:1px solid #E5E7EB;margin-top:24px;padding-top:8px}.mobile-explore>summary{display:list-item;min-height:48px;padding:12px 0;color:#0F766E;font-size:13px;cursor:pointer}.mobile-explore .brand-features{padding-top:20px}.brand-footer{margin:0 16px;padding:20px 0;gap:12px}.brand-footer>div{display:none}.brand-footer nav{gap:8px 18px;font-size:12px}.brand-footer nav a{display:inline-flex;align-items:center;min-height:44px}.brand-footer small{font-size:11px}}.result-detail>summary{display:none}@media(max-width:600px){#mainPanel{font-size:14px;line-height:1.5}#routeForm .location-fields:focus-within + .address-hint{display:block}#routeForm label,#routeForm .location-label,#routeForm .vehicle-heading-row,#vehicleToggle .vehicle-heading-row{font-size:14px;font-weight:500;line-height:1.5}#routeForm input:not([type=checkbox]),#routeForm select,#routeForm .search-select input{font-size:16px;line-height:1.5}#routeForm .vehicle-help,#routeForm #fuelPriceHint,#routeForm .vehicle-extra p{font-size:13px;line-height:1.5}#routeForm .field-error,#formStatus{font-size:13px;line-height:1.5}#vehicleToggle #vehicleSummaryText{font-size:13px;line-height:1.5}#routeForm .route-options p{font-size:13px;line-height:1.6}#resultsSection{gap:12px}#routesListSection:has(#routesListCards>button:only-child){display:none}.results-heading h2{font-size:17px;line-height:1.45;font-weight:500}#resultsSection .cost-hero>div:first-child>span:first-child{font-size:13px}#resultsSection .cost-hero p,#routeTrafficFooter,#fuelConsumptionExplBox,#fuelPriceFootnote,#vehicleNoticeBox,#tollStatusBox{font-size:13px;line-height:1.5}#resultsSection .trip-metrics .font-bold{font-size:16px;font-weight:500}.cost-breakdown>div>span:first-child,.cost-breakdown>div>span:last-child{font-size:13px;line-height:1.5}#routeFuelCost,#routeTollCost{font-size:20px;font-weight:600}.result-detail>summary{display:list-item;min-height:44px;padding:10px 0;font-size:13px;font-weight:500;color:#0F766E;cursor:pointer}.fuel-detail{border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.fuel-detail[open]{padding-bottom:12px}.fuel-detail #fuelConsumptionExplBox{margin-bottom:10px}#tollPlazasBox{padding:4px 12px;border-radius:12px}.toll-receipt-heading{display:none}#vehicleNoticeBox{padding:12px}#vehicleNoticeBox a{display:block;width:fit-content;min-height:44px;padding-top:12px;font-size:13px;font-weight:500}.mobile-explore .brand-kicker,.mobile-explore .feature-note{display:none}.mobile-explore h2,.mobile-explore h3,.mobile-explore .popular-routes h3{font-size:18px;line-height:1.4}.mobile-explore .feature-grid h3,.mobile-explore .how-it-works h3{font-size:15px}.mobile-explore .feature-grid p,.mobile-explore .how-it-works p,.mobile-explore .brand-about>p{font-size:13px;line-height:1.6}}