/* Project planner: consistent flight blue, legible states and a progress aircraft. */
body:has(#wizard)>header{background:#0b2043!important;color:#fff!important}
body:has(#wizard)>header .show-work,body:has(#wizard)>header .instagram-link{color:#f2f7ff!important}
body:has(#wizard) header .brand.unified-selected-logo{display:inline-flex!important;align-items:center!important;gap:0!important;width:165px!important;height:54px!important;padding:0!important;background:transparent!important;color:#fff!important;text-decoration:none}
body:has(#wizard) header .brand.unified-selected-logo img{position:static!important;inset:auto!important;transform:none!important;width:47px!important;height:47px!important;flex:0 0 47px!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important}
body:has(#wizard) .planner-wordmark{display:inline!important;position:static!important;visibility:visible!important;font:800 18px/1 Arial,sans-serif;letter-spacing:-.05em;color:#fff!important;white-space:nowrap}
body:has(#wizard) .journey h1 em{color:#8fc5ff!important}
body:has(#wizard) .journey .route-list li.active b{background:#1261d9!important;color:#fff!important;border-color:#1261d9!important}
@media(min-width:761px){body:has(#wizard) .route-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}body:has(#wizard) .route-list li{min-width:0;display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.35}body:has(#wizard) .route-list li b{flex:0 0 24px}}
body:has(#wizard) .brief-ticket{border-color:#6ba9f2!important}
body:has(#wizard) .choice:has(input:checked){background:#e5f1ff!important;border-color:#3483e7!important}
body:has(#wizard) .choice input{accent-color:#1261d9}
body:has(#wizard) .primary,html:root[data-ap-theme=dark] body:has(#wizard) .primary{background:#1261d9!important;color:white!important;border-color:#1261d9!important}
html:root[data-ap-theme=dark] body:has(#wizard) .primary :is(span,strong){color:white!important}
body:has(#wizard) .ap-utilities .app-switch{background:#dcecff!important;color:#102858!important;border-color:#bbd5f5!important}
html:root[data-ap-theme=dark] body:has(#wizard) .choice{background:#11213a!important;border-color:#425a77!important;color:#eef6ff!important}
html:root[data-ap-theme=dark] body:has(#wizard) .choice:has(input:checked){background:#173a69!important;border-color:#75b5ff!important}
html:root[data-ap-theme=dark] body:has(#wizard) .choice small{color:#c9dbf1!important}
body:has(#wizard) .flight-progress{position:relative;height:5px;margin:0;background:#bad1ed;overflow:visible}
body:has(#wizard) .flight-progress #progress{height:100%;background:#277de9;transition:width .7s cubic-bezier(.22,1,.36,1)}
body:has(#wizard) .progress-plane{position:absolute;left:clamp(17px,var(--flight-progress,0%),calc(100% - 17px));top:50%;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#1261d9;color:white;box-shadow:0 2px 8px #0a397c60;transform:translate(-50%,-50%);transition:left .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
body:has(#wizard) .progress-plane svg{display:block;width:19px;height:19px;transform:rotate(8deg)}
body:has(#wizard) .progress-plane.is-launching svg{animation:planner-takeoff .7s ease both}
@keyframes planner-takeoff{0%,100%{transform:translateY(0) rotate(8deg)}40%{transform:translateY(-8px) rotate(-7deg)}}
@media(max-width:760px){body:has(#wizard) header .brand.unified-selected-logo{width:130px!important;height:46px!important}body:has(#wizard) header .brand.unified-selected-logo img{width:39px!important;height:39px!important;flex-basis:39px!important}body:has(#wizard) .planner-wordmark{font-size:15px}body:has(#wizard) .progress-plane{width:26px;height:26px}body:has(#wizard) .progress-plane svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){body:has(#wizard) .progress-plane,body:has(#wizard) .flight-progress #progress{transition:none}body:has(#wizard) .progress-plane.is-launching svg{animation:none}}
html.motion-reduced body:has(#wizard) .progress-plane,html.motion-reduced body:has(#wizard) .flight-progress #progress{transition:none!important}html.motion-reduced body:has(#wizard) .progress-plane.is-launching svg{animation:none!important}
