/* Styling for the plain crawlable pages (/faq/, /bus-trips-2027/ and the
   rest). Deliberately simple and self-contained: these pages have to make
   sense with no JavaScript at all, and they are read as much by assistants
   and search engines as by people. Type is large because the audience is
   50+ and mostly on phones. */
:root{
  --navy:#173a7a;--ink:#0d1b33;--muted:#46567a;--red:#d92b3d;
  --line:rgba(13,27,51,.14);--card:#f5f8fd;
  --font:'Archivo',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 18px/1.6 var(--font)}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:var(--red)}

.p-head{border-bottom:1px solid var(--line);padding:18px 20px;display:flex;
  flex-wrap:wrap;gap:14px 24px;align-items:center}
.p-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);
  font-weight:800;font-size:19px;letter-spacing:-.01em}
.p-nav{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:16px;font-weight:700}
.p-nav a{text-decoration:none;color:var(--muted)}
.p-nav a:hover{color:var(--red)}
.p-nav strong{color:var(--red)}

.p-main{max-width:820px;margin:0 auto;padding:36px 20px 56px}
h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-.025em;color:var(--navy);margin:0 0 18px}
h2{font-size:clamp(23px,3.3vw,30px);line-height:1.25;letter-spacing:-.02em;color:var(--navy);margin:38px 0 10px}
h3{font-size:21px;color:var(--red);margin:30px 0 6px;text-transform:uppercase;letter-spacing:.06em}
h4{font-size:20px;line-height:1.35;margin:22px 0 6px;color:var(--ink)}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:22px}
li{margin:0 0 6px}

.lede{font-size:20px;color:var(--muted);margin-bottom:26px}
.trip{border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:0 0 22px;background:var(--card)}
.trip h2{margin-top:0}
.t-dates{font-weight:800;color:var(--red);margin-bottom:8px}
.t-region{font-weight:700;color:var(--muted)}
.t-price{font-size:19px}
.t-status{color:var(--red)}
.t-links a{font-weight:700}
.qa{margin:0 0 6px}
.pack li{margin-bottom:10px}

.p-foot{border-top:1px solid var(--line);padding:26px 20px 40px;background:var(--card);
  font-size:17px}
.p-foot p{max-width:820px;margin:0 auto 8px}
.p-fine{font-size:15px;color:var(--muted)}

@media(max-width:620px){
  body{font-size:17px}
  .p-main{padding:26px 16px 44px}
  .trip{padding:18px 16px}
  .p-head{padding:14px 16px}
}