/* Accepted Flighty-reference hero only. Lower sections return in later stages. */
#standalone-walk{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.standalone-walk-body{padding:20px}
html.modal-open,html.modal-open body{overflow:hidden!important}
#trip-result{overflow-y:auto;overflow-x:hidden;max-height:calc(100dvh - 24px);overscroll-behavior:contain;scrollbar-gutter:stable}
#trip-result .trip-result-panel{overflow:visible!important;max-height:none!important}
#trip-result .trip-result-body{overflow:visible!important;max-height:none!important;min-width:0}
#trip-result .trip-result-walk{background:#fff;color:#111;border:1px solid #dce4eb;border-radius:20px;align-items:center}
#trip-result .trip-result-walk>div{flex:1;min-width:0}
#trip-result .trip-result-walk span{color:var(--ui-blue)}
#trip-result .trip-result-walk h3{font:700 26px/1.1 system-ui,sans-serif;letter-spacing:-.035em}
#trip-result .trip-result-walk p{margin:10px 0 0;max-width:470px;font:400 13px/1.55 system-ui,sans-serif;color:#737373}
#trip-build-walk,.walk-bot-link,:is(#trip-walk-form, #standalone-walk) #generate-route{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:7px 7px 7px 18px;border:1px solid var(--ui-blue)!important;border-radius:999px;
  background:#fff!important;color:var(--ui-blue)!important;box-shadow:none!important;
  font:700 10px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;
  transform:none!important;cursor:pointer;transition:background-color .22s,color .22s
}
#trip-build-walk{flex-shrink:0}
#trip-build-walk i,.walk-bot-link i,:is(#trip-walk-form, #standalone-walk) #generate-route>span{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;margin:0;
  border:0;border-radius:50%;background:var(--ui-blue)!important;color:#fff!important;
  font:normal 16px/1 Arial,sans-serif;transition:transform .25s,background-color .22s,color .22s
}
#trip-build-walk:hover,.walk-bot-link:hover,:is(#trip-walk-form, #standalone-walk) #generate-route:hover{background:var(--ui-blue)!important;color:#fff!important;transform:none!important}
#trip-build-walk:hover i,.walk-bot-link:hover i,:is(#trip-walk-form, #standalone-walk) #generate-route:hover>span{background:#fff!important;color:var(--ui-blue)!important;transform:rotate(45deg)}
#trip-build-walk[hidden],.walk-bot-link[hidden],#trip-walk-form[hidden]{display:none!important}
#trip-walk-form{margin-top:18px;scroll-margin-top:130px}
#trip-next-walk{margin-top:16px}
:is(#trip-walk-form, #standalone-walk) #route-builder{
  position:static!important;width:100%!important;max-width:none!important;margin:0!important;
  height:auto!important;max-height:none!important;padding:0;border-radius:20px;
  border:1px solid #dce4eb;background:#fff;box-shadow:none;opacity:1!important;transform:none!important;
  color:#111;--green:#007bff;--lime:#edf6ff;--cream:#fff;--line:#dce4eb;
  font-family:system-ui,sans-serif
}
:is(#trip-walk-form, #standalone-walk) .builder-step{min-height:0!important;height:auto!important;padding:16px!important}
:is(#trip-walk-form, #standalone-walk) .builder-step-title>b{font:600 14px/1.3 system-ui,sans-serif}
:is(#trip-walk-form, #standalone-walk) .builder-field{background:#fff;border-color:#dce4eb;min-height:42px}
:is(#trip-walk-form, #standalone-walk) .builder-field input,:is(#trip-walk-form, #standalone-walk) .builder-field select{font:400 13px/1.3 system-ui,sans-serif}
:is(#trip-walk-form, #standalone-walk) .builder-options input:checked+span,:is(#trip-walk-form, #standalone-walk) .builder-places input:checked+span,:is(#trip-walk-form, #standalone-walk) .start-method.active{background:var(--ui-blue)!important;color:#fff!important;border-color:var(--ui-blue)!important;box-shadow:none}
:is(#trip-walk-form, #standalone-walk) .builder-options input:checked+span small{color:#fff}
:is(#trip-walk-form, #standalone-walk) .free-route-badge{background:#edf6ff!important;color:var(--ui-blue);border:1px solid #c4dffa!important;box-shadow:none!important}
:is(#trip-walk-form, #standalone-walk) .start-method{color:var(--ui-blue);border-color:#c4dffa;box-shadow:none}
:is(#trip-walk-form, #standalone-walk) #generate-route{height:54px;margin:14px 18px 0;width:calc(100% - 36px)}
:is(#trip-walk-form, #standalone-walk) #generate-route:disabled{opacity:.5;cursor:wait}
#route-result .route-result-close{background:#fff!important;color:var(--ui-blue)!important;border-color:var(--ui-blue)!important;transform:none!important}
#route-result .route-result-close:hover{background:var(--ui-blue)!important;color:#fff!important}
#route-result .route-result-head>div>span{color:var(--ui-blue)}
@media(max-width:700px){#trip-result .trip-result-walk{align-items:stretch}#trip-build-walk,.walk-bot-link{width:100%;box-sizing:border-box}:is(#trip-walk-form, #standalone-walk) .builder-heading{gap:10px;flex-wrap:wrap}:is(#trip-walk-form, #standalone-walk) .builder-step-title{display:block}:is(#trip-walk-form, #standalone-walk) .builder-step-title>small{text-align:left;margin-top:4px}}
.trip-nearby-options{grid-column:1/-1;padding:20px;border:0;border-radius:0;background:#fff}
.trip-result-close{
  display:grid;place-items:center;flex:0 0 46px;padding:0;
  border:1px solid var(--ui-blue)!important;border-radius:50%;
  background:#fff!important;color:var(--ui-blue)!important;
  line-height:1;transform:none!important;
  transition:background-color .22s ease,color .22s ease
}
.trip-result-close:is(:hover,:focus-visible){background:var(--ui-blue)!important;color:#fff!important;transform:none!important}
.trip-result-close:focus-visible{outline:2px solid var(--ui-blue);outline-offset:3px}
.trip-nearby-options[hidden]{display:none!important}
.trip-nearby-options fieldset{border:0;padding:0;margin:0 0 12px;min-width:0}
.trip-nearby-options legend{margin-bottom:12px;font:600 14px/1.4 system-ui,sans-serif}
#trip-nearby-map{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 8px 8px 20px;border:1px solid var(--ui-blue);border-radius:999px;color:var(--ui-blue);background:#fff;font:700 10px/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.075em;transform:none;transition:background-color .22s,color .22s}
#trip-nearby-map i{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:0!important;box-shadow:none;border-radius:50%;background:var(--ui-blue);color:#fff;font-style:normal;font-size:16px;transition:transform .25s,background-color .22s,color .22s}
#trip-nearby-map:hover{background:var(--ui-blue);color:#fff}
#trip-nearby-map:hover i{background:#fff;color:var(--ui-blue);transform:rotate(45deg)}
.trip-result-actions>a:is(:hover,:focus-visible){color:var(--ui-blue)!important}
.trip-result-actions>a:is(:hover,:focus-visible) small{color:var(--ui-blue)}
.trip-result-actions>a>i{border-color:var(--ui-blue)!important;color:var(--ui-blue)!important;background:#fff}
.trip-result-actions>a:is(:hover,:focus-visible)>i{background:var(--ui-blue)!important;color:#fff!important}
#trip-nearby-link>i{transform:none}
#trip-nearby-link:is(:hover,:focus-visible)>i{transform:rotate(45deg)}
#trip-flights-link[aria-disabled="true"],#trip-skyscanner-link[aria-disabled="true"]{opacity:.6}
#retry-flight-location{margin-top:10px;padding:8px 14px;border:1px solid var(--ui-blue);border-radius:999px;color:var(--ui-blue);background:#fff;cursor:pointer}
.trip-preferences{margin:0 0 24px;padding:22px;border:1px solid rgba(0,0,0,.1);border-radius:20px;background:#fff}
.trip-preferences-heading h3{margin:0 0 6px;font:700 23px/1.2 system-ui,sans-serif;letter-spacing:-.03em;color:#111}
.trip-preferences-heading p,.trip-preferences fieldset>p{margin:0;color:#737373;font:400 12px/1.5 system-ui,sans-serif}
.trip-preferences-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}
.trip-preferences fieldset{min-width:0;margin:0;padding:0;border:0}
.trip-preferences legend{margin-bottom:10px;font:600 14px/1.3 system-ui,sans-serif}
.trip-preference-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.trip-preference-options label{position:relative;cursor:pointer}
.trip-preference-options input{position:absolute;opacity:0;width:1px;height:1px}
.trip-preference-options span{display:block;padding:10px 13px;border:1px solid #c4dffa;border-radius:999px;font:500 12px/1.2 system-ui,sans-serif;color:#0066d4;transition:background .2s,color .2s}
.trip-preference-options input:checked+span{background:var(--ui-blue);border-color:var(--ui-blue);color:#fff}
.trip-preference-options input:focus-visible+span{outline:2px solid var(--ui-blue);outline-offset:3px}
.flight-origin-label{display:block;margin:16px 0 7px;font:600 12px/1.3 system-ui,sans-serif}
.flight-origin-label small{font-weight:400;color:#737373}
#flight-origin{box-sizing:border-box;width:100%;margin-bottom:10px;padding:11px 12px;border:1px solid #d6dce2;border-radius:10px;font:400 12px/1.3 system-ui,sans-serif;background:#fff;color:#111}
#flight-origin:focus{outline:2px solid var(--ui-blue);outline-offset:1px}
@media(max-width:700px){.trip-preferences{padding:16px}.trip-preferences-grid{grid-template-columns:1fr;gap:22px}}
main>.planner-benefits,
main>.walking-builder-section,
main>.how-simple,
main>.process,
main>.plans,
.footer,
.back-to-top{display:none!important}

/* First-reference header: quiet chrome, one primary and one secondary action. */
.header{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding-inline:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important
}
.header:before{content:none!important;display:none!important}
/* Fixed navigation with a feathered backdrop, not a visible glass panel. */
body .header{
  position:fixed!important;
  top:0!important;
  z-index:100!important;
  overflow:visible!important;
  isolation:isolate;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
body .header:after{
  content:"";
  position:absolute;
  inset:-24px -48px -38px;
  z-index:-1;
  pointer-events:none;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 35%,rgba(0,0,0,.9) 55%,transparent 75%);
  mask-image:radial-gradient(ellipse at 50% 0%,#000 35%,rgba(0,0,0,.9) 55%,transparent 75%)
}
.header nav{justify-self:start!important}
.header nav a{
  transition:color .22s ease,opacity .22s ease!important
}
.header nav a:hover{
  color:var(--ui-blue)!important;
  opacity:1!important
}
.header-actions-group{justify-self:end!important}
.header-actions-group .header-button{
  height:48px!important;
  padding:0 6px 0 18px!important;
  border:1px solid var(--ui-blue)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease!important
}
.header-actions-group .header-button>span{
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  transition:transform .25s ease,background-color .22s ease,color .22s ease!important
}
.header-actions-group .header-button:hover{transform:none!important}
.header-actions-group .header-button:hover>span{transform:rotate(45deg)!important}
.header-actions-group .header-plan{
  background:var(--ui-blue)!important;
  color:#fff!important
}
.header-actions-group .header-plan>span{
  background:#fff!important;
  color:var(--ui-blue)!important
}
.header-actions-group .header-plan:hover{
  background:#005fc7!important;
  border-color:#005fc7!important
}
.header-actions-group .header-plan:hover>span{
  background:#fff!important;
  color:#005fc7!important
}
.header-actions-group .header-explorer{
  background:#fff!important;
  color:var(--ui-blue)!important
}
.header-actions-group .header-explorer>span{
  background:var(--ui-blue)!important;
  color:#fff!important
}
.header-actions-group .header-explorer:hover{
  background:var(--ui-blue)!important;
  color:#fff!important
}
.header-actions-group .header-explorer:hover>span{
  background:#fff!important;
  color:var(--ui-blue)!important
}

.planner-hero h1 .hero-trip-accent{
  position:relative;
  z-index:0;
  display:inline-block!important;
  color:var(--ui-blue)!important;
  font-family:'Instrument Serif',Georgia,serif!important;
  font-size:1.08em!important;
  font-weight:400!important;
  font-style:italic!important;
  letter-spacing:-.045em!important;
  line-height:.82!important
}
.planner-hero h1 .hero-trip-accent:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:.02em;
  right:-.01em;
  bottom:.01em;
  height:.09em;
  border-radius:999px;
  background:var(--ui-amber)
}

.signal-stay:before{
  content:"";
  position:absolute;
  inset:12px auto 12px 0;
  width:3px;
  border-radius:3px;
  background:#8b5cf6
}

.trip-date-field{position:relative}
.native-date-value{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important
}
.date-picker-trigger{
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font:500 13px/1.25 system-ui,-apple-system,sans-serif;
  text-align:left;
  cursor:pointer
}
.date-picker-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.date-picker-trigger i{
  width:14px;
  height:14px;
  flex:0 0 14px;
  border:1.5px solid var(--ui-blue);
  border-radius:3px;
  position:relative
}
.date-picker-trigger i:before{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  top:3px;
  border-top:1.5px solid var(--ui-blue)
}
.date-picker-trigger:focus-visible{outline:2px solid var(--ui-blue);outline-offset:4px;border-radius:4px}
.travel-datepicker{
  position:fixed;
  z-index:1000;
  width:300px;
  padding:14px;
  border:1px solid rgba(0,0,0,.1);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 60px rgba(13,0,33,.16),0 2px 8px rgba(0,0,0,.08);
  font-family:system-ui,-apple-system,sans-serif
}
.travel-datepicker[hidden]{display:none}
.date-picker-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:10px}
.date-picker-head strong{text-align:center;font-size:14px}
.date-picker-head button{width:34px;height:34px;border:0;border-radius:50%;background:#edf6ff;color:var(--ui-blue);font-size:17px;cursor:pointer;transition:background .2s,color .2s}
.date-picker-head button:hover{background:var(--ui-blue);color:#fff}
.date-picker-week,.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.date-picker-week span{padding:5px 0;color:#737373;text-align:center;font-size:9px;font-weight:700;text-transform:uppercase}
.date-picker-days button{aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:#111;font-size:12px;cursor:pointer}
.date-picker-days button:hover:not(:disabled){background:#edf6ff;color:var(--ui-blue)}
.date-picker-days button.is-today{box-shadow:inset 0 0 0 1.5px var(--ui-amber)}
.date-picker-days button.is-selected{background:var(--ui-blue)!important;color:#fff!important}
.date-picker-days button:disabled{color:#c5c5c5;cursor:not-allowed}
.date-picker-days .is-empty{pointer-events:none}

.trip-travellers{position:relative}
.native-traveller-value{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important
}
.traveller-picker-trigger{
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font:500 13px/1.25 system-ui,-apple-system,sans-serif;
  text-align:left;
  cursor:pointer
}
.traveller-picker-trigger i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-right:1.5px solid var(--ui-blue);
  border-bottom:1.5px solid var(--ui-blue);
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s ease
}
.traveller-picker-trigger[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,-2px)}
.traveller-picker-trigger:focus-visible{outline:2px solid var(--ui-blue);outline-offset:4px;border-radius:4px}
.traveller-picker-menu{
  position:fixed;
  z-index:1000;
  width:210px;
  padding:7px;
  border:1px solid rgba(0,0,0,.1);
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 50px rgba(13,0,33,.14),0 2px 8px rgba(0,0,0,.07)
}
.traveller-picker-menu[hidden]{display:none}
.traveller-picker-menu button{
  width:100%;
  min-height:38px;
  padding:0 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font:500 12px/1.2 system-ui,-apple-system,sans-serif;
  cursor:pointer;
  transition:background .18s ease,color .18s ease
}
.traveller-picker-menu button:hover{background:#edf6ff;color:var(--ui-blue)}
.traveller-picker-menu button[aria-selected="true"]{background:var(--ui-blue);color:#fff}
.traveller-picker-menu button[aria-selected="true"]:after{content:"\2713";font-weight:700}

.trip-launcher{grid-template-columns:1.45fr .9fr .9fr .85fr minmax(190px,1fr)!important}
.trip-launcher-submit{
  width:calc(100% - 16px)!important;
  min-width:0!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0 auto!important;
  border:1px solid var(--ui-blue)!important;
  background:#fff!important;
  color:var(--ui-blue)!important;
  transform:none!important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease!important
}
.trip-launcher-submit:hover{
  transform:none!important;
  background:var(--ui-blue)!important;
  color:#fff!important
}
.trip-launcher-submit i{
  background:var(--ui-blue)!important;
  color:#fff!important;
  transition:transform .25s ease,background-color .22s ease,color .22s ease!important
}
.trip-launcher-submit:hover i{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:var(--ui-blue)!important
}

@media(max-width:1050px){
  .trip-launcher{grid-template-columns:1.4fr 1fr 1fr!important}
  .trip-launcher-submit{grid-column:1/4!important;width:calc(100% - 12px)!important}
}
@media(max-width:700px){
  .header{
    top:0!important;
    width:100%!important;
    height:72px!important;
    padding:10px 16px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr!important
  }
  .header-actions-group{width:100%!important;gap:8px!important}
  .header-actions-group .header-button{
    width:auto!important;
    flex:1 1 0!important;
    height:46px!important;
    padding:0 5px 0 14px!important;
    justify-content:space-between!important;
    font-size:8px!important
  }
  .header-actions-group .header-button>span{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .trip-launcher{grid-template-columns:1fr 1fr!important}
  .trip-launcher-submit{grid-column:1/3!important;width:100%!important}
}