.travel-helper{margin-top:38px;border-top:1px solid var(--line,#d8dedb);padding-top:32px;color:var(--ink,#123e52)}
.travel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.travel-heading h2{margin:6px 0 8px;font-size:28px}.travel-heading p{line-height:1.7}.travel-heading .eyebrow{margin:0}.travel-tag,.travel-chosen{display:inline-block;border-radius:20px;background:#ecf0e8;color:#285c50;padding:6px 10px;font-size:11px}.travel-tag{white-space:nowrap}
.travel-preferences{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;align-items:end;gap:14px;margin:24px 0 12px}.travel-helper label,.travel-dialog label{display:block;font-size:13px;font-weight:600}.travel-helper select,.travel-dialog select,.travel-dialog input:not([type=radio]){display:block;width:100%;min-height:44px;border:1px solid var(--line,#d8dedb);border-radius:7px;background:var(--paper,#fffdf8);color:inherit;padding:10px;margin-top:8px;font:inherit;box-sizing:border-box}.travel-preferences .travel-car{display:flex;align-items:center;gap:9px;min-height:44px;font-weight:400}.travel-car input{width:17px;height:17px;flex-shrink:0;accent-color:#123e52}
.travel-note{font-size:12px;line-height:1.8;color:var(--muted,#67808d);margin:12px 0}.travel-stay{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;background:#f1f2eb;border-radius:8px;margin:18px 0}.travel-stay b{font-size:12px}.travel-helper button,.travel-dialog button,.stop-travel-actions button{font-family:inherit;cursor:pointer;border:1px solid var(--line,#cdd9dd);background:var(--paper,#fffdf8);color:inherit;border-radius:6px;padding:10px 14px;line-height:1.5}.travel-helper button:hover,.stop-travel-actions button:hover{border-color:#ff7844}.travel-legs{display:grid;gap:12px}.travel-leg{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line,#d8dedb);border-radius:10px;padding:18px;background:var(--paper,#fffdf8)}.travel-leg-route{display:flex;gap:12px;min-width:0}.travel-leg-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;background:#fae9da;border-radius:50%;font-size:12px;color:#b95025}.travel-leg small{font-size:10px;color:var(--muted,#67808d)}.travel-leg h3{font-family:inherit;font-weight:600;font-size:14px;line-height:1.7;margin:3px 0;overflow-wrap:anywhere}.travel-leg h3 span{color:#ef7443;margin:0 5px}.travel-leg p{font-size:11px;margin:5px 0;color:var(--muted,#67808d)}.travel-leg>button{flex-shrink:0;font-size:12px}.travel-empty{padding:26px;border:1px dashed var(--line,#cdd9dd);border-radius:8px;font-size:13px;line-height:1.8}.stop-travel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.stop-travel-actions button{font-size:11px;padding:7px 10px}
.travel-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box;padding:28px;border:1px solid #d6dedb;border-radius:15px;background:#fffdf8;color:#123e52;font-family:'Noto Sans Thai',sans-serif}.travel-dialog::backdrop{background:#072f43a6}.travel-dialog h2{font-family:inherit;font-size:23px;line-height:1.5;margin:10px 0 20px;overflow-wrap:anywhere}.travel-dialog>p,.travel-dialog form>p{line-height:1.8}.travel-dialog label{margin:15px 0}.travel-endpoints{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;background:#f0f1eb;border-radius:9px;padding:16px;margin:18px 0}.travel-endpoints div{display:flex;flex-direction:column;gap:6px;min-width:0}.travel-endpoints small{font-size:11px;color:#67808d}.travel-endpoints b{font-size:13px;overflow-wrap:anywhere}.travel-endpoints span{font-size:11px;overflow-wrap:anywhere}.travel-endpoints button{font-size:11px;align-self:start;padding:6px 8px}.travel-mode-options{padding:0;border:0;margin:20px 0 12px}.travel-mode-options legend{font-size:14px;font-weight:600;margin-bottom:5px}.travel-mode-options label{display:flex;gap:12px;align-items:start;padding:12px;border:1px solid #d6dedb;border-radius:8px;margin:8px 0;font-weight:400;cursor:pointer}.travel-mode-options label.selected{background:#edf3ef;border-color:#426e62}.travel-mode-options input{margin-top:6px;accent-color:#123e52;flex-shrink:0}.travel-mode-options b{display:block;font-size:13px}.travel-mode-options small{display:block;font-size:11px;line-height:1.8;color:#617b88;margin-top:4px}.travel-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px}.travel-dialog .primary{background:#123e52;color:white;border-color:#123e52}.travel-launch{display:grid;gap:10px;margin:16px 0}.travel-launch a{display:block;padding:13px 16px;text-align:center;color:white;background:#123e52;border-radius:7px;font-size:13px;text-decoration:none;font-weight:600}.travel-launch .travel-grab{background:#087941}.travel-unavailable{font-size:12px;color:#8d4b20;background:#fff0df;border-radius:7px;padding:12px;line-height:1.8}.travel-distance{font-size:12px;line-height:1.8}.travel-gps{padding:13px;background:#f3f1e9;border-radius:8px}.travel-gps p{font-size:11px;line-height:1.8;margin-bottom:0}.travel-gps button{font-size:12px}.travel-text-link{display:inline-block;margin:8px 0;color:#166082;font-size:12px}.travel-dialog [role=alert]{color:#b33527;font-size:12px}.travel-dialog [role=status]{font-size:12px;line-height:1.8}.travel-dialog button:disabled{opacity:.5;cursor:wait}.travel-dialog :focus-visible,.travel-helper :focus-visible,.stop-travel-actions :focus-visible{outline:3px solid #ff7844;outline-offset:3px}
@media(max-width:700px){.travel-heading{display:block}.travel-tag{margin-top:10px}.travel-heading h2{font-size:25px}.travel-preferences{grid-template-columns:1fr 1fr}.travel-car{grid-column:1/-1}.travel-stay{align-items:start;flex-direction:column}.travel-leg{align-items:stretch;flex-direction:column;padding:15px}.travel-leg>button{align-self:flex-start;margin-left:38px}.travel-dialog{padding:21px}.travel-dialog h2{font-size:20px}.travel-endpoints{gap:8px;padding:12px}.travel-dialog-actions button{flex:1}.travel-dialog-actions{flex-wrap:nowrap}}
@media(prefers-color-scheme:dark){.travel-helper{color:#b0d6e9}.travel-stay,.travel-endpoints,.travel-gps{background:#20241f}.travel-dialog{background:#151815;color:#b0d6e9;border-color:#454b44}.travel-dialog input:not([type=radio]),.travel-dialog select,.travel-helper select,.travel-helper button,.stop-travel-actions button,.travel-dialog button{background:#111511;color:inherit;border-color:#465047}.travel-leg{background:#111511}.travel-mode-options label{border-color:#465047}.travel-mode-options label.selected{background:#23382d;border-color:#82ab96}.travel-mode-options small,.travel-note,.travel-endpoints small,.travel-leg small,.travel-leg p{color:#91aeb8}.travel-dialog .primary,.travel-launch a{background:#123e52;color:white}.travel-launch .travel-grab{background:#087941}.travel-tag,.travel-chosen{background:#293a2e;color:#adcfb6}.travel-unavailable{background:#392a19;color:#e4b78a}}