/* Four primary destinations stay across the top on phones and laptops. */
.top-tabs{display:flex;gap:8px;flex-wrap:nowrap}.top-tabs>button{white-space:normal;line-height:1.35;min-height:44px;margin:0}
.travel-tools-page{max-width:760px;margin:28px auto 60px}.tt-page-heading{margin-bottom:25px}.tt-page-heading h1{font-size:29px;line-height:1.25;margin:0 0 8px;letter-spacing:-.5px}.tt-page-heading p{margin:0;font-size:14px;color:var(--muted)}.tt-converter{padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 24px var(--shadow-soft)}.tt-title-row{display:flex;align-items:center;gap:13px;margin-bottom:25px}.tt-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent)}.tt-icon svg{width:25px;height:25px}.tt-title-row h2{font-size:19px;margin:0 0 4px}.tt-title-row p{font-size:12px;color:var(--muted);margin:0}.tt-amount,.tt-currency{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.tt-amount>span,.tt-currency>span{font-size:12px;font-weight:650;color:#52647e}.tt-amount input{width:100%;margin:0;min-height:56px;font-size:23px;font-variant-numeric:tabular-nums;font-weight:550}.tt-currency-row{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:end;gap:14px;margin:20px 0}.tt-currency select{font-size:13px;min-height:49px;margin:0;width:100%;min-width:0;text-overflow:ellipsis;padding:12px 30px 12px 12px}.tt-swap{width:44px;height:49px;padding:9px;display:grid;place-items:center;margin:0;border-color:var(--border);background:var(--surface-soft)}.tt-swap svg{width:24px;height:24px;color:var(--accent-dark)}.tt-result{padding:27px 24px;border-radius:12px;background:#f0f5ff;border:1px solid #dce7fa;min-height:169px;overflow-wrap:anywhere}.tt-result-label{font-size:13px;color:#556c8e;display:block;font-variant-numeric:tabular-nums}.tt-result-value{display:block;font-size:38px;line-height:1.3;color:#1d427b;letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:5px 0}.tt-result-value>span{font-size:21px;color:#4d6891;font-weight:550;letter-spacing:0}.tt-result-name{font-size:13px;color:#4b6385}.tt-unit-rate{font-size:12px;color:#536c8e;margin:16px 0 0;font-variant-numeric:tabular-nums}.tt-result-cached{font-size:12px;color:#895811;margin:10px 0 0}.tt-result-empty{display:flex;align-items:center;gap:13px;min-height:110px;font-size:14px;color:var(--muted)}.tt-input-error{font-size:14px;color:#8c3b32;line-height:1.6}.tt-rate-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px}.tt-status-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:#336755}.tt-status-label.tt-status-warning{color:#855715}.tt-status-label .fs-spinner{width:14px;height:14px}.tt-rate-status p{font-size:12px;color:#566a86;margin:6px 0;line-height:1.5}.tt-rate-status small{font-size:11px;color:#687b95}.tt-refresh{display:flex;align-items:center;gap:7px;flex-shrink:0;min-height:42px;padding:9px 12px;background:#fff;border:1px solid var(--border);font-size:12px;margin:0}.tt-refresh svg{width:17px;height:17px}.tt-error{padding:11px 13px;background:#fff8e8;border:1px solid #eddbb4;border-radius:8px;color:#7b581d;font-size:12px;line-height:1.6;margin:15px 0 0}.tt-source{border-top:1px solid var(--border);padding-top:15px;margin-top:22px}.tt-source p{font-size:11px;line-height:1.7;color:#677993;margin:3px 0}.tt-source a{color:#355f9e}.travel-tools-page :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:600px){.top-tabs{display:grid;grid-template-columns:.65fr .65fr 1.15fr 1.05fr;gap:5px}.top-tabs>button{font-size:12px;padding:9px 5px}.travel-tools-page{margin-top:24px}.tt-page-heading h1{font-size:25px}.tt-page-heading p{font-size:13px;line-height:1.6}.tt-converter{padding:19px 16px;border-radius:14px}.tt-title-row{margin-bottom:21px}.tt-title-row h2{font-size:18px}.tt-currency-row{grid-template-columns:minmax(0,1fr) 40px;gap:10px;margin:18px 0}.tt-currency-row .tt-currency:first-child{grid-column:1}.tt-currency-row .tt-currency:last-child{grid-column:1;grid-row:2}.tt-swap{grid-column:2;grid-row:1/3;align-self:center;width:40px;height:45px}.tt-swap svg{transform:rotate(90deg)}.tt-currency select{font-size:13px}.tt-result{padding:22px 17px}.tt-result-value{font-size:32px}.tt-result-value>span{font-size:18px}.tt-rate-status{align-items:flex-start;gap:9px}.tt-refresh{padding:9px}.tt-refresh>span{display:none}.tt-page-heading{margin-bottom:19px}}