/* Fareward · Window Seat skin for secondary pages (2026-10-10). Visual only: no ids/classes changed. Load AFTER site.css / vs.css / inline styles. */
:root,html:root{
  --ink:#0B2545;--ink2:#3A5373;--acc:#2F5D9E;--ok:#0E8F5B;--warn:#B4561F;--line:#D5DEEA;
  --carbon:#0B2545;--carbon-2:#E6EDF6;--carbon-3:#E6EDF6;
  --paper:#F3F7FC;--paper-2:#E6EDF6;--cream:#FFFFFF;
  --mute:#3A5373;--mute-2:#5E7491;
  --copper:#2F5D9E;--copper-deep:#234A80;--copper-lit:#2F5D9E;
  --press:#0B2545;--press-deep:#16365F;--press-lit:#2F5D9E;
  --ledger:#0E8F5B;--brick:#B4561F;--rule:#D5DEEA;--focus:#2F5D9E;--ox:#2F5D9E;
}
html,body{background:#F3F7FC!important;color:#0B2545}
body{font-family:"Space Grotesk",system-ui,sans-serif!important;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before,body::after{display:none!important}
body *:not(code):not(pre):not(svg):not(svg *){font-family:"Space Grotesk",system-ui,sans-serif!important}
a{color:#2F5D9E}
/* header: Fareward wordmark, nav like the homepage */
header.top,header.site,body>header{background:transparent!important;border:0!important;box-shadow:none!important}
.wordmark svg{display:none!important}
.wordmark-name,.wm{font:700 18px "Space Grotesk",sans-serif!important;letter-spacing:0!important;color:#0B2545!important}
.wordmark-name .d,.wm i{color:inherit!important}
.top-nav,header nav{gap:22px!important}
.top-nav a,header nav a{font:500 14px "Space Grotesk",sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#0B2545!important;text-decoration:none!important;border:0!important;padding:0!important}
.top-nav a[aria-current="page"]{text-decoration:underline!important;text-underline-offset:5px}
.top-nav a[href="/"]{display:none!important}
@media (max-width:719px){
  .top-nav a:not([href^="/trips"]):not([href^="/security"]),header nav a:not([href*="trips"]):not([href*="security"]){display:none!important}
  .top-nav,header nav{gap:18px!important}
  .top-nav a,header nav a{font-size:13px!important}
}
/* type */
h1,h2,h3{color:#0B2545!important;font-weight:700!important;letter-spacing:-.02em!important}
h1{font-size:clamp(30px,5vw,48px)!important;line-height:1.05!important}
.kicker,.pass-label,.stub-mark,.lbl{font:700 11px "Space Grotesk",sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:#2F5D9E!important}
.lead,.sub,.note,p{color:#3A5373}
.fare-legend{font-size:12px!important;color:#5E7491!important;letter-spacing:0!important;text-transform:none!important}
/* buttons */
.btn,button.btn,a.btn,input[type=submit]{background:#0B2545!important;color:#fff!important;border:2px solid #0B2545!important;border-radius:14px!important;font:700 15px "Space Grotesk",sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:13px 18px!important;box-shadow:none!important;text-decoration:none!important}
.btn:hover{background:#16365F!important}
.btn.ghost,.btn-ghost,.btn.secondary{background:#fff!important;color:#0B2545!important}
/* cards / sheets / tickets */
.paper-sheet,.ticket,.card,.qa,.trust-row,.hist-sheet,.account-form,.signup-done{background:#fff!important;border:1.5px solid #0B2545!important;border-radius:18px!important;box-shadow:0 10px 30px -18px #0B254540!important;transform:none!important}
.ticket::after,.perf,.stub{background-image:none!important}
.ticket{overflow:hidden}
.stub{background:#F3F7FC!important;border-color:#D5DEEA!important}
.pass-top,.fare-row{border-color:#D5DEEA!important}
.fare-row dd,.now-num{font-family:"Space Grotesk",sans-serif!important;font-weight:700}
input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{font:500 15px "Space Grotesk",sans-serif!important;background:#fff!important;color:#0B2545!important;border:1.5px solid #C9D3E0!important;border-radius:12px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:2px solid #2F5D9E!important;outline-offset:1px;border-color:#2F5D9E!important}
footer.site,footer{background:transparent!important;border-top:1px solid #D5DEEA!important;color:#3A5373!important}
footer.site *{color:#3A5373}
/* phone side padding 22px everywhere */
@media (max-width:719px){
  .wrap,.wrap-narrow,main>section,.page,.container{padding-left:22px!important;padding-right:22px!important;box-sizing:border-box;max-width:100%!important}
  .wrap .wrap,.wrap .wrap-narrow{padding-left:0!important;padding-right:0!important}
  .paper-sheet{padding:22px 18px!important}
  .board{grid-template-columns:1fr!important}
  img,svg,table,pre{max-width:100%}
  body{overflow-wrap:anywhere}
}
body>header{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
body>header nav{display:flex!important}
header nav a[href="/"]{display:none!important}
footer nav a,footer a{text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
/* trip detail popup (Window Seat) */
.hist-layer,.hist-root{background:rgba(11,37,69,.55)!important;backdrop-filter:blur(3px)}
.hist-backdrop{background:rgba(11,37,69,.55)!important}
.hist-sheet{background:#F3F7FC!important;color:#0B2545!important;border:1.5px solid #0B2545!important;border-radius:20px!important;box-shadow:0 24px 60px -20px rgba(11,37,69,.45)!important;font-family:"Space Grotesk",system-ui,sans-serif!important}
.hist-sheet::after{display:none!important}
.hist-sheet h2{font:700 22px/1.2 "Space Grotesk",sans-serif!important;color:#0B2545!important;letter-spacing:-.01em!important;text-transform:none!important}
.hist-close,.hist-x{background:#fff!important;color:#0B2545!important;border:1.5px solid #0B2545!important;border-radius:999px!important;font-family:"Space Grotesk",sans-serif!important}
.hist-close:hover,.hist-x:hover{background:#E6EDF6!important}
.hist-chart{background:#fff!important;border:1px solid #D5DEEA!important;border-radius:14px!important;padding:10px 8px 6px!important}
.hist-caption{color:#3A5373!important;font:500 13px/1.5 "Space Grotesk",sans-serif!important}
@media (max-width:719px){.hist-sheet{padding:20px 14px 16px!important;margin:0 10px}}
