.crossing-page{--blue:#008acf;background:#fff;color:#101b32}.crossing-header{border-bottom:1px solid #edf0f4}.crossing-header nav{width:min(1200px,calc(100% - 48px));margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.crossing-header nav>a:last-child{font-size:14px;text-decoration:none;color:#35475f}.crossing-main{max-width:1200px;margin:auto;padding:36px 24px 60px}.crossing-hero{display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:40px}.crossing-kicker{color:#007ab6;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}.crossing-hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}.crossing-lede{font-size:19px;color:#59677e;margin:0 0 24px}.crossing-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 24px;border-radius:26px;background:#008acf;color:white;text-decoration:none;font-size:15px;font-weight:650}.crossing-hero figure{margin:0;min-width:0;position:relative}.crossing-hero img{display:block;width:100%;height:300px;object-fit:cover;border-radius:17px}.crossing-hero figcaption{font-size:10px;color:#59677e;text-align:right;margin-top:5px}.crossing-direction{margin:28px 0 24px;border:1px solid #e4e9f0;padding:4px;background:#f7f9fc;border-radius:28px;display:flex;gap:4px;min-width:0}.crossing-direction label{position:relative;flex:1;min-width:0;cursor:pointer}.crossing-direction input{position:absolute;opacity:0}.crossing-direction span{display:block;text-align:center;padding:8px;border-radius:22px;font-size:14px;color:#52627a}.crossing-direction input:checked+span{background:#e1f2ff;color:#0075b5;font-weight:700}.crossing-direction input:focus-visible+span{outline:3px solid #008acf;outline-offset:1px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crossing-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;align-items:start}.crossing-main h2{font-size:27px;letter-spacing:-.035em;line-height:1.2;margin:0 0 16px}.crossing-option{border:1px solid #e1e7ef;border-radius:16px;margin-bottom:12px;box-shadow:0 3px 10px #1c3b5910;background:#fff}.crossing-option summary{display:flex;gap:18px;padding:20px;align-items:center;cursor:pointer;list-style:none}.crossing-option summary::-webkit-details-marker,.crossing-prep summary::-webkit-details-marker{display:none}.option-icon{display:grid;place-items:center;background:#edf7ff;color:#008acf;border-radius:50%;width:60px;height:60px;flex-shrink:0;font-size:31px}.option-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;color:#59677e;font-size:14px;line-height:1.4}.option-copy strong{font-size:19px;color:#101b32;line-height:1.25}.option-copy small{font-size:12px}.option-badge{align-self:flex-start;padding:2px 9px;border-radius:12px;background:#e5f4ff;color:#0074b5;font-size:10px;font-weight:750;text-transform:uppercase}.option-badge.green{background:#e4f6e9;color:#28714b}.option-badge.orange{background:#fff1df;color:#9e5700}.option-chevron{font-size:22px;color:#243c58;transition:transform .2s}.crossing-option[open] .option-chevron{transform:rotate(90deg)}.option-detail{padding:0 22px 22px;color:#4e5d73;font-size:14px;line-height:1.6}.option-detail ol{padding-left:22px;margin:0 0 15px}.option-detail li+li{margin-top:8px}.option-detail a,.crossing-prep a{font-weight:600;color:#0076b1}.detail-links{display:flex;flex-wrap:wrap;gap:10px 20px}.crossing-aside{padding:20px;background:#edf7ff;border-radius:16px}.crossing-aside h2{font-size:21px}.camera-link{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;background:#fff;border:1px solid #e3ebf3;border-radius:10px;margin-bottom:8px;text-decoration:none;font-size:13px}.camera-link .material-symbols-rounded{font-size:18px;color:#008acf}.camera-link strong{color:#16233a}.camera-link>span:last-child{color:#0074b5}.camera-note{font-size:12px;color:#59677e;margin:10px 0 0;line-height:1.5}.crossing-prep{border-top:1px solid #d5e5f1;margin-top:22px;padding-top:20px}.crossing-prep details{background:white;border:1px solid #e1e7ef;border-radius:10px;margin-bottom:8px}.crossing-prep summary{display:flex;align-items:center;gap:10px;padding:12px;list-style:none;cursor:pointer;font-size:14px;line-height:1.3}.crossing-prep summary .material-symbols-rounded{font-size:20px}.prep-plus{margin-left:auto}.crossing-prep details[open] .prep-plus{transform:rotate(45deg)}.crossing-prep details>div{padding:0 14px 14px;color:#59677e;font-size:13px}.crossing-next{display:flex;align-items:center;gap:22px;padding:24px;background:#edf7ff;border-radius:16px;margin-top:24px}.crossing-next>div{flex:1}.crossing-next strong{font-size:17px}.crossing-next p{font-size:13px;color:#59677e;margin:4px 0 0}.crossing-next>a:not(.crossing-cta){font-size:13px;white-space:nowrap}.crossing-freshness{font-size:12px;color:#67758a;margin-top:22px}.crossing-old-town{font-size:13px}#crossing-options{scroll-margin-top:24px}a:focus-visible,summary:focus-visible{outline:3px solid #008acf;outline-offset:3px}
@media(max-width:760px){.crossing-header nav{width:calc(100% - 32px);min-height:58px}.crossing-header nav>a:last-child{font-size:12px}.crossing-main{padding:28px 16px 36px}.crossing-hero{grid-template-columns:1fr;gap:22px}.crossing-hero h1{font-size:36px;max-width:430px}.crossing-kicker{font-size:10px;margin-bottom:12px}.crossing-lede{font-size:15px;margin-bottom:16px}.crossing-hero .crossing-cta{width:100%;font-size:14px}.crossing-hero img{height:190px}.crossing-direction{margin:18px 0 22px}.crossing-direction span{font-size:12px}.crossing-grid{grid-template-columns:1fr;gap:14px}.crossing-main h2{font-size:24px}.crossing-option summary{padding:16px 14px;gap:12px}.option-icon{width:44px;height:44px;font-size:27px}.option-copy{font-size:12px}.option-copy strong{font-size:16px}.option-copy small{font-size:11px}.option-badge{font-size:9px}.crossing-option{margin-bottom:10px}.option-detail{padding:0 16px 18px;font-size:13px}.crossing-aside{padding:16px}.crossing-aside h2{font-size:19px}.crossing-next{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:18px}.crossing-next>div{flex-basis:100%;text-align:center}.crossing-next .crossing-cta{width:100%}.crossing-next>a:not(.crossing-cta){white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.option-chevron{transition:none}}
.crossing-main{width:100%;box-sizing:border-box}.crossing-hero>*,.crossing-grid>*{min-width:0}.crossing-option{min-width:0}
@media(max-width:760px){.crossing-hero,.crossing-grid{grid-template-columns:minmax(0,1fr)}.crossing-hero h1{font-size:clamp(30px,8.7vw,36px)}}

.bus-route-guide{margin:20px 0 22px}.bus-route-guide h3{font-size:17px;color:#16233a;margin:0 0 6px}.bus-route-caption{font-size:12px;color:#68758a;line-height:1.5;margin:8px 0 12px}.bus-route-list{list-style:none;margin:0!important;padding:0!important;border:1px solid #e2e9f0;border-radius:12px;overflow:hidden}.bus-route-list li{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:0!important;background:#fbfdff}.bus-route-list li+li{border-top:1px solid #e2e9f0}.bus-service{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:49px;min-height:30px;padding:4px 6px;border-radius:8px;background:#e1f2ff;color:#006da5;font-size:13px;font-weight:750}.bus-route-list li>div{min-width:0}.bus-endpoints{margin:0!important;font-size:14px;color:#172b43;font-weight:600;line-height:1.4}.bus-route-list small{display:block;font-size:11px;color:#65758b;margin-top:3px}.bus-route-transfer{background:#edf7ff;border-radius:10px;padding:12px;font-size:12px;margin:12px 0!important}.bus-route-sources{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;margin-top:12px}@media(max-width:760px){.bus-route-list li{padding:12px 10px;gap:10px}.bus-endpoints{font-size:12px}.bus-service{min-width:43px;font-size:12px}}

.crossing-grab .option-icon{color:#21734a;background:#e8f7ee}.crossing-upcoming{background:#f9fafc;box-shadow:none;border-style:dashed}.crossing-upcoming .option-icon{color:#617189;background:#edf0f5}.option-badge.upcoming{background:#e8edf6;color:#425672}

.option-photo{width:96px;height:76px;object-fit:cover;flex-shrink:0;border-radius:10px;background:#edf2f7}.transport-credits{margin-top:20px;font-size:12px;color:#59677e;line-height:1.6}.transport-credits summary{cursor:pointer;color:#0076b1}.transport-credits a{color:#0076b1}@media(max-width:760px){.option-photo{width:72px;height:68px}.crossing-option summary{gap:10px}}

.crossing-header{position:sticky;top:12px;z-index:20;border:0;background:transparent;padding:0 20px}.crossing-header nav{width:min(1152px,100%);min-height:64px;padding:10px 18px 10px 24px;border:1px solid #ffffffd9;border-radius:999px;background:#ffffffdf;backdrop-filter:saturate(180%) blur(20px);box-shadow:0 0 0 1px #162f4b20,0 8px 26px #16344f0a}.crossing-header .brand{font-size:22px;gap:10px}.crossing-header .brand img{width:30px;height:30px;border-radius:0;box-shadow:none}.crossing-nav-links{display:flex;align-items:center;gap:26px}.crossing-nav-links>a{font-size:14px;text-decoration:none;color:#26344a;white-space:nowrap}.crossing-nav-links .crossing-nav-download{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 17px;border-radius:99px;background:#111;color:white;font-weight:700}.crossing-nav-download .material-symbols-rounded{font-size:20px}.crossing-next{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;padding:40px;margin-top:32px;border:1px solid #dcecf6;border-radius:24px;background:radial-gradient(ellipse at 0 0,#dff3ff,transparent 75%),#f4faff}.rancang-cta-kicker{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:.09em;color:#0075ae}.crossing-next h2{font-size:34px;margin:14px 0 12px;line-height:1.12;letter-spacing:-.04em}.crossing-next p{font-size:14px;max-width:430px;line-height:1.6}.rancang-cta-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.rancang-cta-actions .crossing-cta{background:#111;font-size:13px;padding:10px 18px;gap:8px}.rancang-cta-actions>a:last-child{font-size:13px;font-weight:650;text-decoration:none;color:#0076b1}.rancang-cta-features{display:grid;gap:0;border:1px solid #fff;border-radius:18px;background:#ffffffa6;padding:6px 20px}.rancang-cta-features>div{display:flex;align-items:center;gap:14px;padding:17px 0}.rancang-cta-features>div+div{border-top:1px solid #dfeaf2}.rancang-cta-features .material-symbols-rounded{color:#008acf;font-size:26px}.rancang-cta-features strong{display:block;font-size:14px}.rancang-cta-features small{display:block;font-size:12px;color:#64748a;margin-top:3px}.crossing-related{font-size:12px;color:#64748a;text-align:center;margin:14px 0}.crossing-related a{color:#0076b1;margin:0 5px}#crossing-options{scroll-margin-top:100px}@media(max-width:760px){.crossing-header{padding:0 12px;top:8px}.crossing-header nav{min-height:54px;padding:7px 8px 7px 15px}.crossing-header .brand{font-size:17px;gap:7px}.crossing-header .brand img{width:24px;height:24px}.crossing-nav-links{gap:14px}.crossing-nav-links>a:not(.crossing-nav-download){display:none}.crossing-nav-links .crossing-nav-download{font-size:12px;min-height:36px;padding:7px 13px}.crossing-next{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px;text-align:left}.crossing-next h2{font-size:29px}.crossing-next>div{flex-basis:auto;text-align:left}.rancang-cta-actions{gap:16px}.rancang-cta-actions .crossing-cta{width:auto}.rancang-cta-features{padding:4px 16px}.rancang-cta-features>div{padding:13px 0}.crossing-related{line-height:1.8}}

.crossing-next{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:center;padding:32px 48px;overflow:hidden}.rancang-cta-screen{margin:0;justify-self:center;width:min(100%,204px)}.rancang-cta-screen img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 16px #13324c20)}.rancang-cta-screen figcaption{text-align:center;font-size:10px;color:#64748a;margin-top:8px}@media(max-width:760px){.crossing-next{grid-template-columns:minmax(0,1fr);padding:26px 24px;gap:26px}.rancang-cta-screen{width:174px}.rancang-cta-actions{margin-top:20px}}

.option-detail .crossing-steps{list-style:none;padding:0;margin:4px 0 22px}.crossing-steps>li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;margin:0!important}.crossing-steps>li+li{border-top:1px solid #e7edf3}.step-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#edf7ff;color:#008acf;font-size:23px}.crossing-steps strong{display:block;font-size:17px;line-height:1.4;color:#162b43}.crossing-steps p{margin:4px 0 0;font-size:15px;line-height:1.5}.crossing-step-note{font-size:13px;line-height:1.6;color:#64748a;background:#f4f8fb;padding:12px;border-radius:10px}@media(max-width:760px){.crossing-steps strong{font-size:16px}.crossing-steps p{font-size:15px}.crossing-steps>li{gap:12px;padding:14px 0}.step-icon{width:38px;height:38px;font-size:22px}}

.bus-route-list li{display:block;padding:0}.bus-map-route>summary{display:flex;align-items:center;gap:14px;padding:14px;list-style:none;cursor:pointer}.bus-map-route>summary::-webkit-details-marker{display:none}.bus-map-route>summary>div{flex:1;min-width:0}.bus-map-expand{color:#008acf;font-size:22px;flex-shrink:0}.bus-map-route[open] .bus-map-expand{transform:rotate(180deg)}.bus-map-route[open]>summary{background:#edf7ff}.bus-map-panel{padding:16px;border-top:1px solid #e2e9f0;background:white}.bus-map-panel>strong{display:block;font-size:13px;color:#172b43;margin-bottom:10px}.bus-map-panel iframe{display:block;width:100%;height:260px;border:1px solid #dce6ef;border-radius:10px;background:#f0f5fa}.bus-map-panel p{font-size:12px;line-height:1.5;color:#64748a;margin:10px 0}.bus-map-panel a{display:inline-block;font-size:13px;padding:5px 0}.bus-map-route>summary:focus-visible{outline-offset:-3px}@media(max-width:760px){.bus-route-list li{padding:0}.bus-map-route>summary{gap:10px;padding:12px 10px}.bus-map-panel{padding:12px}.bus-map-panel iframe{height:230px}}

/* Focused destination introduction and compact transport choices. */
.crossing-main{padding-top:24px}.crossing-direction{margin:0 0 28px;max-width:620px}.crossing-hero{gap:32px;margin-bottom:30px}.crossing-hero h1{font-size:clamp(34px,4vw,50px);margin-bottom:12px}.crossing-lede{font-size:17px;margin:0;line-height:1.5}.crossing-hero img{height:220px}.crossing-grid>section>h2{margin-bottom:6px}.crossing-options-intro{font-size:14px;color:#64748a;margin:0 0 16px}.crossing-option summary{padding:14px;gap:14px}.option-photo{width:80px;height:70px}.option-copy{gap:3px;font-size:13px}.option-copy strong{font-size:17px}.option-copy small{display:none}.option-badge{font-size:9px;padding:1px 7px}.crossing-option{margin-bottom:10px}.crossing-upcoming .option-icon{width:80px;height:70px;border-radius:10px}.crossing-direction:has(input[value="return"]:checked)~.crossing-hero img{object-position:center 60%}@media(max-width:760px){.crossing-main{padding-top:22px}.crossing-direction{margin:0 0 20px;max-width:none}.crossing-direction span{padding:7px 5px;font-size:12px}.crossing-hero{gap:18px;margin-bottom:24px}.crossing-hero h1{font-size:clamp(29px,7.5vw,36px);margin:0 0 8px;line-height:1.1}.crossing-lede{font-size:14px;margin:0}.crossing-hero img{height:150px;border-radius:14px}.crossing-main h2{font-size:23px}.crossing-options-intro{font-size:13px;margin-bottom:12px}.crossing-option summary{padding:10px;gap:10px}.option-photo,.crossing-upcoming .option-icon{width:66px;height:62px;border-radius:8px}.option-copy strong{font-size:15px}.option-copy{font-size:12px;line-height:1.35}.option-copy small{display:none}.option-badge{font-size:8px}.option-chevron{font-size:20px}.crossing-grid{gap:18px}}

/* Photo cards: paired summaries with a shared full-width expansion. */
.transport-card-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:16px;align-items:stretch}.transport-card-row>.crossing-option{display:contents}.transport-card-row>.crossing-option>summary{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #e1e7ef;border-radius:16px;background:white;overflow:hidden;box-shadow:0 3px 8px #1c3b5910;grid-row:1;min-width:0}.transport-card-row>.crossing-option:nth-child(1)>summary{grid-column:1}.transport-card-row>.crossing-option:nth-child(2)>summary{grid-column:2}.transport-card-row .option-photo{width:100%;height:145px;border-radius:0;object-fit:cover}.transport-card-row .option-copy{padding:14px 14px 6px;flex:1;gap:6px}.transport-card-row .option-copy strong{font-size:17px;line-height:1.25}.transport-card-row .option-copy>span:not(.option-badge){font-size:13px;line-height:1.4}.transport-card-row .option-badge{font-size:9px}.option-card-action{display:block;padding:8px 14px 15px;font-size:13px;font-weight:700;color:#0076b1}.action-open{display:none}.transport-card-row details[open] .action-open{display:inline}.transport-card-row details[open] .action-closed{display:none}.transport-card-row details[open]>summary{border-color:#008acf;box-shadow:0 0 0 1px #008acf}.transport-card-row>.crossing-option>.option-detail{grid-column:1/-1;grid-row:2;margin-top:12px;padding:20px;border:1px solid #dce8f2;border-radius:14px;background:#fbfdff;min-width:0}.crossing-upcoming>summary{padding:14px 16px}.crossing-upcoming .option-icon{width:42px;height:48px;background:transparent}.crossing-upcoming .option-copy strong{font-size:16px}@media(max-width:760px){.transport-card-row{gap:0 12px;margin-bottom:12px}.transport-card-row .option-photo{height:105px}.transport-card-row .option-copy{padding:11px 10px 5px}.transport-card-row .option-copy strong{font-size:15px}.transport-card-row .option-copy>span:not(.option-badge){font-size:12px}.transport-card-row .option-badge{font-size:8px;padding:2px 6px}.option-card-action{font-size:12px;padding:7px 10px 12px}.transport-card-row>.crossing-option>.option-detail{padding:16px;margin-top:10px}.crossing-upcoming .option-copy{font-size:12px}}@media(max-width:350px){.transport-card-row{gap:0 8px}.transport-card-row .option-copy strong{font-size:14px}.transport-card-row .option-photo{height:94px}}

.transport-card-row>.option-detail{grid-column:1/-1;grid-row:2;margin-top:12px;padding:20px;border:1px solid #dce8f2;border-radius:14px;background:#fbfdff;min-width:0}.transport-card-row>.option-detail[hidden]{display:none}@media(max-width:760px){.transport-card-row>.option-detail{padding:16px}}

.crossing-aside{padding:0;background:transparent;border-radius:0}.crossing-aside h2{font-size:23px;margin-bottom:6px}.prep-subtitle{font-size:13px;color:#64748a;margin:0 0 16px}.checkpoint-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.camera-link{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:16px;margin:0}.camera-link .material-symbols-rounded{display:grid;place-items:center;background:#edf7ff;border-radius:10px;width:38px;height:38px;font-size:22px}.camera-link strong{font-size:15px}.camera-link small{display:block;font-size:12px;font-weight:400;color:#64748a;margin-top:2px}.camera-link>span:last-child{font-size:12px;font-weight:650}.camera-note{font-size:11px}.crossing-prep{border-top:0;margin-top:28px;padding-top:0}.crossing-prep details{margin:0;border-radius:0;border-bottom:0;overflow:hidden}.crossing-prep details:first-of-type{border-radius:16px 16px 0 0}.crossing-prep details:last-of-type{border-radius:0 0 16px 16px;border-bottom:1px solid #e1e7ef}.crossing-prep summary{padding:16px 14px;gap:12px}.crossing-prep summary>.material-symbols-rounded:first-child{display:grid;place-items:center;background:#edf7ff;border-radius:10px;width:38px;height:38px;flex-shrink:0;color:#008acf}.prep-row-copy{flex:1;min-width:0}.prep-row-copy strong{display:block;font-size:14px}.prep-row-copy small{display:block;font-size:12px;color:#64748a;line-height:1.4;margin-top:4px}.crossing-prep .prep-plus{color:#008acf;font-size:20px}.crossing-prep details[open] .prep-plus{transform:rotate(180deg)}.crossing-prep details[open]{background:#f3faff}.crossing-prep details>div{font-size:14px;line-height:1.6;padding:0 16px 18px}.border-apps{margin:18px 0}.border-apps h3{font-size:14px;margin:0 0 10px}.border-apps>a{display:flex;gap:10px;padding:14px;background:#fff;border:1px solid #dfeaf2;border-radius:12px;text-decoration:none;margin:8px 0}.border-apps>a>.material-symbols-rounded{color:#008acf;font-size:23px;flex-shrink:0}.border-apps strong{display:block;font-size:14px;color:#172b43}.border-apps small{display:block;font-size:12px;font-weight:400;color:#59677e;line-height:1.5;margin:5px 0}.border-apps b{font-size:12px;color:#0076b1}@media(max-width:760px){.crossing-aside{padding:8px 0}.crossing-aside h2{font-size:23px}.camera-link{padding:16px}.crossing-prep summary{padding:16px 12px}}

.border-app-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:11px;border:1px solid #e1e7ef}.border-apps>a{align-items:flex-start;gap:12px}