:root{--cream:#f5f7fa;--paper:#ffffff;--ink:#1a1614;--ink-soft:#325367;--ink-mute:#325367;--rule:#2a2622;--rule-soft:#e2d9c8;--maroon:#325367;--maroon-deep:#294556;--accent:#c87b3a;--serif:'Fraunces', Georgia, serif;--sans:'Inter Tight', system-ui, sans-serif;--mono:'JetBrains Mono', ui-monospace, monospace;--max-w:1500px;--max-with:1500px;--px:clamp(1.25rem, 4vw, 3rem)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.breadcrumb-bar{background:var(--cream);border-bottom:1px solid var(--rule);padding:14px var(--px)}.breadcrumb-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap}.breadcrumb-inner a{color:var(--ink-mute);transition:color .15s}.breadcrumb-inner a:hover{color:var(--maroon)}.breadcrumb-sep{color:var(--rule)}.breadcrumb-current{color:var(--ink);font-weight:500}.article-head{max-width:var(--max-w);margin:0 auto;padding:clamp(40px,6vw,64px) var(--px) clamp(20px,3vw,32px);text-align:center}.article-title{font-family:var(--serif);font-weight:400;font-size:clamp(34px, 5.2vw, 64px);line-height:1;letter-spacing:-.025em;color:var(--ink);margin:0 0 20px;font-variation-settings:'opsz' 144,'SOFT' 30}.article-title em{font-style:italic;color:var(--maroon-deep);font-variation-settings:'opsz' 144,'SOFT' 80,'WONK' 1}.article-lead{font-family:var(--serif);font-size:clamp(17px, 2vw, 20px);color:var(--ink-soft);max-width:100ch;margin:0 auto;font-variation-settings:'opsz' 24}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:32px 0 0}.qs-cell{padding:20px 22px 24px;border-right:1px solid var(--rule);background:var(--cream)}.qs-cell:last-child{border-right:none}.qs-label{font-family:var(--mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:6px}.qs-value{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--ink);line-height:1.2;font-variation-settings:'opsz' 24}@media (max-width:640px){.quick-stats{grid-template-columns:repeat(2,1fr)}.qs-cell:nth-child(2n){border-right:none}.qs-cell{border-bottom:1px solid var(--rule)}.qs-cell:nth-last-child(-n+2){border-bottom:none}}.page-body{max-width:var(--max-w);margin:0 auto;padding:clamp(32px,4vw,56px) var(--px) clamp(48px,6vw,80px)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--rule-soft)}.filter-btn{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:7px 14px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.filter-btn:hover{border-color:var(--ink);color:var(--ink)}.filter-btn.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.filter-btn.northern-line.active{background:#2563a8;border-color:#2563a8}.filter-btn.southern-line.active{background:#16803c;border-color:#16803c}.filter-btn.north-eastern-line.active{background:#b45309;border-color:#b45309}.filter-btn.eastern-line.active{background:#7c3aed;border-color:#7c3aed}.section-head{display:flex;align-items:flex-start;gap:16px;padding-bottom:14px;margin-bottom:24px;border-bottom:1px solid var(--ink)}.sec-num{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--maroon);font-variation-settings:'WONK' 1;flex-shrink:0;margin-top:4px}.section-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(22px, 2.8vw, 32px);line-height:1.05;letter-spacing:-.022em;color:var(--ink);font-variation-settings:'opsz' 60,'SOFT' 40;margin:0}.section-head h2 em{font-style:italic;color:var(--maroon-deep)}.line-badge{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:2px 7px;margin-bottom:4px}.line-badge.northern-line{background:#dbeafe;color:#1e40af}.line-badge.southern-line{background:#dcfce7;color:#166534}.line-badge.north-eastern-line{background:#fef3c7;color:#92400e}.line-badge.eastern-line{background:#ede9fe;color:#5b21b6}.line-badge.laos{background:#fce7f3;color:#9d174d}.line-badge.my{background:#e0f2fe;color:#0c4a6e}.stations-section{margin-bottom:56px}.stations-section[data-line="northern-line"] .section-head{border-color:#2563a8}.stations-section[data-line="southern-line"] .section-head{border-color:#16803c}.stations-section[data-line="north-eastern-line"] .section-head{border-color:#b45309}.stations-section[data-line="eastern-line"] .section-head{border-color:#7c3aed}.stations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f5f7fa;border:1px solid #aabbd4}.station-card{background:var(--paper);display:flex;align-items:stretch;gap:0;transition:background .12s;text-decoration:none;color:inherit}.station-card:hover{background:#f0f5fa}.station-img-wrap{width:88px;flex-shrink:0;overflow:hidden;position:relative}.station-img-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:filter .2s}.station-card:hover .station-img-wrap img{filter:saturate(1)}.station-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.station-name{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--ink);line-height:1.2;font-variation-settings:'opsz' 24;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-card:hover .station-name{color:var(--maroon)}.station-region{font-family:var(--mono);font-size:10px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.station-routes{font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.04em}.station-arrow{display:flex;align-items:center;padding:0 12px;color:var(--rule);font-size:18px;opacity:0;transition:opacity .15s,transform .15s}.station-card:hover .station-arrow{opacity:1;transform:translateX(3px)}.stations-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft);margin-bottom:32px}.station-featured{background:var(--paper);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:background .12s}.station-featured:hover{background:#f0f5fa}.station-featured-img{width:100%;height:160px;object-fit:cover;filter:saturate(.85);transition:filter .2s}.station-featured:hover .station-featured-img{filter:saturate(1)}.station-featured-body{padding:18px 20px 20px;border-top:3px solid var(--maroon);flex:1}.station-featured-name{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--ink);line-height:1.2;font-variation-settings:'opsz' 24;margin-bottom:6px}.station-featured:hover .station-featured-name{color:var(--maroon)}.station-featured-meta{font-family:var(--mono);font-size:10.5px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.station-featured-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.5}@media (max-width:900px){.stations-grid{grid-template-columns:repeat(2,1fr)}.stations-featured{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.stations-grid{grid-template-columns:1fr}.stations-featured{grid-template-columns:1fr}.station-img-wrap{width:72px}}.section-divider{border:none;border-top:1px solid var(--rule-soft);margin:48px 0}.intro-box{background:var(--paper);border:1px solid var(--rule-soft);border-left:3px solid var(--maroon);padding:20px 24px;margin-bottom:40px;font-size:15px;color:var(--ink-soft);line-height:1.65}.intro-box strong{color:var(--ink);font-weight:500}.count-badge{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--rule-soft);color:var(--ink-mute);margin-left:10px;vertical-align:middle}.stations-section.hidden{display:none}trains-list{list-style:none;border-top:1px solid var(--rule);margin:24px 0}.trains-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule);transition:background .12s}.trains-row:hover{background:var(--paper)}.trains-row a{display:contents}.trains-no{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--maroon);font-variation-settings:'opsz' 24,'WONK' 1}.trains-route{font-family:var(--serif);font-size:17px;color:var(--ink);font-variation-settings:'opsz' 24}.trains-row:hover .trains-route{color:var(--maroon)}.trains-meta{font-family:var(--mono);font-size:12px;color:var(--ink-mute);letter-spacing:.02em}.trains-price{font-family:var(--mono);font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}@media(max-width:600px){.trains-row{grid-template-columns:auto 1fr;gap:4px 12px}.trains-route{grid-column:2}.trains-meta{grid-column:2;font-size:11px}.trains-price{grid-column:2}}