/* RoadAheadNow journey layer: warm surfaces, strong hierarchy, readable controls. */
:root{--kit-deep:#123d3c;--kit-mint:#d9ebe2;--kit-sand:#f5e3b5;--kit-border:#b7cbc3}
.field label,.form-caption,.example-row,.example-row a,.trust-strip,.trust-strip a,.hero-benefits,.visual-note strong,.visual-note span,.footer h2,.footer-bottom,.static-timeline div>span,.route-facts,.route-card-bottom,.form-options summary{font-size:14px!important}
.field input,.field select{font-size:16px}.field label{line-height:1.5}.header nav{gap:22px}.header nav a{min-height:44px}.menu-toggle{color:var(--ink)}.brand img{flex-shrink:0}
a.text-link,.text-link{white-space:normal}.hero-form .field label{color:#172b32}.hero-form .helper{color:#40564e}.hero .hero-form h2{color:#172b32}.hero-form .button-primary{color:#122329}.route-card-bottom{flex-wrap:wrap;gap:10px}.route-card p{line-height:1.7}.route-card .eyebrow{min-height:32px}.route-card .route-mini{height:36px}.route-card{border-radius:18px;box-shadow:0 4px 0 #142f2520}.route-card:hover{border-color:#366658}.route-card:focus-visible{outline:3px solid #a2670c;outline-offset:4px}.guide-card h3{line-height:1.25}.footer a{min-height:44px}.footer-bottom>div{display:flex;flex-wrap:wrap}.footer-bottom>span{font-size:14px}.section-note{max-width:85ch}
.trip-tool-section{border-top:1px solid var(--kit-border)}.kit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:30px}.kit-card{padding:30px;border:1px solid #557a70;border-radius:20px;display:flex;flex-direction:column;gap:16px;min-width:0;background:var(--kit-deep);color:#fff;transition:transform .15s,box-shadow .15s}.kit-card .eyebrow{color:#d2e5dd;margin:0}.kit-card h3{font-size:28px;color:#fff;margin:0;line-height:1.2}.kit-card p{color:#deeee7;margin:0;line-height:1.7}.kit-card .text-link{color:#ffdc91;margin-top:auto;min-height:44px}.kit-card:nth-child(2){background:#ecd69d;border-color:#bb9c51;color:#273125}.kit-card:nth-child(2) h3{color:#1c3028}.kit-card:nth-child(2) p,.kit-card:nth-child(2) .eyebrow,.kit-card:nth-child(2) .text-link{color:#334c3d}.kit-card:nth-child(3){background:#e0eae4;border-color:#a6bcb1;color:#153c31}.kit-card:nth-child(3) h3,.kit-card:nth-child(3) p,.kit-card:nth-child(3) .eyebrow,.kit-card:nth-child(3) .text-link{color:#214f40}.kit-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #183f3020}.kit-explainer{max-width:78ch;padding-block:38px}.kit-explainer p{line-height:1.8}
.route-search{display:grid;grid-template-columns:2fr 1fr;gap:18px;max-width:900px;margin-top:30px}.route-search>p{grid-column:1/-1;margin:0;font-size:14px;color:#334b42}.route-search input{background:#fff}.route-grid-all{align-items:stretch}.filter-card{min-width:0}.article-toc{background:#e3ece5;border:1px solid #b8ccc1;border-left:5px solid #28604b;border-radius:12px;padding:24px;margin-bottom:35px}.article-toc h2{font-size:19px!important;margin:0 0 15px!important}.article-toc a{display:block;min-height:44px;padding-block:9px;text-decoration:underline;text-underline-offset:3px;font-size:15px;color:#214f40}
.plan-route-panel{background:var(--kit-deep);color:#fff;border-radius:20px;padding:28px;display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.plan-route-panel .field label{color:#f5fcf8}.plan-route-panel .helper{color:#dfede6;grid-column:1/-1;margin:0}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:24px;align-items:start}.workspace-grid>*{min-width:0}.workspace-panel{padding:30px;background:#fff;border:1px solid #bccdc5;border-radius:18px;margin-bottom:22px;scroll-margin-top:30px;color:#172b32}.workspace-panel h2{font-size:29px;line-height:1.2}.workspace-panel h3{font-size:23px}.workspace-panel p{font-size:15px;color:#40574d}.workspace-panel .eyebrow{color:#315345}.workspace-summary{position:sticky;top:20px}.workspace-summary>.workspace-panel:first-child{background:#e0ece4;border-color:#98b5a4;box-shadow:0 12px 32px #1c493914}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-block:22px}.field-grid input[type=datetime-local]{min-width:0;width:100%}.trip-checks{display:grid;gap:12px}.trip-checks label{display:flex;gap:14px;padding:15px;border:1px solid #cad8d0;border-radius:10px;align-items:flex-start;cursor:pointer;font-size:15px;line-height:1.65}.trip-checks input,.timeline-controls input{width:20px;height:20px;accent-color:#195c45;flex-shrink:0;margin-top:3px}.trip-checks label:has(:checked){background:#e1eee6;border-color:#6a957e}.workspace-panel .plan-total{font-size:clamp(36px,4vw,53px);letter-spacing:-.05em;line-height:1.2;font-weight:750;margin:0 0 16px;color:#123d30;overflow-wrap:anywhere}.budget-lines{margin:22px 0}.budget-lines div,.review-lines div{display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid #b9cfc0;padding:12px 0;font-size:14px}.budget-lines dt,.review-lines dt{color:#365346}.budget-lines dd{font-weight:750;margin:0;white-space:nowrap}.review-lines dd{margin:0;text-align:right}.plan-actions{display:flex;flex-wrap:wrap;gap:9px}.storage-panel{background:#f9f3e4}.storage-panel h2{font-size:23px}.plan-actions .button{min-height:44px}.text-button{min-height:44px;font-size:14px;padding:10px;border:0;background:transparent;text-decoration:underline;color:#284b3d}.rest-legs{list-style:none;padding:0;display:grid;gap:10px}.rest-legs li{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:17px 20px;border:1px solid #c8d6ce;border-left:5px solid #2a654f;border-radius:10px;background:#f5f8f4;font-size:14px}.rest-legs li>span:last-child{grid-column:1/-1;color:#40584a}.rest-legs .rest-break{border-left-color:#a67520;background:#fbefcc}.kit-notice{padding:17px 20px;background:#fff1d0;border:1px solid #c3a262;border-radius:10px;color:#543e13;font-size:14px;margin-bottom:20px}.workspace-summary hr{border:0;border-top:1px solid #a4beac;margin:25px 0}#plan-error{margin-bottom:16px}
.check-controls{box-shadow:0 12px 35px #142e2510;border-radius:18px}.route-form.guided-form{display:block}.journey-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:22px;border-bottom:1px solid #c5d3ca;margin-bottom:25px}.journey-progress button{display:flex;align-items:center;justify-content:flex-start;gap:10px;background:#eef2ec;color:#344e40;border:1px solid #b5c9bc;border-radius:9px;padding:12px;min-height:55px;font-size:14px;font-weight:650;line-height:1.4}.journey-progress span{display:grid;place-items:center;flex-shrink:0;background:#d5e1d6;border-radius:50%;width:27px;height:27px;color:#254332}.journey-progress [aria-current=step]{background:#173f34;color:#fff;border-color:#173f34}.journey-progress [aria-current=step] span{background:#eed093;color:#193c2f}.journey-progress button:disabled{background:#f1f1e9;color:#596456;cursor:default}.journey-step{border:0;padding:0;margin:0;min-width:0}.journey-step legend{font-size:25px;font-weight:750;letter-spacing:-.03em;margin-bottom:20px;color:#183c30}.journey-step .field{max-width:800px;margin-bottom:16px}.journey-step .options-grid .field{margin:0}.journey-buttons{display:flex;justify-content:space-between;gap:15px;margin-top:24px}.journey-buttons #step-next{margin-left:auto}.journey-review{padding:23px;background:#e9f0e7;border:1px solid #b0c7b7;border-radius:12px;margin-bottom:22px;color:#1b3d2f}.journey-review h3{font-size:26px;color:#1b3d2f}.journey-review p{font-size:15px}.guided-form .form-submit{width:100%;max-width:800px}.guided-form .form-error{margin-top:18px}.loading-panel{flex-wrap:wrap}#cancel-check{margin-left:auto;color:#17352a;background:#fff}.report-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-block:20px 30px}.report-jumps a{padding:11px 16px;border:1px solid #abbfaf;border-radius:8px;background:#edf3eb;min-height:44px;font-size:14px;font-weight:650;color:#1c523c}.report-summary{border-radius:18px}.report-summary p,.report-summary .coverage-stats{color:#e0eee4}.report-summary h3,.report-summary strong{color:#fff}.report-summary .eyebrow{color:#cfdfd2}.window{border-radius:14px;min-width:0}.window-time{font-size:17px!important;display:block;line-height:1.5}.window-state,.window-data{display:block;line-height:1.6}.matrix-section{margin-block:35px;padding:27px;background:#e6eee7;border:1px solid #b2c7b8;border-radius:16px;min-width:0}.matrix-section h3{font-size:25px}.matrix-section p{font-size:15px;color:#3a5845}.matrix-scroll{max-width:100%;overflow-x:auto;border:1px solid #a7bcac;border-radius:10px;background:#fff}.departure-matrix{border-collapse:collapse;width:100%;min-width:820px;font-size:14px}.departure-matrix caption{text-align:left;padding:15px 18px;background:#173f34;color:#fff;font-weight:650}.departure-matrix th{padding:14px;background:#f0f4ed;color:#294b35;text-align:left}.departure-matrix th[scope=row]{min-width:130px;max-width:160px}.departure-matrix td{padding:7px;border:1px solid #d3dfd2;vertical-align:top}.matrix-cell{width:100%;min-height:128px;display:flex;flex-direction:column;text-align:left;gap:8px;padding:12px;border:1px solid #b5cbbb;border-radius:8px;background:#eff5ed;color:#24482e;font-size:14px;line-height:1.4}.matrix-cell span{font-size:14px}.matrix-cell.level-1{background:#fff0c9;border-color:#c7a15b;color:#5d420d}.matrix-cell.level-2{background:#ffdfc7;border-color:#c8946c;color:#6e360e}.matrix-cell.level-3{background:#f5d9d5;border-color:#ca8c85;color:#752c24}.matrix-cell.level-unknown{background:#e8ecef;border-color:#a9b7c0;color:#344d5c}.matrix-cell:hover{outline:2px solid #315944}.matrix-cell strong{font-size:14px;line-height:1.5}.timeline-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block:15px 24px;padding:14px;border:1px solid #b9cdbe;border-radius:10px;background:#f2f5ed;font-size:14px;color:#214732}.timeline-controls label:first-child{display:flex;align-items:center;gap:9px;margin-right:auto}.timeline-controls select{min-height:44px;background:#fff;border:1px solid #9ab19f;border-radius:6px;padding:8px;color:#244733;font-size:16px}.source-state{font-size:14px;color:#3e5946}.checkpoint:focus{outline:3px solid #ae761c;outline-offset:5px}.checkpoint details summary,.alert-box summary{min-height:44px;cursor:pointer;padding-block:12px;font-size:14px}.checkpoint h4,.road-record h4,.camera-card h4{margin:8px 0;font-size:18px}.camera-card img{width:100%;height:auto;border-radius:8px}.report-actions{display:flex;flex-wrap:wrap;gap:8px}.report-actions .button{font-size:14px!important}.report-side-card p,.report-side-card a{font-size:14px}.report-side-card a{display:inline-block;padding-block:9px;min-height:44px}.report-side-card{overflow-wrap:anywhere}.toast{font-size:15px!important}.trip-workspace .button,.matrix-cell{touch-action:manipulation}
@media(max-width:1100px){.header nav{display:none}.menu-toggle{display:block;margin-left:auto}.header-cta{margin-left:auto}.header.menu-open nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#faf9f5;padding:15px 25px;border-bottom:1px solid #bdccbf;box-shadow:0 15px 22px #14302020;gap:2px}.header.menu-open nav a{color:#214335;padding:12px}.workspace-grid{grid-template-columns:1.45fr 1fr}.workspace-panel{padding:24px}.kit-card{padding:24px}.kit-card h3{font-size:25px}.hero-benefits{flex-wrap:wrap}.kit-grid{gap:14px}}
@media(max-width:850px){.kit-grid{grid-template-columns:1fr}.kit-card{min-height:215px}.workspace-grid{grid-template-columns:1fr}.workspace-summary{position:static}.plan-route-panel{grid-template-columns:1fr}.route-search{grid-template-columns:1fr}.journey-progress button{font-size:14px}.matrix-section{padding:20px}.report-summary{grid-template-columns:1fr}.report-summary-side{border-left:0;border-top:1px solid #55745e;padding:20px 0 0}.report-summary p{color:#e0eee4}.kit-explainer{padding-block:25px}}
@media(max-width:600px){.journey-progress{gap:7px}.journey-progress button{flex-direction:column;gap:7px;text-align:center;min-height:91px;padding:10px 5px}.journey-progress span{width:26px;height:26px}.journey-buttons .button{padding:13px;font-size:14px}.journey-review{padding:18px}.review-lines div{display:block}.review-lines dd{text-align:left;margin-top:6px}.field-grid{grid-template-columns:1fr}.workspace-panel{padding:22px 18px}.workspace-panel h2{font-size:27px}.plan-route-panel{padding:23px 18px}.plan-actions .button{flex:1 1 140px}.route-search{gap:15px}.report-actions .button{flex:1 1 135px;min-height:47px}.matrix-section{padding:18px 12px}.report-jumps{gap:8px}.report-jumps a{flex:1 1 145px}.rest-legs li{padding:16px}.timeline-controls>label:first-child{width:100%}.hero-benefits{gap:12px}.visual-note{align-items:start}.visual-note strong,.visual-note span{line-height:1.5}.hero .eyebrow{line-height:1.8}.trust-strip>.wrap{gap:12px;justify-content:flex-start}.trust-strip span{font-size:14px}.trip-tool-section .lede{font-size:16px}.kit-grid{margin-block:22px}.kit-card{border-radius:16px}.budget-lines dt{max-width:68%}.windows{grid-template-columns:1fr 1fr}.window .window-time{font-size:16px!important}}
@media(max-width:440px){.route-grid{grid-template-columns:1fr}.route-card{min-height:260px;padding:23px}.route-card h3{font-size:29px}.route-card-bottom{flex-direction:row}.route-card .eyebrow{min-height:0}.route-card>p:not(.eyebrow){min-height:0}.route-mini{max-width:230px}.header .brand{font-size:19px}.header-inner{gap:7px}.journey-progress button{font-size:14px}.journey-buttons{gap:9px}.journey-buttons .button{padding:11px}.workspace-panel .plan-total{font-size:41px}.window{padding:14px}.window.active{padding:13px}}
@media(prefers-reduced-motion:reduce){.kit-card,.route-card{transition:none}.kit-card:hover,.route-card:hover{transform:none}}
@media print{.journey-progress,.journey-buttons,.report-jumps,.timeline-controls,.plan-actions,.trip-workspace>button,.trip-workspace .button,.storage-panel,#plan-error{display:none!important}.workspace-grid{display:block}.workspace-summary{position:static}.workspace-panel,.plan-route-panel{background:#fff;color:#000;box-shadow:none;border:1px solid #777;break-inside:avoid}.plan-route-panel .field label,.plan-route-panel .helper{color:#000}.workspace-panel .plan-total{color:#000}.matrix-scroll{overflow:visible}.departure-matrix{min-width:0;font-size:9px}.matrix-cell,.matrix-cell span,.matrix-cell strong{font-size:9px;min-height:0;padding:4px}.matrix-section{padding:8px;background:#fff}.report-summary h3,.report-summary strong,.report-summary p{color:#000}.kit-notice{background:#fff;color:#000}.rest-legs li{break-inside:avoid}}