.dir-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.dir-routes>a{border:1px solid color-mix(in srgb,var(--line) 23%,#fff);border-inline-start:6px solid var(--line);color:#172c35;background:linear-gradient(110deg,#fff 40%,color-mix(in srgb,var(--line) 12%,white));border-radius:18px;grid-template-columns:1fr auto;align-content:end;gap:16px;min-height:154px;padding:clamp(16px,2.5vw,26px);text-decoration:none;display:grid}.dir-routes strong{text-wrap:balance;grid-column:1;max-width:85%;font-size:clamp(1.22rem,2vw,1.65rem);line-height:1.12}.dir-arrow{color:#fff;display:grid;position:absolute;top:16px;right:16px}.dir-stops{background:#fff;border:1px solid #d9e3df;border-radius:20px;margin:0;padding:8px clamp(12px,2vw,22px);list-style:none}.dir-stops li{position:relative}.dir-stops li+li{border-top:1px solid #e5ebe7}.dir-stops li:not(:last-child):before{content:"";background:var(--line);pointer-events:none;width:3px;height:calc(100% + 1px);position:absolute;top:50%;left:19px}.dir-stops a{color:#193139;border-radius:8px;align-items:center;gap:18px;min-height:58px;padding:8px 12px;text-decoration:none;display:flex;position:relative}.dir-stops i{box-sizing:border-box;border:4px solid var(--line);background:#fff;border-radius:50%;flex:none;width:17px;height:17px}.dir-stops strong{font-size:1.13rem;line-height:1.25}.dir-stops svg{color:#536963;flex:none;width:17px;margin-left:auto}.dir-stops a:hover{background:color-mix(in srgb,var(--line) 8%,transparent)}.dir-routes a:hover{border-color:var(--line)}.dir-map{color:#173840;background:#fff;border:1px solid #d4e0db;border-radius:15px;align-items:center;gap:14px;margin-top:16px;padding:20px;font-weight:650;text-decoration:none;display:flex}.dir-map svg:last-child{margin-left:auto}.station-detail{flex-direction:column;min-height:100svh;display:flex}.station-detail>.dir-shell{flex-direction:column;flex:1;display:flex}.station-map-footer{padding:16px clamp(16px,4vw,40px) max(16px,env(safe-area-inset-bottom));margin-top:auto}.station-map-footer .dir-map{margin-top:0}.dir-map svg{flex-shrink:0}.dir-map:focus-visible{outline-offset:3px;outline:3px solid #235baf}.reader-directory.dir-shell .station-prose{max-width:100%}.metro.directory-page{padding-inline:0}.reader-directory.dir-shell,.dir-mast-inner{box-sizing:border-box;width:min(100%,74rem);max-width:74rem;margin:auto;padding-inline:clamp(16px,4vw,40px)}.reader-directory.dir-shell{--line:#326572;padding-top:clamp(12px,2vw,24px)}.dir-mast,.dir-routes>a{isolation:isolate;color:#fff;background-color:#183440;position:relative}.dir-mast{background:#183440}.dir-photo,.dir-photo:after,.dir-photo img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dir-photo{z-index:-1;border-radius:inherit;overflow:hidden}.dir-photo img{object-fit:cover;object-position:65% 53%}.dir-photo:after{content:"";background:linear-gradient(#0c1f2dc9,#0000 57%),linear-gradient(70deg,#0a1b26e8,#0000 85%)}.dir-mast-inner{min-height:clamp(290px,29vw,430px);padding-bottom:clamp(24px,4vw,48px);padding-top:env(safe-area-inset-top);flex-direction:column;align-items:flex-start;display:flex;position:relative}.dir-mast .metro-header{color:#fff;z-index:3;width:100%}.dir-mast .metro-brand img{filter:brightness(0)invert()}.dir-mast .reader-back{color:#fff;gap:9px;min-height:42px;margin:0;padding:0 .8rem 0 0}.dir-mast .reader-back svg{width:17px;height:17px}.dir-heading{text-shadow:0 1px 10px #10232f;max-width:min(90%,48rem);margin-top:auto;padding-top:22px}.dir-heading h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,5vw,4rem);line-height:1.06}.dir-heading a{color:#fff;margin-bottom:4px;display:inline-block}.dir-routes{margin-top:0}.dir-routes>a{border:0;border-inline-start:5px solid var(--line);background:#203941;min-height:clamp(150px,16vw,208px)}.dir-routes .dir-photo:after{background:linear-gradient(#0000 11%,#081925ed),linear-gradient(90deg,#15233277,#0000 82%)}.dir-routes strong{color:#fff;text-shadow:0 1px 6px #0d1a24;max-width:100%}.dir-routes a:focus-visible{outline-offset:3px;outline:3px solid #235baf}@media (max-width:690px){.dir-mast{border-radius:0 0 22px 22px}.dir-mast-inner{min-height:clamp(278px,76vw,360px)}.dir-routes{grid-template-columns:1fr;gap:12px}.dir-routes>a{gap:9px;min-height:140px}}
