
.metro-section{padding:clamp(58px,7vw,112px) var(--gutter);background:#ede9e4;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(35px,8vw,125px);align-items:center;border-top:1px solid #d1d3cc}.metro-copy{min-width:0}.metro-copy h2{font-size:clamp(35px,4.3vw,66px);line-height:1.09;letter-spacing:-.04em;font-weight:300;margin:20px 0 28px;max-width:760px}.metro-intro{font-size:clamp(17px,1.6vw,21px);line-height:1.6;max-width:630px}.metro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.metro-actions a{max-width:100%;line-height:1.4;gap:16px}.metro-actions .button{background:#2c4f50;color:#fff;white-space:normal;justify-content:space-between;min-height:52px}.metro-actions svg{flex:0 0 20px;width:20px;height:20px}.metro-access-note{font-size:13px;line-height:1.65;color:#545b55;max-width:580px;margin:28px 0 0;border-left:2px solid #aebbb1;padding-left:16px}.metro-diagram{margin:0;padding:30px 32px 24px;border:1px solid #cdd3cb;background:#f6f4ef;min-width:0}.metro-diagram-label{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.4}.metro-line-mark{display:inline-block;height:8px;width:24px;border-radius:20px;background:#a13c37;flex:0 0 24px}.metro-route{position:relative;margin-top:28px;min-height:400px;padding-left:57px}.metro-route-line{width:40px;height:400px;position:absolute;left:0;top:0;overflow:visible}.metro-route-line path{fill:none;stroke:#a13c37;stroke-width:3}.metro-route-line circle{fill:#f6f4ef;stroke:#a13c37;stroke-width:3}.metro-route-line circle:first-of-type{fill:#a13c37}.metro-route-line .metro-route-continuation{stroke-dasharray:3 5;stroke-width:2}.metro-route ol{margin:0;padding:0;list-style:none}.metro-route li{height:80px;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-content:center;position:relative;box-sizing:border-box}.metro-code{font-size:11px;color:#6a6f69;align-self:center;font-variant-numeric:tabular-nums}.metro-station-name{font-size:clamp(17px,1.65vw,23px);font-weight:400;letter-spacing:-.02em;line-height:1.2}.metro-route small{grid-column:2;color:#626860;font-size:11px;line-height:1.3;margin-top:6px}.metro-route li:first-child .metro-station-name{color:#2c4f50}.metro-direction{margin:4px 0 22px 57px;font-size:12px;color:#626860;line-height:1.5}.metro-diagram figcaption{border-top:1px solid #d7d9d0;padding-top:16px;font-size:11px;color:#626860;line-height:1.5}.metro-page-heading{padding:clamp(140px,14vw,200px) var(--gutter) 55px;background:#2c4f50;color:#fff}.metro-page-heading h1{font-size:clamp(40px,6vw,88px);font-weight:300;line-height:1.08;letter-spacing:-.04em;max-width:1050px;margin:18px 0 32px}.metro-page-heading>p:last-child{font-size:clamp(18px,1.7vw,23px);line-height:1.6;max-width:800px}.metro-page-heading .eyebrow{color:#d4dfd8}.metro-guide-content{align-items:start}.metro-story+.metro-story{margin-top:45px;padding-top:35px;border-top:1px solid #c9cdc5}.metro-story-number{font-size:12px;color:#63716b}.metro-story h2{font-size:clamp(28px,3vw,42px);margin:12px 0 18px}.metro-story p{font-size:16px;line-height:1.75;max-width:640px}.metro-checks{padding:70px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#f6f4ef}.metro-checks h2{font-size:clamp(30px,3.8vw,50px);line-height:1.12;letter-spacing:-.035em;font-weight:300;margin:18px 0 22px}.metro-checks p{font-size:15px;line-height:1.7;max-width:520px}.metro-checks ol{list-style:none;counter-reset:metrocheck;margin:0;padding:0}.metro-checks li{counter-increment:metrocheck;border-bottom:1px solid #d3d7cf;display:flex;gap:20px;padding:20px 0;line-height:1.6;font-size:16px}.metro-checks li:before{content:'0' counter(metrocheck);font-size:12px;color:#4d6258;padding-top:3px}.metro-page a:focus-visible,.metro-section a:focus-visible{outline:3px solid #a13c37;outline-offset:5px}html[lang=hi] .metro-copy h2,html[lang=hi] .metro-page-heading h1,html[lang=hi] .metro-checks h2{line-height:1.35;letter-spacing:0}
@media(max-width:850px){.metro-section{grid-template-columns:1fr;gap:35px}.metro-diagram{max-width:580px;width:100%;box-sizing:border-box}.metro-copy h2{max-width:700px}.metro-checks{grid-template-columns:1fr;gap:25px}.metro-guide-content .metro-diagram{max-width:none}.metro-page-heading{padding-top:145px}}
@media(max-width:400px){.metro-diagram{padding:24px 20px}.metro-route{padding-left:42px}.metro-route li{grid-template-columns:29px 1fr;column-gap:7px}.metro-route-line{left:-6px}.metro-station-name{font-size:17px}.metro-direction{margin-left:42px}.metro-actions a.button{width:100%}}
