/* Revision19: readable device-native typography, including offline use. */
:root{--font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-family:var(--font-ui);font-size:18px;line-height:1.6}
body,h1,h2,h3,button,.button,input,select,textarea,.brand,.eyebrow,nav a,.cover-name{font-family:var(--font-ui)}
h1{font-size:clamp(34px,6vw,56px);font-weight:750;line-height:1.18;letter-spacing:-.025em}
h2{font-size:25px;font-weight:700;line-height:1.3}
button,.button{font-size:17px;font-weight:650;line-height:1.35;min-height:46px}
input,select,textarea{font-size:18px;line-height:1.5}
label,legend{line-height:1.45}
.brand{font-size:18px;font-weight:750;letter-spacing:.025em}
.brand small{font-size:12px;line-height:1.45;font-weight:400}
.eyebrow{font-size:14px;font-weight:700;line-height:1.5;letter-spacing:.04em}
.cover-name{font-size:24px!important;line-height:1.3;font-weight:750}
.hero p{font-size:20px;line-height:1.6}
.muted,.status{font-size:16px;line-height:1.55}
.tag,.destinations{font-size:14px;line-height:1.5}
.card strong.value,.balance,.item strong{font-variant-numeric:tabular-nums}
.card strong.value{font-size:34px;font-weight:700;line-height:1.25}
nav a{font-size:17px;font-weight:650;line-height:1.35}
.prep-check{font-size:18px;line-height:1.6}
@media(max-width:700px){
  .brand{font-size:14px}.brand small{font-size:11px}
  header button{font-size:14px}
  .hero p,.guide-intro{font-size:18px}
  .status,.muted{font-size:15px}
  .destinations{font-size:12px}
  nav a{font-size:15px;padding:13px 2px;min-height:46px}
  .cover-name{font-size:22px!important}
}