/* Equal-width panels and compact navigation in all four EL/EN planners. */
#xp-route{box-sizing:border-box;max-width:100%;padding:clamp(12px,2vw,24px);border-color:#b3c8d7;background:#f5f9fc;color:#18394b}
#xp-route>h2{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25;margin:0 0 14px}
#xr-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
#xr-section-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #96b5ca;border-radius:24px;background:#fff;color:#174d70;font-weight:700;text-decoration:none;box-sizing:border-box}
#xr-section-nav a:hover,#xr-section-nav a:focus-visible{background:#dceefa;color:#123b58;outline:2px solid #2678a8;outline-offset:2px}
#xp-route .xr-panel{padding:clamp(12px,1.6vw,20px);margin:16px 0;border:1px solid #adc3d2;background:#fff;color:#18394b;box-sizing:border-box;max-width:100%}
#xp-route .xr-panel h3{font-size:1.12rem;line-height:1.4;color:inherit}
#xp-route .xr-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:end;gap:16px}
#xp-route .xr-panel label{line-height:1.4;text-align:start}
#xp-route .xr-panel input:not([type=checkbox]),#xp-route .xr-panel select{background:#fff;color:#18394b;border-color:#789bb2;width:100%;min-width:0;min-height:44px}
#xp-route .xr-panel label:has(>input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px}
#xp-route .xr-panel input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;accent-color:#17629c}
#xp-route .xrw-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:end;gap:16px}
#xp-route .xrw-controls label{display:flex;flex-direction:column;align-items:stretch}
#xp-route .xrw-controls p,#xp-route .xrw-controls [role=status]{grid-column:1/-1}
#xp-route .xr-panel p,#xp-route .xr-panel small{line-height:1.55;overflow-wrap:anywhere}
#xp-route .xr-actions>button{white-space:normal;line-height:1.4}
#xp-route #xr-budget-summary{font-size:1rem}
#xp-route #xr-budget-summary dl{gap:8px 20px}
#xp-route #xr-tolls{border-top:3px solid #36779f}
body.xionia-dark #xp-route{background:#102332;color:#eaf3fa;border-color:#48687e}
body.xionia-dark #xp-route .xr-panel{background:#172e40;color:#eaf3fa;border-color:#52738b}
body.xionia-dark #xp-route .xr-panel input:not([type=checkbox]),body.xionia-dark #xp-route .xr-panel select{background:#0d2232;color:#edf6fc;border-color:#7a9bb3}
body.xionia-dark #xr-section-nav a{background:#1c3d53;color:#d5edff;border-color:#7a9bb3}
body.xionia-dark #xr-section-nav a:hover{background:#2a526c}
@media(max-width:600px){#xp-route{padding:12px}#xr-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#xr-section-nav a{padding:8px;font-size:.9rem}#xp-route .xr-panel{padding:12px}#xp-route .xr-grid,#xp-route .xrw-controls{grid-template-columns:minmax(0,1fr)}#xp-route .xr-actions{align-items:stretch}#xp-route .xr-actions>button{flex:1 1 140px}#xp-route .xrw-controls select,#xp-route .xrw-controls input{max-width:100%}}
@media print{#xr-section-nav{display:none}}
