:root{--bg:#fbfaf7;--ink:#13232b;--acc:#1f6f8b;--hf:Playfair,Georgia,serif;--hw:600;--hdr:#fbfaf7e8;--line:#e3e0d8;--card:#fff;--veil:linear-gradient(0deg,#0a1a22e6,#0a1a2233 60%,transparent);--band:#e8642c;--bandink:#fff;--toolbg:#eef3f1;--footbg:#10261f;--footink:#d6e3dc;--r:2px;--rc:4px;--heroey:#ffd7a8;--wmi:italic}
.travelcompass .hero h1{font-style:italic;font-size:clamp(2.8rem,7vw,6rem)}
.chipset{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.chipset button{padding:10px 18px;border:1px solid var(--line);background:#fff;border-radius:999px;font:inherit;cursor:pointer}.chipset .on{background:var(--acc);color:#fff;border-color:var(--acc)}
.route{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.route li{background:#fff;border:1px solid var(--line);padding:22px;display:flex;gap:14px}.route span{font-family:var(--hf);font-style:italic;color:#e8642c;white-space:nowrap}
@media(max-width:800px){.route{grid-template-columns:1fr}}