.mobility{scroll-margin-top:130px;border-block:1px solid var(--darkline)}
.mobility-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(36px,7vw,100px);max-width:1220px;margin:60px auto 0}
.mobility-card{min-width:0;display:flex;flex-direction:column;border-top:1px solid var(--darkline);padding-top:28px}
.mobility-card h3{font:400 clamp(2rem,3.1vw,3rem)/1.1 var(--serif);margin-bottom:16px;overflow-wrap:anywhere}
.mobility-mode{font:500 .74rem/1.6 var(--mono);margin-bottom:12px}
.mobility-number{font:400 clamp(4rem,7.5vw,7.5rem)/1 var(--serif);letter-spacing:-.035em;margin:10px 0 22px;font-variant-numeric:tabular-nums;direction:ltr}
.mobility-number small{font:400 1.25rem var(--sans);letter-spacing:normal}
.mobility-explain{margin:0 0 24px;max-width:34em;font-size:.95rem;line-height:1.65}
.mobility-airport-note,.mobility-source,.mobility-timezone{font-size:.78rem;line-height:1.6;color:#635b52}
.mobility-trains{width:100%;border-collapse:collapse;font-size:.88rem;font-variant-numeric:tabular-nums;margin-bottom:14px}
.mobility-trains caption{text-align:start;font-size:.78rem;line-height:1.6;margin-bottom:15px}
.mobility-trains th{text-align:start;font-weight:500;font-size:.68rem;padding:10px 4px;border-bottom:1px solid var(--darkline)}
.mobility-trains td{padding:13px 4px;border-bottom:1px solid var(--darkline);vertical-align:top;white-space:nowrap}
.mobility-trains td:first-child{white-space:normal}
.mobility-trains small{display:block;font-size:.67rem;line-height:1.5;white-space:normal}
.mobility-trains time{direction:ltr;unicode-bidi:isolate}
.mobility-trains .is-cancelled td{color:#88432d}
.mobility-status{font-size:.8rem;line-height:1.6;margin:8px 0 18px}
.mobility-source{margin:0 0 14px}
.mobility-link{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-block:10px;font:500 .83rem/1.5 var(--sans);text-underline-offset:5px;text-decoration-color:var(--accent)}
.mobility-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.mobility-timezone{max-width:1220px;margin:24px auto 0}
.mobility-preview{max-width:1220px;margin:30px auto 0;padding:14px 18px;border:1px solid #8b6632;background:#ebdfca;font-size:.85rem;font-weight:500}
.maps-attribution{font:400 14px/1.5 var(--sans);letter-spacing:normal;color:#5e5e5e;white-space:nowrap;margin-bottom:14px}
.mobility [hidden]{display:none!important}
html[lang=ja] .mobility-card h3,html[lang=ar] .mobility-card h3{line-height:1.5}
@media(max-width:760px){.mobility-grid{grid-template-columns:1fr;gap:40px;margin-top:36px}.mobility-number{font-size:5.5rem}.mobility-trains{font-size:.78rem}.mobility-trains td{padding:12px 3px}.mobility-card h3{font-size:2.3rem}}