:root{--navy:#0a2536;--navy2:#102f43;--cream:#f6f1e8;--paper:#fffdf8;--gold:#c89b4b;--ink:#15212a;--muted:#66747d;--line:#dfe4e5;--green:#21765b;--shadow:0 14px 40px rgba(3,25,39,.13)}*{box-sizing:border-box}html,body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{padding-bottom:84px}.topbar{height:68px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(10,37,54,.96);backdrop-filter:blur(15px);color:#fff}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left}.brand .flag{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-size:13px}.brand strong{display:block;letter-spacing:.12em;font-size:14px}.brand small{display:block;opacity:.7;font-size:9px;letter-spacing:.12em;margin-top:2px}.gps-button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;padding:9px 12px;border-radius:999px;font-weight:650;display:flex;align-items:center;gap:7px}.gps-dot{width:8px;height:8px;border-radius:50%;background:#c9d0d3}.gps-button.live .gps-dot{background:#55d99b;box-shadow:0 0 0 4px rgba(85,217,155,.14)}main{max-width:680px;margin:0 auto}.view{display:block}.js .view{display:none}.js .view.active{display:block}.route-strip{display:flex;gap:10px;padding:14px 14px 8px;align-items:center}.route-strip select{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:11px 10px;font-weight:650;color:var(--navy)}.direction-toggle{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.direction-toggle button{border:0;background:transparent;padding:11px 9px;font-size:12px;color:var(--muted)}.direction-toggle button.active{background:var(--navy);color:#fff}.hero-card{margin:6px 14px 14px;background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.hero-image{height:310px;background:linear-gradient(135deg,#17394d,#7d9cac);background-size:cover;background-position:center;position:relative}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,24,36,.62) 0%,transparent 55%)}.hero-badge{position:absolute;left:16px;top:16px;z-index:2;background:rgba(8,31,45,.87);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:8px 11px;font-weight:800;font-size:11px;letter-spacing:.08em}.hero-distance{position:absolute;right:16px;top:16px;z-index:2;background:rgba(255,255,255,.92);color:var(--navy);border-radius:999px;padding:8px 11px;font-weight:800;font-size:11px}.hero-title-wrap{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff}.hero-title-wrap .eyebrow{color:#e7c88f}.hero-title-wrap h1{font-family:Georgia,serif;font-size:34px;line-height:1.01;margin:5px 0 3px}.hero-title-wrap p{margin:0;font-weight:650;opacity:.92}.photo-credit{font-size:10px;color:#7b878e;margin:0 0 9px;text-align:right;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hero-body{padding:18px}.hero-body p{font-family:Georgia,serif;font-size:17px;line-height:1.48;margin:0 0 14px;color:#2d3a42}.fact-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.fact-chip{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--muted);background:#fff}.next-panel,.status-card{margin:0 14px 14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center}.next-panel h3{margin:4px 0 2px;font-family:Georgia,serif;font-size:20px}.next-panel p{margin:0;color:var(--muted);font-size:13px}.circle-btn{width:42px;height:42px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:20px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:850;color:var(--gold)}.status-card{display:block}.status-card strong{display:block;margin-top:4px}.status-card p{font-size:13px;line-height:1.4;color:var(--muted);margin:8px 0 0}.status-card.live{border-color:#a9d6c5;background:#f4fbf8}#mapView{position:relative}#map{background:#dfe9ec;position:relative;overflow:visible;padding-bottom:10px}.map-sheet{position:static;margin:10px 14px 14px;background:rgba(255,253,248,.98);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}.map-sheet strong{display:block}.map-sheet span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.browse-head{padding:24px 16px 12px}.browse-head h1{font-family:Georgia,serif;margin:3px 0 16px;font-size:32px}.browse-head input{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:12px 14px;font-size:16px}.landmark-list{padding:0 14px}.landmark-item{display:grid;grid-template-columns:82px 1fr auto;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:9px;border-radius:14px;margin-bottom:9px}.landmark-thumb{width:82px;height:70px;border-radius:9px;background:linear-gradient(135deg,#17394d,#8ba4b1);background-size:cover;background-position:center}.landmark-item h3{font-family:Georgia,serif;margin:0 0 3px;font-size:17px}.landmark-item p{margin:0;color:var(--muted);font-size:12px}.landmark-item button{border:0;background:transparent;color:var(--navy);font-size:19px;padding:12px}.bottom-nav{position:fixed;z-index:1200;left:0;right:0;bottom:0;height:72px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,253,248,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:space-around}.bottom-nav button{width:25%;border:0;background:transparent;color:#7b878e;font-size:11px;font-weight:700}.bottom-nav span{font-size:20px;display:block;margin-bottom:3px}.bottom-nav button.active{color:var(--navy)}.modal{display:none;position:fixed;inset:0;z-index:2000}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,18,28,.55)}.modal-card{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow:auto;background:var(--paper);border-radius:22px 22px 0 0;padding:0 0 calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.18)}.close-btn{position:sticky;float:right;top:12px;margin:12px 12px 0 0;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:24px}.modal-photo{height:260px;background:linear-gradient(135deg,#17394d,#8ba4b1);background-size:cover;background-position:center}.modal-copy{padding:20px}.modal-copy h2{font-family:Georgia,serif;font-size:29px;margin:5px 0 5px}.modal-copy .subtitle{color:var(--muted);margin:0 0 16px}.modal-copy p{font-family:Georgia,serif;line-height:1.55}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:16px}.detail-grid div{padding:12px 0;border-bottom:1px solid var(--line)}.detail-grid div:nth-child(odd){padding-right:10px}.detail-grid strong{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.detail-grid span{font-size:14px;font-weight:650}.offline-map{width:100%;height:auto;aspect-ratio:100/128;display:block;background:#eef2f1;max-height:66vh}.river-line{fill:none;stroke:#70aec7;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.river-core{fill:none;stroke:#c2e0ea;stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round}.route-line{fill:none;stroke:#16394d;stroke-width:2.1;stroke-dasharray:5 3;opacity:.95}.context-river{fill:none;stroke:#91a6ad;stroke-width:5.5;opacity:.22;stroke-linecap:round;stroke-linejoin:round}.map-pin{cursor:pointer}.map-pin circle{fill:#d7a93d;stroke:#fff;stroke-width:1.1}.map-pin .pin-num{font-size:3.1px;text-anchor:middle;dominant-baseline:middle;fill:#17394d;font-weight:900}.user-dot{fill:#16805f;stroke:#fff;stroke-width:1.5}.user-accuracy{fill:#16805f;opacity:.11;stroke:#16805f;stroke-width:.35}.map-bg-label{font-size:2.8px;fill:#6f8188;letter-spacing:.08em}.water-label{fill:#4f91aa;font-size:2.45px;font-weight:800;letter-spacing:.05em}.map-ref circle{fill:#6f8188}.map-ref text{fill:#52666e;font-size:2.15px;font-weight:700}.map-legend{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;background:#fffdf8;border-top:1px solid rgba(23,57,77,.12);padding:12px 14px 14px;max-height:220px;overflow:auto}.map-key{display:flex;align-items:center;gap:6px;font-size:10.5px;line-height:1.15;color:#263e49}.map-key b{display:grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:#d7a93d;color:#17394d;font-size:10px}.map-key.active{font-weight:800}.map-key.active b{outline:2px solid #17394d}.prev-btn{margin-right:6px;background:#fff;color:var(--navy);border:1px solid var(--line)}.next-actions{display:flex;align-items:center}.chicago-view{padding:20px 14px 110px}.chicago-head{padding:4px 2px 16px}.chicago-head h1{font-family:Georgia,serif;font-size:32px;margin:4px 0 6px}.chicago-head p{color:var(--muted);margin:0;line-height:1.45}.story-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:12px;box-shadow:0 5px 18px rgba(20,43,54,.04)}.story-card h2{font-family:Georgia,serif;font-size:23px;margin:2px 0 10px}.story-card h3{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:15px 0 6px}.story-card p{line-height:1.5;margin:7px 0}.story-card ul{margin:7px 0 0;padding-left:20px}.story-card li{margin:7px 0;line-height:1.4}.flag-wrap{overflow:hidden;padding:0}.flag-title{padding:17px 17px 6px}.chicago-flag{position:relative;height:150px;background:#fff;margin:8px 17px 12px;border:1px solid #d8d8d8;box-shadow:0 4px 12px rgba(0,0,0,.05)}.flag-stripe{position:absolute;left:0;right:0;height:23px;background:#6cc3e6}.flag-stripe.top{top:28px}.flag-stripe.bottom{bottom:28px}.flag-stars{position:absolute;left:0;right:0;top:55px;height:40px;display:flex;align-items:center;justify-content:center;gap:12px;color:#e02630;font-size:30px;font-weight:900;line-height:1}.flag-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 17px 17px}.flag-item{background:#f5f7f6;border-radius:11px;padding:10px}.flag-item strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--navy);margin-bottom:3px}.flag-item span{font-size:12px;color:#52666e;line-height:1.35}.story-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#b17a13;text-transform:uppercase;letter-spacing:.08em}.takeaway{border-left:4px solid #d7a93d;padding-left:13px}.more-btn{display:block;width:100%;margin-top:14px;border:1px solid var(--line);background:#f7f5ef;color:var(--navy);border-radius:11px;padding:11px 12px;font-weight:800;text-align:left}.more-btn span{float:right;font-size:18px}.things-box{background:#f5f7f6;border-radius:13px;padding:13px 14px;margin:16px 0}.things-box h3,.fun-box h3{margin:0 0 8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.things-box ul{margin:0;padding-left:19px}.things-box li{margin:6px 0;line-height:1.4;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.fun-box{border-left:4px solid #d7a93d;padding:10px 13px;background:#fff9ea;border-radius:0 10px 10px 0;margin:14px 0}.fun-box p{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}
/* v2 hosted layout: keep Cruise controls within first viewport */
:root{--topbar-h:60px;--bottomnav-h:66px}body{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}.topbar{height:var(--topbar-h)}.bottom-nav{height:var(--bottomnav-h)}#cruiseView{min-height:calc(100dvh - var(--topbar-h) - var(--bottomnav-h));padding-bottom:4px}.route-strip{padding:8px 12px 5px;gap:8px}.route-strip select,.direction-toggle button{padding-top:9px;padding-bottom:9px}.hero-card{margin:4px 12px 8px;border-radius:17px}.hero-image{height:clamp(190px,31dvh,270px)}.hero-body{padding:12px 15px}.hero-body>p{font-size:15px;line-height:1.35;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fact-row{gap:5px}.fact-chip{padding:5px 8px;font-size:11px}.more-btn{margin-top:9px;padding:8px 10px}.next-panel{margin:0 12px 8px;padding:10px 13px;min-height:58px}.next-panel h3{font-size:18px;margin:2px 0 1px}.circle-btn{width:38px;height:38px}.status-card{margin:0 12px 8px;padding:10px 13px}.status-card p{margin-top:5px}.local-note{display:none}@media(max-width:430px) and (max-height:800px){:root{--topbar-h:56px}.hero-image{height:clamp(165px,27dvh,220px)}.hero-title-wrap h1{font-size:27px}.hero-body>p{-webkit-line-clamp:2}.fact-row{display:none}.more-btn{margin-top:4px}.route-strip{padding-top:5px}}@media(max-width:420px){.hero-title-wrap h1{font-size:30px}.route-strip{flex-wrap:wrap}.route-strip select{flex-basis:100%}.direction-toggle{width:100%}.direction-toggle button{flex:1}.map-legend{grid-template-columns:1fr;max-height:240px}.offline-map{max-height:none}}@media(max-width:390px){.bottom-nav button{font-size:10px}.bottom-nav span{font-size:18px}.flag-grid{grid-template-columns:1fr}.chicago-flag{height:130px}.flag-stars{font-size:26px;gap:9px;top:47px}.flag-stripe.top{top:24px}.flag-stripe.bottom{bottom:24px}}@media(min-width:700px){body{background:#dde4e6}.topbar{max-width:680px;margin:0 auto}.hero-image{height:clamp(220px,36dvh,330px)}.hero-body>p{-webkit-line-clamp:4}.bottom-nav{left:50%;transform:translateX(-50%);max-width:680px}.modal-card{max-width:680px;left:50%;transform:translateX(-50%)}}