@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Source+Sans+3:wght@400;500;600&display=swap');
:root{--ink:#172a3a;--paper:#fbfaf6;--muted:#60707b;--rule:#d9ddd9;--blue:#287fb8;--red:#d7544b;--orange:#e99031;--green:#4c9b69;--violet:#8366a8;--tram:#b6645f;--serif:"Newsreader",Georgia,serif;--mono:"Source Sans 3",Arial,sans-serif;--sans:"Source Sans 3",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}
header{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(22px,6vw,90px);border-bottom:1px solid var(--rule);font:11px var(--mono);letter-spacing:.07em}header a{color:var(--ink);text-decoration:none}header a:hover,header a:focus-visible{color:var(--blue)}header span{color:var(--muted)}
.network-reference{position:relative;height:245px;padding:18px clamp(22px,6vw,90px) 10px;border-bottom:1px solid var(--rule);overflow:hidden}.network-reference svg{display:block;width:min(1080px,calc(100% - 140px));height:210px;margin-left:auto;overflow:visible}.network-title{position:absolute;z-index:2;top:24px;left:clamp(22px,6vw,90px);color:var(--ink);text-decoration:none}.network-title span{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.09em}.network-title b{display:block;margin-top:3px;font:400 28px var(--serif)}.network-line{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.22}.network-line.active-line{stroke-width:11;opacity:1}.network-services{stroke:var(--blue)}.network-writing{stroke:var(--violet)}.network-cartography{stroke:var(--orange)}.network-private{stroke:var(--red)}.network-about{stroke:var(--green)}.network-hub{fill:var(--paper);stroke:var(--ink);stroke-width:4}.network-stop{stroke:var(--paper);stroke-width:5}.network-reference .interchange-stop{stroke:var(--ink)}.services-stop{fill:var(--blue)}.writing-stop{fill:var(--violet)}.cartography-stop{fill:var(--orange)}.private-stop{fill:var(--red)}.about-stop{fill:var(--green)}.network-reference text{fill:var(--ink);font:600 13px var(--sans)}.network-reference a:hover text,.network-reference a:focus text{text-decoration:underline}.network-reference a.current .network-stop{stroke:var(--ink);stroke-width:5}
.page-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,950px);gap:clamp(45px,7vw,110px);padding:0 clamp(22px,6vw,90px);align-items:start}.current-route{position:sticky;top:28px;padding:76px 0 70px;align-self:start}.current-route>p{margin:0 0 7px;color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.current-route h2{margin:0 0 34px;color:var(--route-color);font:500 14px var(--mono);letter-spacing:.06em;text-transform:uppercase}.current-route nav{position:relative}.current-route nav:before{content:"";position:absolute;left:10px;top:11px;bottom:11px;width:7px;border-radius:5px;background:var(--route-color)}.current-route a{position:relative;display:flex;min-height:64px;align-items:flex-start;gap:20px;color:var(--ink);text-decoration:none}.current-route a i{position:relative;z-index:1;flex:0 0 auto;width:20px;height:20px;margin-top:1px;border:5px solid var(--paper);border-radius:50%;outline:3px solid var(--route-color);background:var(--route-color)}.current-route a span{max-width:190px;font-size:14px;line-height:1.25}.current-route a small{display:block;margin-bottom:3px;color:var(--muted);font:9px var(--mono);letter-spacing:.08em}.current-route a.active span{font-weight:600}.current-route a.active i{background:var(--paper);box-shadow:inset 0 0 0 4px var(--route-color)}.current-route a:hover span,.current-route a:focus-visible span{text-decoration:underline}
main{min-width:0;padding:76px 0 120px}.route{font:11px var(--mono);letter-spacing:.1em;margin:0 0 26px}.blue{color:var(--blue)}.red{color:var(--red)}.orange{color:var(--orange)}.green{color:var(--blue)}.violet{color:var(--violet)}.writing{color:var(--violet)}h1{font:400 clamp(58px,7vw,112px)/.85 var(--serif);letter-spacing:-.055em;max-width:820px;margin:0}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px;margin:43px 0 75px}main section{max-width:650px;padding:26px 0;border-top:1px solid var(--ink)}main section h2{font:400 33px/1 var(--serif);margin:0 0 16px}ul{padding:0;list-style:none}li{padding:9px 0;border-top:1px solid var(--rule)}li:before{content:'— ';color:var(--orange)}.cta{display:inline-block;margin-top:45px;padding:13px 15px;background:var(--ink);color:#fff;text-decoration:none;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
main{min-width:0;padding:76px 0 120px}.route{font:11px var(--mono);letter-spacing:.1em;margin:0 0 26px}.blue{color:var(--blue)}.red{color:var(--red)}.orange{color:var(--orange)}.green{color:var(--blue)}.violet{color:var(--violet)}.writing{color:var(--violet)}h1{font:400 clamp(58px,7vw,112px)/.85 var(--serif);letter-spacing:-.055em;max-width:820px;margin:0}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px;margin:43px 0 75px}main section{max-width:650px;padding:26px 0;border-top:1px solid var(--ink)}main section h2{font:400 33px/1 var(--serif);margin:0 0 16px}ul{padding:0;list-style:none}li{padding:9px 0;border-top:1px solid var(--rule)}li:before{content:'— ';color:var(--orange)}.cta{display:inline-block;margin-top:45px;padding:13px 15px;background:var(--ink);color:#fff;text-decoration:none;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}.tram-route{max-width:860px;overflow-x:auto;padding:30px 0 40px}.tram-kicker{margin:0 0 5px;color:var(--tram);font:500 10px var(--mono);letter-spacing:.1em}.tram-route>h2{margin-bottom:32px}.tram-stops{position:relative;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));min-width:700px}.tram-stops:before{content:"";position:absolute;left:9px;right:calc(25% - 9px);top:9px;height:4px;border-radius:3px;background:var(--tram);opacity:.82}.tram-stops a{position:relative;z-index:1;display:block;padding-right:22px;color:var(--ink);text-decoration:none}.tram-stops i{display:block;width:18px;height:18px;margin-bottom:13px;border:4px solid var(--paper);border-radius:50%;outline:2px solid var(--tram);background:var(--tram)}.tram-stops span{display:block;max-width:145px;font-size:14px;line-height:1.25}.tram-stops small{display:block;margin-bottom:4px;color:var(--muted);font:9px var(--mono);letter-spacing:.08em}.tram-stops a:hover span,.tram-stops a:focus-visible span{text-decoration:underline}
@media(max-width:780px){header{padding:17px 22px}.network-reference{height:190px;padding:8px 14px}.network-reference svg{width:100%;height:170px;margin:0}.network-title{top:13px;left:22px}.network-title b{font-size:22px}.page-layout{grid-template-columns:1fr;gap:0;padding:0 22px}.current-route{position:relative;top:auto;padding:48px 0 0}.current-route nav{display:flex;gap:24px;overflow-x:auto;padding:3px 3px 18px}.current-route nav:before{left:11px;right:11px;top:12px;bottom:auto;width:auto;height:7px}.current-route a{min-width:150px;min-height:0;gap:13px}.current-route a span{font-size:13px}main{padding-top:52px}.lead{font-size:18px}header span{display:none}}
@media(max-width:480px){.network-reference text{font-size:16px}.network-reference .services-label{display:none}.network-title{background:var(--paper);padding-right:8px}.network-reference svg{width:150%;transform:scale(.67);transform-origin:left top}h1{font-size:58px}}
.tram-stops{padding:3px 14px 0}.tram-stops:before{left:23px;right:calc(25% - 2px);top:10px}
main section.map-type{max-width:860px;padding:40px 0 54px}.map-type>p{max-width:650px;color:var(--muted)}.map-gallery{display:grid;gap:24px;margin-top:30px}.map-card{margin:0;border:1px solid var(--rule);background:#fff}.map-card a{display:block;color:inherit}.map-card a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.map-card img{display:block;width:100%;height:auto;background:#fff}.map-card figcaption{padding:12px 14px;color:var(--muted);font:13px/1.4 var(--sans);border-top:1px solid var(--rule)}.map-card a:hover img{opacity:.94}
.network-reference a.current .network-stop{stroke:var(--paper);stroke-width:5;filter:drop-shadow(0 0 3px var(--paper)) drop-shadow(0 0 8px var(--ink))}.network-reference a.current text{font-weight:600}.current-route a.active i{background:var(--paper);box-shadow:inset 0 0 0 4px var(--route-color),0 0 0 5px var(--paper),0 0 0 8px var(--route-color),0 0 18px 7px color-mix(in srgb,var(--route-color) 35%,transparent)}
main section.tram-intro{max-width:860px;padding:30px 0 18px}.tram-intro>h2{margin-bottom:0}.tram-nav-shell{position:sticky;z-index:12;top:0;width:min(860px,100%);overflow-x:auto;padding:12px 0 18px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:rgba(251,250,246,.96);backdrop-filter:blur(8px)}.tram-stops a.active span{color:var(--tram);font-weight:600}.tram-stops a.active i{background:var(--paper);box-shadow:inset 0 0 0 3px var(--tram),0 0 0 5px var(--paper),0 0 0 8px var(--tram),0 0 18px 7px rgba(182,100,95,.34)}main section.map-type{scroll-margin-top:100px}