.national{max-width:1400px}.national h1{font-size:clamp(36px,4.5vw,58px)}.national .lede{max-width:850px}.national .filters{grid-template-columns:1.4fr 1fr 1fr 1fr}.national .map-layout{grid-template-columns:minmax(0,2fr) minmax(290px,1fr)}.national .map{height:580px}.national .result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.national .result-list button{text-align:left;display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.national .result-list small{color:var(--muted);font-size:11px}.national .detail{max-height:670px;overflow:auto}.national .detail[hidden]{display:none}.national .field{display:block}.national .field select{font-size:14px;letter-spacing:0}.national .route-tools{padding:22px;background:var(--sand);border:1px solid var(--line);border-radius:5px;margin-top:24px}.national .route-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:12px 0}.national .route-actions{display:flex;gap:9px;flex-wrap:wrap}.national .route-actions button{font-size:13px}.national .status{margin:12px 0;font-size:14px}.national .status:empty{display:none}.national .planning-heading{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.national .planning-heading h2{margin:0}.national .route-order{padding-left:22px}.national .day-route{background:var(--sand);padding:12px 16px;border-radius:4px}.national .day-route p{margin:5px 0}.national .stop-name{min-width:0;overflow-wrap:anywhere}.national .national-marker{display:grid;place-items:center;border:2px solid var(--paper);background:var(--ink);border-radius:50%;color:white;box-shadow:0 1px 5px #0003;font:bold 12px system-ui}.national .national-marker.mapped{background:#788777}.national .national-cluster{display:grid;place-items:center;border:3px solid #f9f7f1cc;border-radius:50%;background:#496b57;color:white;box-shadow:0 1px 6px #0003;font:600 13px system-ui}.national .endpoint{background:#9b6946}.national .national-marker.selected{background:#9b6946}.national .map[aria-busy=true]{opacity:.6}.national .coverage{margin:12px 0;color:var(--muted);font-size:13px}.national .warning{color:#865026}.national .print-title{display:none}@media(max-width:850px){.national .map-layout{grid-template-columns:1fr}.national .detail{max-height:none;border-left:0;border-top:1px solid var(--line)}.national .map{height:450px}.national .filters{grid-template-columns:1fr 1fr}.national .filters label:first-child{grid-column:1/-1}.national .route-grid{grid-template-columns:1fr 1fr}.national .result-list{grid-template-columns:1fr 1fr}}@media(max-width:500px){.national .filters,.national .route-grid,.national .result-list{grid-template-columns:1fr}.national .route-tools{padding:16px}.national .filters label:first-child{grid-column:auto}.national .map{height:380px}.national .map-actions button{font-size:12px;padding:8px 10px}}@media print{.national .hero,.national .filters,.national .coverage,.national .results,.national .route-tools,.national .map-layout,.national #browse,.national #results-status,.national .note.screen-only{display:none!important}.national .print-title{display:block}.national .day-route{background:transparent;border:1px solid #bbb}.national .plan{display:block}}

.save-actions{display:flex;gap:9px;flex-wrap:wrap}.save-actions button{font-size:13px}@media print{.save-actions,#save-status{display:none!important}}
/* Three clear steps on one national map. */
.national .start-step{border:1px solid var(--line);border-radius:6px;padding:24px;margin:24px 0;background:var(--sand)}
.national .start-step .field{max-width:520px;margin-bottom:12px}
.national .step-label{font-size:11px;letter-spacing:.14em;color:var(--accent);margin:0 0 10px;font-weight:650}
.national .step-heading{margin-top:28px}.national .step-heading h2{margin-bottom:10px}
.national .filters{grid-template-columns:1fr;max-width:620px}
.national .secondary-panel{border:1px solid var(--line);border-radius:6px;margin:18px 0;padding:16px 20px}
.national .secondary-panel summary{cursor:pointer;font-size:14px;font-weight:600}
.national .secondary-panel[open] summary{margin-bottom:18px}
.national .create-actions{margin-top:16px}.national #calculate{font-size:16px;padding:14px 25px}
.national .plan{padding:24px;border:1px solid var(--line);border-radius:6px;background:var(--sand)}
.national .plan .day-route{background:var(--paper)}
.national .plan #more-options{background:var(--paper)}
.national #more-options .save-actions{margin-top:20px}
@media(max-width:500px){.national .start-step,.national .plan{padding:18px}.national #calculate{width:100%}.national .start-step .route-actions button{flex:1 1 150px}}
@media print{.national .start-step,.national .step-heading,.national .secondary-panel,.national .create-actions,.national #route-message{display:none!important}.national .plan{border:0;padding:0;background:white}.national .step-label{display:none}}
