@font-face{font-family:StationGuide;src:url('/fonts/pretendard-bold-subset.otf') format('opentype');font-weight:700 900;font-display:swap}
:root{--sg-ink:#173747;--sg-muted:#536b77;--sg-paper:#edf3f6;--sg-line:#c5d4dd;--sg-blue:#2563eb;--sg-accent:#076a82} .station-page{margin:0;background:var(--sg-paper);color:var(--sg-ink);font:16px/1.55 Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;word-break:keep-all}.station-page *{box-sizing:border-box}.station-page a{color:inherit}.station-page button,.station-page input{font:inherit}.station-page h1,.station-page h2,.station-page h3{font-family:StationGuide,Pretendard,sans-serif;letter-spacing:-.035em;line-height:1.25}.station-page .page-nav{max-width:1500px;margin:auto;padding:16px 40px;border-bottom:1px solid var(--sg-line);background:#fff}.station-page .page{max-width:1500px;margin:auto;padding:34px 40px}.station-page .page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--sg-line)}.station-page .eyebrow{margin:0 0 10px;color:var(--sg-accent);font-size:11px;font-weight:800;letter-spacing:.08em}.station-page h1{margin:0;font-size:42px}.station-page .facts{display:flex;gap:20px;list-style:none;margin:0;padding:0;text-align:right}.station-page .facts b{display:block;font:800 28px/1 StationGuide,sans-serif;color:var(--sg-blue)}.station-page .facts span{font-size:11px;color:var(--sg-muted)}
.station-guide-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:30px;align-items:start}.station-guide-map{position:sticky;top:16px;border:1px solid var(--sg-line);border-radius:6px;overflow:hidden;background:#fff}.station-guide-toolbar{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid var(--sg-line);font-size:12px}.station-guide-toolbar>span{flex:1}.station-guide-toolbar button{border:1px solid var(--sg-line);border-radius:4px;padding:7px 10px;background:#f1f6f8;color:var(--sg-ink);font-size:11px}.station-guide-stage{position:relative;aspect-ratio:1.42;background:#edf3f6}.station-guide-static,.station-guide-live{position:absolute;inset:0}.station-guide-static svg{height:100%;width:100%;display:block}.station-guide-live{visibility:hidden}.station-guide-map.is-live .station-guide-live{visibility:visible}.station-guide-map.is-live .station-guide-static{visibility:hidden}.station-guide-credit{display:none;position:absolute;right:0;bottom:0;padding:3px 6px;background:#ffffffe8;color:#294551;font-size:10px;pointer-events:none}.station-guide-map.is-live .station-guide-credit{display:block}.station-guide-dot{display:block;width:8px;height:8px;border:1px solid #284857;background:#fff;border-radius:50%}.station-guide-dot--station{width:14px;height:14px;border:3px solid #fff;box-shadow:0 0 0 2px #173747;background:var(--sg-blue)}
.station-radius{border:0;margin:0 0 18px;padding:0;display:flex;gap:6px;flex-wrap:wrap}.station-radius legend{width:100%;font-size:12px;font-weight:750;margin-bottom:6px}.station-radius input{position:absolute;opacity:0}.station-radius label{cursor:pointer;border:1px solid var(--sg-line);background:#fff;border-radius:4px;padding:9px 13px;font-size:12px;font-weight:700}.station-radius input:checked+label{background:var(--sg-ink);border-color:var(--sg-ink);color:#fff}.station-radius input:focus-visible+label{outline:3px solid #c97d13;outline-offset:3px}.station-guide-copy h2{font-size:27px;margin:0 0 9px}.station-guide-copy>p{margin:0 0 18px;color:var(--sg-muted);font-size:13px}.station-guide-copy [data-station-range]{display:none}.station-page:has(#station-radius-200:checked) [data-station-range="200"],.station-page:has(#station-radius-400:checked) [data-station-range="400"]{display:block}.station-page:has(#station-radius-400:checked) [data-station-static="200"]{display:none}.station-page:has(#station-radius-200:checked) [data-station-static="400"]{display:none}.boarding-list{border-top:1px solid var(--sg-line)}.boarding-stop{padding:15px 0;border-bottom:1px solid var(--sg-line)}.boarding-stop>a{font-weight:750;font-size:15px}.boarding-stop small{display:block;color:var(--sg-muted);font-size:11px;margin-top:3px}.route-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.route-chips a{border-left:3px solid var(--route);background:#fff;padding:3px 6px;font-size:11px;font-weight:750;text-decoration:none}.station-guide-details{margin-top:36px}.station-guide-details h2{margin:30px 0 10px;font-size:25px}.station-guide-details p{color:var(--sg-muted);font-size:13px}.station-guide-details .table-wrap{overflow:auto}.station-guide-details table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.station-guide-details th,.station-guide-details td{text-align:left;padding:12px;border-bottom:1px solid var(--sg-line)}
@media(max-width:850px){.station-page .page{padding:25px 24px}.station-page .page-nav{padding:14px 24px}.station-page .page-head{display:block}.station-page .facts{margin-top:20px;text-align:left}.station-guide-layout{grid-template-columns:1fr}.station-guide-map{position:static;order:-1}}@media(max-width:520px){.station-page .page{padding:22px 16px}.station-page .page-nav{padding:12px 16px}.station-page h1{font-size:34px}.station-page .facts{gap:13px}.station-page .facts b{font-size:23px}.station-guide-stage{aspect-ratio:1}.station-guide-copy h2{font-size:23px}.station-guide-toolbar{font-size:10px}.station-guide-details h2{font-size:22px}}
.station-page .page-head{display:flex;border:0;margin:0;padding:22px 0 14px}.station-page .page-head h1{font-size:56px;margin:8px 0 12px}.station-page .page-head .facts{display:none}.line-tags{display:flex;gap:5px;flex-wrap:wrap}.line-tags span{border-left:3px solid var(--rail);background:#fff;padding:2px 7px;font-size:11px;font-weight:750}.station-context{display:flex;align-items:center;gap:18px;border-top:1px solid var(--sg-line);border-bottom:1px solid var(--sg-line);padding:14px 0;margin-bottom:26px}.station-context p{margin:0;font-size:13px;color:var(--sg-muted)}.station-context p strong,.station-context b{color:var(--sg-ink)}.station-context p>span{padding:0 10px}.station-context>a{margin-left:auto;font-size:12px;font-weight:700}.station-context [data-station-range]{display:none}.station-page:has(#station-radius-200:checked) .station-context [data-station-range="200"],.station-page:has(#station-radius-400:checked) .station-context [data-station-range="400"]{display:block}.radius-label-400{display:none}.station-page:has(#station-radius-400:checked) .radius-label-200{display:none}.station-page:has(#station-radius-400:checked) .radius-label-400{display:inline}.station-guide-layout{grid-template-columns:minmax(0,1.4fr) minmax(330px,.85fr);gap:30px}.station-guide-map{order:0}.boarding-directory{order:1}.final-map-header{padding:12px 14px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--sg-line);font-size:12px}.final-map-header>span{flex:1;color:var(--sg-muted)}.final-map-header button{border:1px solid var(--sg-line);border-radius:3px;background:#eef3f5;padding:7px 10px;font-size:11px}.walking-choice{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 22px}.walking-choice legend{width:100%;font-size:12px;color:var(--sg-muted);font-weight:700;margin-bottom:8px}.walking-choice label{flex:1;text-align:center;padding:11px 12px}.station-guide-copy [data-station-range] h2{font-size:30px}.station-guide-copy [data-station-range]>p{margin-bottom:18px}.boarding-stop{display:flex;gap:11px;padding:19px 0}.boarding-stop>div{min-width:0;flex:1}.stop-index{width:24px;min-width:24px;height:24px;line-height:24px;margin-top:1px;text-align:center;border-radius:50%;background:#e3edf2;color:#285062;font-size:11px;font-weight:750}.boarding-stop>a{font-size:15px}.route-chips{margin-top:12px}.route-chips a{padding:4px 7px;min-height:30px;font-size:12px}.station-guide-details{max-width:900px}.station-guide-details h2:first-child{margin-top:42px}
@media(max-width:1000px){.station-guide-layout{grid-template-columns:1fr}.station-guide-map{position:static;order:0}.boarding-directory{order:1}.station-guide-stage{aspect-ratio:960/600}}@media(max-width:680px){.station-page .page-head h1{font-size:43px}.station-context{gap:9px;flex-wrap:wrap;padding:12px 0}.station-context p{font-size:12px}.station-context p>span{padding:0 5px}.station-context>a{width:100%;margin:3px 0 0;font-size:11px}.station-guide-stage{aspect-ratio:1}.station-guide-copy [data-station-range] h2{font-size:25px}}