@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f4ec;--ink:#233b33;--muted:#788075;--line:#dedfd4;--green:#214f40;--rust:#bd6245;--gold:#be8f3f;--teal:#338d86;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2c9b9d;outline-offset:4px}button{color:inherit}button:disabled{opacity:.35;cursor:default}a{color:inherit}button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5}.masthead{height:80px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:var(--paper)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:12px;letter-spacing:1.8px;font-weight:700;line-height:1.6}.brand-second{display:block;font-size:14px;letter-spacing:2.5px}.atlas-label{font-size:10px;letter-spacing:2.4px;display:flex;align-items:center;gap:12px;font-weight:600}.small-river{font-family:var(--serif);font-size:36px;color:var(--teal);line-height:1}.edition{color:#8a8f82;margin-left:8px}.text-button{background:none;border:0;font-size:12px;font-weight:500;display:flex;gap:14px;align-items:center}.text-button span{font-size:18px}.explorer{height:calc(100dvh - 80px);min-height:600px;display:grid;grid-template-columns:350px 1fr}.sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid #d5d9cc;z-index:500;background:var(--paper)}.intro{padding:29px 27px 0}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:var(--rust);border-radius:50%}h1{font-family:var(--serif);font-weight:400;letter-spacing:-1.7px;font-size:48px;line-height:1.04;margin:20px 0 16px}.dek{font-size:12px;line-height:1.75;color:#6f7769;margin:0}.river-facts{display:flex;margin-top:24px;padding:0 0 24px;border-bottom:1px solid var(--line);gap:28px}.river-facts>div+div{border-left:1px solid var(--line);padding-left:28px}.river-facts strong{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1}.river-facts strong span{font-size:17px}.river-facts small{display:block;letter-spacing:.9px;font-size:8px;color:var(--muted);margin-top:8px}.browse{padding:23px 27px 0}.browse-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.browse-heading h2{font-family:var(--serif);font-weight:400;font-size:23px;margin:0;letter-spacing:-.5px}.browse-heading>span{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.browse-heading>span span{font-size:13px;margin-left:5px}.search{display:flex;align-items:center;gap:9px;border:1px solid #dadcd0;background:#eeefe6;height:41px;border-radius:5px;padding:0 10px}.search svg{stroke:#748173;stroke-width:1.5;width:17px;height:17px;flex-shrink:0}.search input{width:100%;background:none;border:0;outline:none;font-size:11px;color:var(--ink);min-width:0}.search input::placeholder{color:#7f887a}.search kbd{color:#8f9889;font-size:11px;font-family:var(--sans);border:1px solid #d6dacc;border-radius:3px;padding:0 4px}.filters{display:flex;gap:3px;margin-top:12px;align-items:center}.filters button{border:0;background:transparent;font-size:10px;padding:7px 9px;color:#77816f;border-radius:4px;white-space:nowrap}.filters button.active{background:var(--green);color:#fff}.list-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 0 10px;font-size:9px;color:#88907e;letter-spacing:.2px}.list-caption button{padding:0;border:0;background:none;font-size:9px;text-decoration:underline}.river-log{overflow:auto;min-height:60px;padding:0 14px 18px;scrollbar-width:thin;scrollbar-color:#d6dbcb transparent;flex:1}.log-row{width:100%;border:1px solid transparent;border-bottom-color:#e5e6db;display:grid;grid-template-columns:43px 1fr auto;gap:8px;text-align:left;align-items:center;background:transparent;padding:14px 13px;position:relative;min-height:63px;border-radius:0}.log-row:hover{background:#eceee3}.log-row.active{border:1px solid #cdd8c5;background:#e8eee1;border-radius:6px}.log-row.active:before{content:'';height:25px;width:3px;background:var(--green);position:absolute;left:0;top:19px;border-radius:2px}.log-mile{color:#7e8976;font-size:15px;font-family:var(--serif);align-self:center;display:flex;gap:3px;align-items:baseline}.log-mile small{font-family:var(--sans);font-size:7px;text-transform:uppercase;color:#939c89}.log-name{display:block;font-size:11px;font-weight:600;letter-spacing:.1px}.log-type{display:block;font-size:9px;color:#839079;margin-top:4px}.grade-chip{padding:4px 6px;background:#ece4d1;color:#926b29;font-size:9px;letter-spacing:.3px;border-radius:3px;font-weight:600;min-width:28px;text-align:center}.grade-chip.iv{background:#eddfd4;color:#ab5137}.grade-chip.access{background:#dce7d4;color:#3b6246;padding:5px;display:flex;justify-content:center}.grade-chip.access svg{width:14px;height:14px}.grade-chip.landmark{color:#43857b;background:#e0ece3}.empty-list{padding:25px 14px;color:#73816b;line-height:1.8;font-size:12px}.sidebar-footer{border-top:1px solid var(--line);display:flex;gap:9px;align-items:flex-start;padding:15px 27px;color:#909783;font-size:8px;line-height:1.7}.sidebar-footer button{font-size:8px;background:none;border:0;padding:0;text-decoration:underline;color:#7d8771}.tiny-marker{border:1px solid #8a947e;width:6px;height:6px;border-radius:50%;margin-top:4px;flex-shrink:0}.map-shell{position:relative;overflow:hidden;min-width:0;background:#e7eadb}.map-shell:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:399;box-shadow:inset 0 0 80px #173b3510}#map{width:100%;height:100%;background:#e5e9d9;z-index:1}.map-heading{position:absolute;top:31px;left:32px;z-index:450;pointer-events:none}.map-heading .eyebrow{font-size:8px;letter-spacing:2.5px}.map-heading h2{font-family:var(--serif);font-size:34px;font-weight:400;letter-spacing:-.9px;margin:8px 0 12px;text-shadow:0 1px 12px #f7f4ec}.map-heading h2 span{font-size:23px;color:#67745c}.map-heading>div:last-child{font-size:8px;letter-spacing:1px;display:flex;gap:11px;align-items:center;color:#5d6d54}.heading-line{width:35px;height:1px;background:#87947b;display:inline-block;position:relative}.heading-line:after{content:'›';position:absolute;right:-1px;top:-8px;font-size:15px}.section-control{position:absolute;z-index:450;top:156px;left:32px;display:flex;background:#f7f4eced;border:1px solid #d4d9c8;border-radius:6px;box-shadow:0 3px 10px #193a3510;padding:4px;gap:3px;backdrop-filter:blur(8px)}.section-control button{background:none;border:0;padding:9px 11px;font-size:10px;border-radius:3px;color:#77846b;white-space:nowrap}.section-control button span{display:block;font-size:8px;opacity:.7;margin-top:3px}.section-control button.active{background:var(--green);color:#fff}.section-control button[data-section=all]{display:flex;align-items:center}.map-tools{position:absolute;right:24px;top:28px;z-index:450;display:flex;flex-direction:column;padding:3px;background:#f7f4eced;border:1px solid #d4d9c8;border-radius:6px;box-shadow:0 3px 10px #193a3510}.map-tools button{width:33px;height:33px;background:none;border:0;font-size:22px;font-weight:400;display:flex;align-items:center;justify-content:center;border-radius:3px}.map-tools button:hover{background:#e3e9da}.map-tools span{height:1px;background:#d8ddcf;margin:3px 5px}.base-control{position:absolute;right:24px;top:175px;z-index:450;display:flex;background:#f7f4eced;padding:3px;border:1px solid #d4d9c8;border-radius:5px;box-shadow:0 3px 10px #193a3510}.base-control button{border:0;background:none;padding:7px 9px;font-size:9px;border-radius:3px;color:#7b856e}.base-control button.active{background:var(--green);color:white}.map-legend{position:absolute;bottom:47px;right:24px;z-index:450;display:flex;flex-wrap:wrap;gap:12px;background:#f7f4ecee;backdrop-filter:blur(8px);border:1px solid #d6daca;border-radius:5px;max-width:270px;padding:12px 13px;font-size:9px;color:#6b775e;align-items:center}.map-legend>span{display:flex;align-items:center;gap:6px}.legend-route{height:2px;width:13px;background:#34897e}.legend-rapid{height:7px;width:7px;border-radius:50%;background:var(--gold)}.legend-access{height:7px;width:7px;border-radius:1px;background:var(--green)}.map-legend button{border:0;border-top:1px solid #dfe3d5;background:none;width:100%;text-align:left;font-size:9px;color:var(--green);padding:8px 0 0;margin-top:1px}.detail-card{position:absolute;z-index:460;left:32px;bottom:55px;width:345px;max-width:calc(100% - 64px);background:#f9f7f0f5;backdrop-filter:blur(14px);border:1px solid #d5daca;border-radius:8px;box-shadow:0 10px 35px #203c3020;overflow:hidden;transition:opacity .15s,transform .2s}.card-top{padding:17px 21px 0;display:flex;justify-content:space-between;align-items:center}.card-kicker{font-size:8px;letter-spacing:1.3px;font-weight:700;color:#7b846e}.detail-close{width:24px;height:24px;padding:0;border:0;background:none;font-size:20px;color:#8b9480;line-height:1}.card-main{padding:4px 21px 17px}.card-title{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:0 0 9px}.card-title h3{font-family:var(--serif);font-size:26px;font-weight:400;margin:0;letter-spacing:-.5px;line-height:1.15}.large-grade{font-family:var(--serif);font-size:23px;color:var(--rust);text-align:center;line-height:1.05;border-left:1px solid #e0dfd2;padding-left:16px;min-width:56px}.large-grade small{display:block;font-family:var(--sans);font-size:7px;letter-spacing:1px;margin-top:5px}.card-description{font-size:11px;line-height:1.75;color:#75806b;margin:11px 0 0}.card-meta{display:flex;gap:8px;align-items:center;color:#8b947e;font-size:8px;margin-top:13px}.card-meta span:first-child{background:#e9eddf;border-radius:3px;padding:4px 6px;color:#5e7858}.card-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid #e0e3d6;gap:12px}.card-bottom button{border:0;background:none;font-size:9px;display:flex;gap:6px;align-items:center;padding:5px 7px;color:#6e7c62}.card-bottom .locate-button{color:var(--green);margin-left:auto}.map-footnote{position:absolute;left:32px;bottom:25px;font-size:8px;letter-spacing:.3px;color:#5b7054;z-index:420;text-shadow:0 1px 4px #f7f4ec}.map-footnote span{color:#849078}.tile-message{position:absolute;left:50%;top:220px;transform:translateX(-50%);width:max-content;max-width:90%;padding:8px 12px;background:#f9f7f0f2;border-radius:5px;z-index:460;font-size:10px;color:#65765b}.leaflet-control-attribution{font-family:var(--sans)!important;font-size:8px!important;background:#f7f4ecbf!important;color:#6b7b60!important;max-width:100%;padding:3px 6px!important}.leaflet-control-attribution a{color:#526e54!important}.leaflet-control-scale{margin-left:32px!important;margin-bottom:9px!important}.leaflet-control-scale-line{border:1px solid #6c7b65!important;border-top:0!important;color:#5a6c50!important;background:#f7f4ec80!important;font-size:8px!important;padding:1px 5px!important}.rapid-marker{display:flex;align-items:center;justify-content:center;border:0;background:transparent!important}.marker-shape{width:15px;height:15px;background:#c49445;border:2px solid #fff7e9;border-radius:50%;box-shadow:0 1px 4px #193b3550;display:flex;align-items:center;justify-content:center;transition:transform .2s}.marker-shape.iv{width:19px;height:19px;background:var(--rust)}.rapid-marker.is-active .marker-shape{transform:scale(1.35);box-shadow:0 0 0 5px #bd624533,0 0 0 6px #f9f7f080,0 2px 6px #183c3530}.marker-shape svg{width:9px;height:9px;stroke:#fff6e9;fill:none;stroke-width:1.8}.marker-shape.access{width:22px;height:22px;background:var(--green);border-radius:5px;border-width:2px}.marker-shape.access svg{width:12px;height:12px}.marker-shape.landmark{width:14px;height:14px;background:var(--teal);border-radius:2px;transform:rotate(45deg)}.marker-shape.landmark svg{transform:rotate(-45deg)}.rapid-marker.is-active .marker-shape.landmark{transform:rotate(45deg) scale(1.35)}.river-tooltip{background:#f9f7f0ed!important;color:#385040!important;font-family:var(--sans)!important;box-shadow:0 2px 8px #173b3515!important;border:1px solid #d6decb!important;font-size:9px!important;padding:5px 8px!important;border-radius:4px!important}.river-tooltip:before{border-top-color:#f9f7f0!important}.river-tooltip b{font-size:8px;opacity:.65;margin-left:6px;font-weight:400}.mile-marker{background:none;border:0;display:flex;align-items:center;justify-content:center;opacity:.85}.mile-marker span{display:flex;justify-content:center;align-items:center;font-size:8px;font-family:var(--sans);font-weight:600;min-width:18px;height:17px;border:1px solid #7c93816b;border-radius:4px;background:#f7f4eccf;color:#4a6e5f;box-shadow:0 0 0 2px #f7f4ec50}.mile-marker.minor span{font-size:7px;min-width:14px;height:14px;opacity:.8}.mile-marker:hover{opacity:1}.mile-marker:hover span{background:var(--green);color:#fff}.mile-marker.is-active span{background:var(--green);color:white}.route-flow{stroke-dasharray:1 30;animation:flow 12s linear infinite}.map-shell.satellite .map-heading,.map-shell.satellite .map-footnote{color:#fff;text-shadow:0 1px 8px #102a22}.map-shell.satellite .map-heading h2 span,.map-shell.satellite .map-heading>div:last-child,.map-shell.satellite .map-footnote span{color:#e2e7d7}.map-shell.satellite .heading-line{background:#e3e7d9}dialog{padding:36px;max-width:610px;width:calc(100% - 32px);max-height:85dvh;border:1px solid #d2d9c6;background:#f7f4ec;color:var(--ink);border-radius:10px;box-shadow:0 20px 100px #102e3240;overflow:auto}dialog::backdrop{background:#17383070;backdrop-filter:blur(5px)}dialog h2{font-family:var(--serif);font-weight:400;font-size:34px;margin:20px 0}dialog h3{font-size:13px;font-weight:600;margin:24px 0 8px}dialog p{font-size:12px;line-height:1.8;color:#6e7a64}dialog strong{color:#4c6250;font-weight:600}.close-dialog{position:absolute;right:18px;top:15px;border:0;background:none;font-size:26px;color:#7e8b70}.source-links{list-style:none;padding:0;margin:0}.source-links li{border-bottom:1px solid #e0e4d6;padding:9px 0}.source-links a{font-size:11px;color:#35664b;text-decoration:none}.source-links a:hover{text-decoration:underline}dialog p.notes-small{font-size:9px;color:#919b83;margin-top:25px}.noscript{position:fixed;bottom:0;left:0;right:0;background:var(--paper);padding:20px;z-index:9999}.next-stop{font-size:10px;margin-top:12px;line-height:1.8;color:#5f7659}.browse-river-button{border:1px solid #ced9c5;background:#e9eddf;border-radius:4px;padding:7px 11px;color:var(--green);margin-top:13px;font-size:10px}.map-shell .leaflet-pane.leaflet-tile-pane{filter:saturate(.62)}.map-shell.satellite .leaflet-pane.leaflet-tile-pane{filter:saturate(.8)}
.log-name{font-size:12px}.log-type{font-size:10px}.card-description{font-size:12px}.card-kicker{font-size:9px}.filters button{font-size:11px}.map-shell.no-selection .detail-card{bottom:auto;top:234px}.river-cluster{display:flex;align-items:center;justify-content:center;background:#f7f4ecf0;border-radius:50%;border:1px solid #a1b5a1;box-shadow:0 0 0 4px #f7f4ec55,0 2px 8px #173b3520;color:var(--green);text-align:center;font-family:var(--sans)}.river-cluster>span{font-size:12px;line-height:1.1;font-weight:700}.river-cluster small{display:block;font-size:6px;font-weight:500;letter-spacing:.25px;margin-top:2px}.river-cluster:hover{background:var(--green);color:#fff}
@keyframes flow{to{stroke-dashoffset:-310}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1450px){.explorer{grid-template-columns:385px 1fr}.intro{padding:35px 32px 0}h1{font-size:56px}.browse{padding-left:32px;padding-right:32px}.river-log{padding-left:19px;padding-right:19px}.intro .dek{font-size:13px}.river-facts{margin-top:29px;padding-bottom:29px}.browse{padding-top:27px}.log-row{padding-top:16px;padding-bottom:16px}.log-name{font-size:12px}.map-heading{top:38px;left:40px}.map-heading h2{font-size:41px}.section-control{left:40px;top:177px}.detail-card{left:40px;bottom:64px;width:365px}.map-footnote{left:40px;bottom:31px}.map-legend{bottom:55px}}
@media(max-width:1150px) and (min-width:761px){.explorer{grid-template-columns:310px 1fr}.intro{padding-left:23px;padding-right:23px}h1{font-size:43px}.browse{padding-left:23px;padding-right:23px}.map-heading{left:23px}.map-heading h2{font-size:31px}.map-heading h2 span{font-size:20px}.section-control{left:23px;top:145px}.section-control button{padding:8px}.base-control{top:204px;right:20px}.map-tools{right:20px}.detail-card{left:23px;bottom:100px;width:320px}.map-legend{left:23px;right:auto;bottom:42px;max-width:100%;padding:9px 11px;gap:13px}.map-legend button{width:auto;border-top:0;border-left:1px solid #d8ddce;margin:0;padding:0 0 0 12px}.map-footnote{left:23px;bottom:22px}.edition{display:none}.river-facts{gap:22px}.river-facts>div+div{padding-left:22px}}
@media(max-height:800px) and (min-width:761px){.intro{padding-top:23px}h1{font-size:41px;margin-top:16px;margin-bottom:11px}.river-facts{margin-top:17px;padding-bottom:18px}.browse{padding-top:18px}.browse-heading{margin-bottom:11px}.dek{font-size:11px}.list-caption{padding-top:12px}.log-row{min-height:58px;padding-top:12px;padding-bottom:12px}.sidebar-footer{padding-top:11px;padding-bottom:11px}}
@media(max-width:760px){.masthead{height:65px;padding:0 17px;gap:10px}.brand{font-size:9px;letter-spacing:1.5px;gap:9px}.brand-second{font-size:10px;letter-spacing:2px}.brand svg{width:33px;height:33px}.atlas-label{font-size:8px;letter-spacing:1px}.small-river{display:none}.edition{display:none}.text-button{font-size:10px;gap:5px}.text-button span{font-size:15px}.explorer{height:auto;min-height:0;display:flex;flex-direction:column}.map-shell{order:0;height:calc(66dvh - 65px);min-height:420px;max-height:620px;flex-shrink:0}.sidebar{order:1;border-right:0;display:grid;grid-template-columns:1fr;min-height:0}.intro{padding:25px 22px 0}.intro .eyebrow{font-size:8px}h1{font-size:38px;letter-spacing:-1.4px;line-height:1.1;margin:12px 0 8px}h1 br{display:none}h1 br:after{content:' '}.dek{font-size:11px}.desktop-break{display:none}.river-facts{margin-top:18px;padding-bottom:21px;gap:28px}.river-facts>div+div{padding-left:28px}.river-facts strong{font-size:28px}.river-facts small{font-size:7px}.browse{padding:22px 22px 0}.browse-heading h2{font-size:25px}.browse-heading>span{font-size:8px}.search{height:44px}.search input{font-size:12px}.search kbd{display:none}.filters{margin-top:12px;gap:5px}.filters button{padding:9px 13px;font-size:11px}.list-caption{padding-top:15px;font-size:10px}.river-log{overflow:visible;padding:0 10px 10px;min-height:0}.log-row{padding:16px 13px;min-height:71px;grid-template-columns:49px 1fr auto;gap:12px}.log-name{font-size:13px}.log-type{font-size:10px}.log-mile{font-size:18px}.log-mile small{font-size:8px}.grade-chip{font-size:10px;padding:5px 8px}.sidebar-footer{padding:20px 22px;font-size:10px}.sidebar-footer button{font-size:10px}.map-heading{left:19px;top:20px}.map-heading .eyebrow{font-size:7px;letter-spacing:1.7px}.map-heading h2{font-size:30px;margin:7px 0 9px}.map-heading h2 span{font-size:19px}.map-heading>div:last-child{font-size:7px;gap:8px}.section-control{top:118px;left:17px;padding:3px;gap:1px;max-width:calc(100% - 78px)}.section-control button{font-size:9px;padding:7px 9px}.section-control button span{font-size:7px;margin-top:2px}.map-tools{right:15px;top:20px;padding:2px}.map-tools button{width:29px;height:30px;font-size:21px}.map-tools svg{width:17px;height:17px}.base-control{top:172px;left:17px;right:auto}.base-control button{padding:7px 10px;font-size:9px}.map-legend{bottom:27px;left:auto;right:15px;max-width:138px;gap:8px;padding:9px;font-size:8px}.map-legend>span:first-child{display:none}.map-legend button{font-size:8px;padding-top:7px}.detail-card{left:15px;bottom:30px;width:calc(100% - 30px);max-width:none;border-radius:7px}.card-top{padding:12px 16px 0}.card-kicker{font-size:7px}.card-main{padding:1px 16px 12px}.card-title h3{font-size:24px}.large-grade{font-size:21px;padding-left:13px}.large-grade small{font-size:6px;margin-top:3px}.card-description{font-size:10px;line-height:1.65;margin-top:7px}.card-meta{font-size:7px;margin-top:9px}.card-bottom{padding:7px 10px}.card-bottom button{font-size:9px;padding:5px 6px;min-height:26px}.map-shell.has-selection .map-legend{display:none}.map-footnote{bottom:13px;left:17px;font-size:7px}.leaflet-control-attribution{font-size:6px!important}.leaflet-control-scale{margin-left:17px!important;margin-bottom:26px!important}.map-shell.has-selection .leaflet-control-scale{display:none}.tile-message{top:211px;font-size:9px;padding:7px 9px}.river-tooltip{font-size:8px!important;padding:4px 6px!important}.river-tooltip b{font-size:7px}dialog{padding:30px 23px}dialog h2{font-size:29px}dialog p{font-size:11px}.source-links a{font-size:10px}dialog .eyebrow{font-size:7px}.map-shell.no-selection .detail-card{display:none}}
@media(max-width:760px){.card-description{font-size:11px}.map-shell.no-selection .detail-card{top:auto}h1{font-size:34px}}
@media(max-width:380px){.atlas-label{display:none}.section-control button{padding:7px 8px}.map-heading h2{font-size:28px}.map-heading h2 span{font-size:17px}.filters button{padding:8px 11px}.map-shell{min-height:415px}.detail-card .card-description{font-size:10px}h1{font-size:34px}}

/* Keep the western river bends visible beneath the opening card. */
@media(min-width:761px){.map-shell.no-selection .detail-card{top:auto;bottom:55px}}

/* A quiet map first; the river log and supporting information open on request. */
html,body{height:auto;min-height:0;overflow:visible;background:#0d2023}
.masthead{height:auto;min-height:70px}
.masthead .text-button{display:none}
.explorer{display:block;height:auto;min-height:0;max-width:1600px;margin:0 auto}
.map-shell{display:block;position:relative;height:auto;min-height:0;max-height:none;overflow:hidden;isolation:isolate;background:#10282b}
.map-shell:after{display:none}
.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-bottom:1px solid #2d4748;background:#10282b}
.map-shell .base-control,.map-shell .map-tools{position:static;inset:auto;display:flex;transform:none;box-shadow:none;backdrop-filter:none}
.map-shell .base-control{padding:3px;flex-shrink:0}
.map-shell .base-control button{font-size:11px;min-height:35px;padding:8px 13px}
.map-shell .map-tools{flex-direction:row;padding:3px}
.map-shell .map-tools button{height:35px;width:35px;border:0}
.map-canvas{position:relative;min-width:0;height:560px;overflow:hidden;background:#234342}
.map-shell #map{position:absolute;inset:0;width:100%;height:100%}
.map-footer{padding:15px 20px 13px;background:#10282b;border-top:1px solid #2d4748}
.map-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#e5e8d8}
.map-caption p{font-size:11px;line-height:1.6;margin:0;letter-spacing:.02em}
.map-caption p>span:first-child{color:#84d8be;margin:0 8px}
.map-distance{color:#a5baae}
.map-standalone{font-size:10px;white-space:nowrap;color:#b7dec9;text-decoration:none}
html:not(.is-embedded) .map-standalone{display:none}
.map-hint{font-size:11px;line-height:1.6;margin:5px 0 13px;color:#a9beb2}
.map-footer details{border-top:1px solid #34504d}
.map-footer summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:13px 0;color:#e9eadc;font-size:13px;line-height:1.5;list-style:none}
.map-footer summary::-webkit-details-marker{display:none}
.map-footer summary:after{content:'+';font:400 23px/1 Georgia,serif;color:#a0d9c1;flex:0 0 auto}
.map-footer details[open]>summary:after{content:'−'}
.map-footer .disclosure-label{margin-left:auto;font-size:10px;color:#a5bbae}
.map-information{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:35px;padding:8px 0 24px}
.map-information h3{margin:0 0 16px;font:400 28px/1.1 var(--serif);color:#eeeadd}
.map-information .search{margin:0 0 10px}
.map-information .filters{display:flex;flex-wrap:wrap;gap:3px}
.map-information .river-log{height:auto;max-height:340px;overflow-y:auto;margin:0;padding:0 5px 0 0}
.map-information .log-row{min-height:72px}
.map-shell .map-legend,.map-shell.has-selection .map-legend{position:static;inset:auto;display:flex;flex-wrap:wrap;gap:12px 16px;max-width:none;padding:0;margin:0 0 16px;border:0;background:none;box-shadow:none;transform:none;font-size:10px;color:#c6d8c8}
.map-information-notes p{font-size:12px;line-height:1.8;color:#b5c9b9;margin:16px 0}
#mile-toggle{min-height:37px;padding:7px 12px;background:#173b39;border:1px solid #47665a;border-radius:4px;color:#c8e5d1;font:inherit;font-size:11px}
.map-note-link{display:block;border:0;background:none;padding:7px 0;text-align:left;color:#a8dfc1;font-size:11px;cursor:pointer}
.external-scale{margin-top:19px}
.external-scale .leaflet-control-scale{float:none;margin:0!important;display:flex!important;gap:8px}
.external-scale .leaflet-control-scale-line{background:none!important}
.map-shell .detail-card{position:static;inset:auto;display:block;width:100%;max-width:none;max-height:none;transform:none;margin:0 0 17px;border-radius:5px;box-shadow:none;backdrop-filter:none}
.selected-place-details .card-top{padding-top:11px}
.selected-place-details .card-main{padding-top:8px}
.selected-place-details .card-description{display:block;font-size:13px;line-height:1.8}
.selected-place-details .card-title h3{font-size:31px}
.selected-place-details .card-meta{display:flex}
.map-shell .tile-message{position:static;transform:none;max-width:none;width:auto;margin:8px 0;padding:10px;font-size:11px}
.external-attribution{padding-top:8px;color:#91aa9c;min-width:0}
.external-attribution .leaflet-control-attribution{float:none;margin:0!important;padding:0!important;background:none!important;font-size:8px!important;line-height:1.6}
.is-embedded .masthead{display:none}.is-embedded .explorer{max-width:none;margin:0}
[hidden]{display:none!important}
@media(max-width:760px){.map-toolbar{padding:10px 12px;gap:7px}.map-shell .base-control button{font-size:10px;padding:8px 10px}.map-shell .map-tools button{width:29px;height:35px}.map-canvas{height:420px}.map-footer{padding:13px 15px}.map-caption{align-items:flex-start;gap:10px}.map-caption p{font-size:10px}.map-distance{display:block}.map-caption p>span:first-child{margin:0 5px}.map-standalone{font-size:9px}.map-hint{font-size:10px}.map-footer summary{font-size:12px}.map-footer .disclosure-label{font-size:9px;max-width:100px;text-align:right}.map-information{grid-template-columns:minmax(0,1fr);gap:25px}.map-information h3{font-size:27px}.map-information .river-log{max-height:300px}.selected-place-details .card-title h3{font-size:28px}.selected-place-details .card-description{font-size:12px}.masthead .atlas-label{display:none}.masthead{justify-content:center;padding:15px}}

/* Landscape map viewport inside the San Juan story card. */
html.is-embedded .map-canvas{width:100%;height:auto;aspect-ratio:16/9;min-height:0;max-height:440px}

/* The article keeps a compact map; the full atlas includes the place browser. */
html.is-embedded #river-more-info{display:none}

/* Give the embedded map more height on phones without enlarging its header. */
@media(max-width:760px){html.is-embedded .map-canvas{aspect-ratio:4/3;max-height:none}}