.travel-tools-card { margin: 16px 0; }
.travel-tools-card h2 { font-size: 1.2rem; margin: 0 0 10px; }
.travel-tools-card p, .travel-sheet p, .travel-steps { font-size: 1rem; line-height: 1.5; }
.travel-facts { display: grid; gap: 12px; margin: 18px 0; }
.travel-facts div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.travel-facts dt { color: var(--muted,#aaa); font-size: .875rem; }
.travel-facts dd { margin: 0; font-weight: 600; font-size: 1rem; text-align: right; }
.travel-sheet { overflow-y: auto; max-height: 85dvh; padding-bottom: max(24px,env(safe-area-inset-bottom)); }
.travel-network-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 16px 0; border-bottom: 1px solid rgba(128,128,128,.2); }
.travel-network-row b, .travel-network-row small { display: block; overflow-wrap: anywhere; }
.travel-network-row small { font-size: .875rem; color: var(--muted,#aaa); margin-top: 4px; }
.travel-network-row button { grid-column: 1 / -1; justify-self: start; }
.travel-steps { padding-left: 24px; } .travel-steps li { margin: 10px 0; }
.vault-code { font-family: ui-monospace,monospace; overflow-wrap: anywhere; word-break: break-all; user-select: text; max-width: 100%; }
.vault-qr { display: block; width: min(240px,100%); aspect-ratio: 1; object-fit: contain; background: white; border-radius: 16px; padding: 12px; margin: 20px auto; }
.travel-health-row { display: flex; justify-content: space-between; gap: 14px; font-size: .875rem; margin: 12px 0; }
.condition-operational,.condition-available { color: #34c98b; } .condition-degraded { color: #dda629; } .condition-outage { color: #f27989; } .condition-unknown { color: #929292; }
#estimate-country { width: 100%; font-size: 1rem; padding: 12px; margin: 8px 0; border-radius: 12px; background: transparent; color: inherit; border: 1px solid rgba(128,128,128,.4); }
#estimate-country option { color: #181027; background: #fff; }
#estimate-picker { padding: 12px 0; } #estimate-picker label { font-size: .875rem; }
#travel-reserve .text-button { display:block; margin-top: 12px; }
.travel-sheet .button { margin-top: 12px; width: 100%; }
#rating-score { width: 100%; padding: 12px; border-radius: 12px; font-size: 1rem; margin: 12px 0; }

