:root{color-scheme:light;--bg:#f7f7f4;--surface:#fff;--ink:#171a18;--muted:#5e665f;--line:#d9ded6;--red:#b8422e;--teal:#1f776e;--blue:#245f8f;--gold:#ba7a24;--charcoal:#202723;--shadow:0 14px 34px #171a181a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth}body{min-width:320px;margin:0;font-size:16px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:.08em}:focus-visible{outline-offset:3px;outline:3px solid #245f8f73}.site-shell{min-height:100svh}.site-header{z-index:10;backdrop-filter:blur(14px);background:#f7f7f4f0;border-bottom:1px solid #2027231a;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100% - 32px);min-height:64px;margin:0 auto;display:flex}.brand-link{align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.brand-mark img{object-fit:contain;width:32px;height:32px}.nav-scroll{scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow-x:auto}.nav-scroll::-webkit-scrollbar{display:none}.nav-scroll a{min-height:40px;color:var(--muted);white-space:nowrap;border-radius:999px;padding:10px 12px;font-size:.92rem;font-weight:700;text-decoration:none}.nav-scroll a:hover,.nav-scroll a[aria-current=page]{color:var(--ink);background:#e7eee9}.main-content{min-height:calc(100svh - 64px)}.home-hero{background:var(--charcoal);min-height:min(560px,100svh - 64px);display:grid;position:relative;overflow:hidden}.home-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home-hero:after{content:"";background:linear-gradient(#141715b8,#14171559 48%,#141715c7),linear-gradient(90deg,#141715c7,#14171514);position:absolute;inset:0}.hero-copy{z-index:1;color:#fff;flex-direction:column;justify-content:end;width:min(1120px,100% - 32px);margin:0 auto;padding:56px 0 38px;display:flex;position:relative}.eyebrow{color:#d5f1e9;letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.hero-copy h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2.55rem,12vw,6.8rem);line-height:.92}.hero-copy .lede{color:#ffffffeb;max-width:650px;margin:18px 0 0;font-size:clamp(1.02rem,2vw,1.3rem)}.hero-actions,.button-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.button-link{color:#fff;background:#ffffff24;border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex}.button-link.primary{color:var(--ink);background:#fff;border-color:#fff}.button-link.dark{border-color:var(--charcoal);background:var(--charcoal);color:#fff}.button-link.light{border-color:var(--line);background:var(--surface);color:var(--ink)}.section{width:min(1120px,100% - 32px);margin:0 auto;padding:46px 0}.section-wide{width:min(1320px,100% - 12px)}.section+.section{border-top:1px solid var(--line)}.top-map-section{padding-top:24px}.section-header{gap:8px;margin-bottom:22px;display:grid}.section-header h2,.page-header h1,.article-header h1{letter-spacing:0;margin:0;font-size:clamp(1.75rem,6vw,3rem);line-height:1.02}.section-header p,.page-header p{max-width:720px;color:var(--muted);margin:0}.quick-grid,.card-grid,.anchor-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.quick-card,.note-card,.anchor-card,.route-card,.empty-state{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.quick-card{min-height:160px;color:var(--ink);align-content:space-between;gap:22px;padding:18px;text-decoration:none;display:grid}.quick-card strong,.note-card h3,.anchor-card h3,.route-card h3{margin:0;font-size:1.08rem;line-height:1.18}.quick-card p,.note-card p,.anchor-card p,.route-card p{color:var(--muted);margin:8px 0 0}.quick-card .tag,.meta{color:var(--teal);text-transform:uppercase;font-size:.78rem;font-weight:800}.note-card,.anchor-card,.route-card,.empty-state{padding:18px}.note-card a,.anchor-card a{font-weight:800}.source-note{border:1px solid var(--line);background:#edf3ef;border-radius:8px;justify-content:space-between;align-items:end;gap:18px;padding:22px;display:flex}.source-note h2{letter-spacing:0;margin:0;font-size:clamp(1.35rem,4vw,2.15rem);line-height:1.08}.source-note p{max-width:720px;color:var(--muted);margin:8px 0 0}.event-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.event-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.event-card h3{letter-spacing:0;margin:0;font-size:clamp(1.28rem,4vw,1.85rem);line-height:1.05}.event-card p{color:var(--muted);margin:0}.event-card .event-proximity{color:#303833;font-size:.92rem;font-weight:800}.event-card a{font-weight:800}.guide-feature{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:14px;display:grid}.guide-detail-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:14px;display:grid}.guide-panel,.guide-step,.guide-card,.source-card,.decision-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.guide-panel{padding:22px}.guide-panel h2,.guide-panel h3,.guide-step h3,.guide-card h3,.guide-card h4,.guide-group-header h3,.decision-card h3{letter-spacing:0;margin:0;line-height:1.08}.guide-panel p,.guide-step p,.guide-card p,.guide-group-header p,.decision-card p{color:var(--muted);margin:8px 0 0}.guide-panel-dark{background:var(--charcoal);color:#fff;align-content:end;display:grid}.guide-panel-dark p{color:#ffffffd1}.guide-actions,.article-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.guide-steps,.guide-group-list{gap:14px;display:grid}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-step,.guide-card{padding:18px}.guide-checks{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.guide-checks li{border-left:4px solid var(--teal);color:#303833;background:#edf3ef;padding:12px 14px;font-weight:800}.guide-group{gap:12px;display:grid}.guide-group+.guide-group{border-top:1px solid var(--line);padding-top:18px}.guide-group-header h3{font-size:clamp(1.25rem,3vw,1.7rem)}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.guide-card{align-content:start;gap:10px;display:grid}.guide-card-link{color:var(--ink);text-decoration:none;transition:transform .16s,box-shadow .16s}.guide-card-link:hover,.guide-card-link:focus-visible{transform:translateY(-2px);box-shadow:0 18px 36px #171a1824}.card-action{color:var(--teal);font-size:.86rem;font-weight:900}.guide-card ul{color:#303833;gap:7px;margin:0;padding-left:18px;display:grid}.source-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.source-card{color:var(--ink);gap:8px;padding:18px;text-decoration:none;display:grid}.source-card span{color:var(--muted)}.official-map{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;margin:0;padding:18px}.official-map+.transit-map{margin-top:18px}.official-map-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.official-map-heading h2,.official-map-heading h3{letter-spacing:0;margin:0;font-size:clamp(1.16rem,3.3vw,1.72rem);line-height:1.08}.official-map-heading p:not(.meta){max-width:720px;color:var(--muted);margin:8px 0 0}.official-map-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.official-map-actions a{color:var(--teal);white-space:nowrap;font-weight:900}.official-map-frame{border:1px solid var(--line);background:#f1f3f0;border-radius:8px;max-height:520px;overflow:auto}.official-map-canvas{width:max(100%,1040px);position:relative}.official-map-canvas img{width:100%;max-width:none;height:auto}.official-map-pin{left:var(--sindang-x);top:var(--sindang-y);z-index:1;pointer-events:none;width:68px;height:68px;position:absolute;transform:translate(-50%,-50%)}.official-map-pin-ring{border:4px solid var(--red);background:#ffffff0a;border-radius:50%;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffffffdb,0 0 0 10px #b8422e2e,0 10px 22px #171a1838}.official-map-pin-leader{background:var(--red);transform-origin:0;border-radius:999px;width:54px;height:3px;position:absolute;top:17px;left:49px;transform:rotate(-18deg);box-shadow:0 0 0 2px #ffffffd1}.official-map-pin-label{color:var(--ink);white-space:nowrap;background:#fffffff0;border:1px solid #b8422e59;border-radius:999px;padding:6px 8px;font-size:.78rem;font-weight:950;line-height:1;position:absolute;top:-14px;left:92px;box-shadow:0 8px 20px #171a1829}.official-map figcaption{color:var(--muted);margin-top:12px;font-size:.86rem}.transit-map{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;margin:0;padding:18px;overflow:hidden}.transit-map-preview{margin-top:18px}.transit-map-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.transit-map-heading :where(h2,h3){letter-spacing:0;margin:0;font-size:clamp(1.1rem,3vw,1.45rem);line-height:1.08}.transit-map-heading a{color:var(--teal);white-space:nowrap;font-weight:900}.transit-map-scroll{gap:16px;padding-bottom:6px;display:grid;overflow-x:auto}.transit-row{--line-color:var(--teal);grid-template-columns:96px minmax(520px,1fr);align-items:center;gap:16px;display:grid}.transit-row.line-1{--line-color:#0052a4}.transit-row.line-2{--line-color:#00a84d}.transit-row.line-4{--line-color:#00a4e3}.transit-row.line-5{--line-color:#996cac}.transit-row.line-6{--line-color:#cd7c2f}.line-badge{background:var(--line-color);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;font-size:.82rem;font-weight:900;display:inline-flex}.station-strip{grid-template-columns:repeat(4,minmax(110px,1fr));gap:0;min-width:520px;margin:0;padding:0;list-style:none;display:grid;position:relative}.station-strip:before{background:var(--line-color);content:"";border-radius:999px;height:8px;position:absolute;top:15px;left:54px;right:54px}.transit-station{z-index:1;color:#303833;text-align:center;justify-items:center;gap:8px;font-size:.82rem;font-weight:800;line-height:1.12;display:grid;position:relative}.station-dot{border:6px solid var(--line-color);background:var(--surface);width:38px;height:38px;box-shadow:0 0 0 5px var(--surface);border-radius:50%}.transit-station-anchor{color:var(--ink);font-weight:950}.transit-station-anchor .station-dot{border-color:var(--surface);background:var(--line-color);box-shadow:0 0 0 4px var(--line-color), 0 8px 18px #171a182e}.transit-map figcaption{border-top:1px solid var(--line);color:var(--muted);margin-top:14px;padding-top:12px;font-size:.86rem}.decision-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.decision-card{padding:18px}.route-list{gap:10px;margin:0;padding-left:22px;display:grid}.route-list li{border-left:4px solid var(--gold);color:#303833;background:#f4eee6;padding:10px 12px}.event-image{border-bottom:1px solid var(--line);background:#dde4df;border-radius:8px 8px 0 0;margin:-18px -18px 2px;position:relative;overflow:hidden}.event-image img{aspect-ratio:4/3;object-fit:cover;width:100%}.event-image figcaption{color:#fff;background:#171a18c7;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800;position:absolute;bottom:10px;right:10px}.event-details{gap:8px;margin:0;display:grid}.event-details div{border-top:1px solid var(--line);padding-top:8px}.event-details dt{color:var(--teal);text-transform:uppercase;font-size:.74rem;font-weight:900}.event-details dd{color:#303833;margin:2px 0 0}.pair-note{border-left:4px solid var(--gold);padding-left:10px}.map-focus-section{padding-top:20px}.neighborhood-map{min-height:540px;box-shadow:var(--shadow);isolation:isolate;background:#dce5de;border:1px solid #20272329;border-radius:8px;position:relative;overflow:hidden}.neighborhood-map:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#ffffff61,#ffffff0a 46%,#20272314),radial-gradient(circle at 52% 48%,#ffffff2e,#0000 44%);position:absolute;inset:0}.map-background{filter:blur(5px);opacity:.82;background:radial-gradient(circle at 64% 46%,#b8422e21,#0000 20%),radial-gradient(circle at 28% 38%,#1f776e24,#0000 21%),radial-gradient(circle at 72% 28%,#245f8f1f,#0000 22%),repeating-linear-gradient(0deg,#ffffff2e 0 2px,#0000 2px 58px),repeating-linear-gradient(90deg,#ffffff29 0 2px,#0000 2px 64px),#cdd9d0;position:absolute;inset:-18px;transform:scale(1.03)}.map-river,.map-road,.map-block{display:block;position:absolute}.map-river{background:#245f8f42;border-radius:999px;width:118%;height:58px;top:66%;left:-8%;transform:rotate(-8deg)}.map-road{background:#ffffffa3;border-radius:999px;height:18px}.map-road-one{width:92%;top:42%;left:6%;transform:rotate(10deg)}.map-road-two{width:18px;height:90%;top:4%;left:48%;transform:rotate(-16deg)}.map-road-three{width:70%;top:26%;left:12%;transform:rotate(-18deg)}.map-block{background:#ffffff61;border-radius:8px;width:148px;height:92px}.map-block-one{top:14%;left:9%}.map-block-two{top:14%;right:9%}.map-block-three{bottom:14%;right:18%}.map-pin{--pin:var(--red);--pin-ring:#b8422e33;left:var(--x);top:var(--y);z-index:2;max-width:190px;min-height:52px;color:var(--ink);background:#fffffff5;border:1px solid #2027232e;border-radius:8px;align-items:center;gap:8px;padding:8px 11px 8px 8px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 30px #171a182e}.map-pin:hover,.map-pin:focus-visible{z-index:3;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 18px 34px #171a183d}.map-pin.teal{--pin:var(--teal);--pin-ring:#1f776e33}.map-pin.blue{--pin:var(--blue);--pin-ring:#245f8f33}.map-pin.gold{--pin:var(--gold);--pin-ring:#ba7a2438}.pin-dot{background:var(--pin);width:16px;height:16px;box-shadow:0 0 0 3px var(--pin-ring), 0 8px 18px #171a1838;border:3px solid #fff;border-radius:50%;flex:none}.pin-label{gap:2px;line-height:1.05;display:grid}.pin-label strong{overflow-wrap:anywhere;font-size:.9rem}.pin-label span{color:var(--muted);overflow-wrap:anywhere;text-transform:uppercase;font-size:.74rem;font-weight:800}.author-band{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:stretch;gap:18px;display:grid}.author-copy{background:var(--charcoal);color:#fff;border-radius:8px;padding:28px}.author-copy h2{letter-spacing:0;margin:0;font-size:clamp(1.8rem,5vw,3.8rem);line-height:1}.author-copy p{color:#ffffffd1;max-width:680px}.fact-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fact-list li{border-left:4px solid var(--red);background:#edf3ef;padding:10px 12px;font-weight:800}.page-header,.article-header{width:min(940px,100% - 32px);margin:0 auto;padding:52px 0 28px}.page-kicker{color:var(--red);text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}.content-stack{gap:18px;display:grid}.text-block{max-width:760px}.two-column{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:start;gap:18px;display:grid}.checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.checklist li{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:14px}.article-body{width:min(760px,100% - 32px);margin:0 auto;padding:20px 0 56px}.article-body :where(h2,h3){margin-top:34px;line-height:1.12}.article-body :where(p,li){color:#303833}.site-footer{border-top:1px solid var(--line);background:#ecefed}.footer-inner{width:min(1120px,100% - 32px);color:var(--muted);justify-content:space-between;gap:18px;margin:0 auto;padding:28px 0;display:flex}.footer-inner a{font-weight:800}@media (width<=760px){.header-inner{flex-direction:column;justify-content:center;align-items:start;width:calc(100% - 24px);min-height:60px;padding:10px 0}.nav-scroll{width:100%}.home-hero{min-height:520px}.hero-copy,.section,.page-header,.article-header,.article-body,.footer-inner{width:calc(100% - 24px)}.section-wide{width:calc(100% - 2px)}.hero-actions .button-link,.button-row .button-link{width:100%}.quick-grid,.card-grid,.anchor-grid,.two-column,.author-band{grid-template-columns:1fr}.author-copy{padding:22px}.source-note{flex-direction:column;align-items:stretch}.source-note .button-row{margin-top:8px}.guide-feature,.guide-detail-grid,.guide-steps{grid-template-columns:1fr}.transit-map{padding:14px}.section-wide .official-map{border-radius:6px;padding:8px}.official-map-heading{flex-direction:column;align-items:start;gap:8px;padding:4px 4px 0}.official-map-actions{justify-content:flex-start}.official-map-frame{border-radius:6px;max-height:430px}.official-map-canvas{width:1040px}.official-map-pin{font-size:.72rem}.transit-map-heading{flex-direction:column;align-items:start;gap:8px}.transit-row{grid-template-columns:76px minmax(480px,1fr);gap:10px}.line-badge{min-height:34px;padding:7px 8px;font-size:.74rem}.neighborhood-map{min-height:500px}.map-pin{gap:7px;max-width:142px;min-height:48px;padding:7px 9px 7px 7px}.pin-label strong{font-size:.8rem}.pin-label span{font-size:.68rem}.footer-inner{flex-direction:column}}