@view-transition{navigation:auto}
::view-transition-old(root){animation:pg-page-out 160ms ease both}
::view-transition-new(root){animation:pg-page-in 240ms ease both}
@keyframes pg-page-out{to{opacity:0}}
@keyframes pg-page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
html{scroll-behavior:smooth;scroll-padding-top:130px}
#territory-map,.journey{scroll-margin-top:0}

.journey button.journey-card{width:100%;font:inherit;text-align:left;cursor:pointer}
.journey button.journey-card[aria-expanded=true]{border-color:#00869a;box-shadow:0 0 0 2px #00869a22;background:#e7f4f1}
.pg-route-panel[hidden]{display:none!important}
.pg-route-panel{margin-top:24px;padding:28px;border:1px solid #b8d8d3;border-radius:24px;background:linear-gradient(130deg,#edf7f4,#fff);scroll-margin-top:0}
.pg-route-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}
.pg-route-top h3{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.025em;color:#113a40}
.pg-route-top p{margin:7px 0 0;color:#527277;font-size:14px}
.pg-route-close{flex:none;min-width:44px;min-height:44px;padding:6px 12px;border:1px solid #c7dcd7;border-radius:12px;background:#fff;color:#007b8d;cursor:pointer}
.pg-route-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.pg-route-steps li{position:relative;padding:22px;border:1px solid #d6e6e1;border-radius:18px;background:#fff}
.pg-route-num{display:grid;place-items:center;width:32px;height:32px;margin-bottom:16px;border-radius:50%;background:#dff1ed;color:#007b8d;font-size:13px;font-weight:800}
.pg-route-steps h4{margin:0 0 10px;font-size:18px;line-height:1.3;color:#113a40}
.pg-route-steps p{margin:0 0 16px;font-size:14px;line-height:1.55;color:#527277}
.journey .pg-route-steps a{display:inline-flex;align-items:center;min-height:44px;margin-top:0;border-bottom:0;font-size:14px;font-weight:800;color:#007b8d;text-decoration:underline;text-underline-offset:4px}
.journey .pg-route-steps li{display:flex;flex-direction:column;padding:0;transition:border-color 220ms ease,box-shadow 220ms ease}
.pg-step-scene{flex:1;min-width:0}
.pg-step-face{min-width:0}
.pg-step-back{display:none}
.journey .pg-route-steps a.pg-step-action{display:flex;flex:1;width:100%;min-height:190px;margin:0;padding:22px;border:0;border-radius:17px;background:transparent;color:inherit;text-decoration:none;line-height:1.35;cursor:pointer;transition:background 180ms ease}
.journey .pg-route-steps a.pg-step-action:hover{background:#eff8f5}
.journey .pg-route-steps a.pg-step-action:focus-visible{outline:3px solid #007b8d;outline-offset:3px}
.journey .pg-route-steps a.pg-step-action:active{transform:translateY(0)}
.pg-step-arrow{font-size:20px;line-height:1;flex:none;transition:translate 180ms ease}
.pg-step-action:hover .pg-step-arrow{translate:3px 0}
.pg-step-kicker{display:block;margin-bottom:14px;font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#007b8d}
@media(min-width:761px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .pg-step-scene{perspective:1000px}
 .pg-step-turn{display:grid;min-height:158px;transform-style:preserve-3d;transition:transform 600ms cubic-bezier(.2,.7,.2,1)}
 .pg-step-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg)}
 .pg-step-back{display:block;transform:rotateY(180deg)}
 .pg-route-steps li:hover .pg-step-turn,.pg-route-steps li:focus-within .pg-step-turn{transform:rotateY(180deg)}
 .journey .pg-route-steps li:hover,.journey .pg-route-steps li:focus-within{border-color:#80bdb5;box-shadow:0 10px 28px #113a400c}
}
@media(prefers-reduced-motion:reduce){.journey .pg-route-steps li,.journey .pg-route-steps a.pg-step-action,.pg-step-arrow{transition:none}.journey .pg-route-steps a.pg-step-action:hover,.pg-step-action:hover .pg-step-arrow{transform:none;translate:none}}
.pg-intro-pulse{position:absolute;right:24px;bottom:20px;width:132px;height:30px;pointer-events:none;color:#00869a;opacity:.65}
.pg-intro-pulse path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pg-home-territory .labels.has-active .pin:not(.is-active):not(.ent):not(.kpp){opacity:.45}
.pg-home-territory .labels .pin.is-active{box-shadow:0 0 0 4px #fff9,0 5px 16px #007b8d40}
@media(max-width:760px){.pg-route-panel{padding:20px}.pg-route-top h3{font-size:21px}.pg-route-steps{grid-template-columns:1fr;gap:12px}.journey .pg-route-steps a.pg-step-action{padding:18px;min-height:150px}.pg-route-num{margin-bottom:10px}.pg-intro-pulse{width:88px;height:22px;right:14px;bottom:12px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
