/* Float ETA: a visual refresh of the original dashboard, without rearranging its workflow. */
:root{--bg:#f2f1e9;--bg-card:#fffef9;--bg-card-2:#edf0e7;--border:#d4dbce;--text:#253e33;--text-dim:#607065;--accent:#287354;--accent-dark:#236346;--amber:#97601b;--red:#b54134;--blue:#347aa6;--radius:12px}
.preview-note{display:flex;justify-content:center;gap:15px;padding:9px 20px;background:#e7eadf;color:#4a6152;font-size:10px;font-weight:700;letter-spacing:1.3px}.preview-note span{letter-spacing:.1px;font-weight:400}
.hero{background:radial-gradient(ellipse at 80% 0%,#294d3b 0%,transparent 65%),#132d22;color:#f5f5ea;padding-bottom:36px}
.nav{padding-top:23px;padding-bottom:23px;border-bottom:1px solid #365443}.brand{font-size:1.5rem;letter-spacing:-.04em}.hero .brand span{color:#83d0a7}.nav-links a,.nav-drop summary{color:#c6d7cc}.nav-links a:hover{color:#fff}.nav-drop-menu{background:#1b3729;border-color:#44614d}.nav-drop-menu a:hover{background:#2a4937}
.hero-content{max-width:1100px;padding:33px 20px 0;text-align:left;position:relative;margin:auto}.hero h1{font-size:clamp(2rem,3.4vw,2.8rem);max-width:730px;letter-spacing:-.04em;line-height:1.15;font-weight:700}.hero h1 em{color:#90d2ad;font-style:normal}.hero-sub{margin:15px 0 0;max-width:660px;font-size:.95rem;line-height:1.65;color:#bed0c3}.coming-soon-pill{margin-top:18px;padding:0;border:0;background:none;color:#a9c6b3;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.hero-stats{position:absolute;right:20px;top:34px;display:grid;gap:13px;margin:0;padding-left:32px;border-left:1px solid #45614e}.hero-stat{flex-direction:row;align-items:baseline;gap:10px}.hs-num{font-size:1.4rem;color:#91d6b0;min-width:67px}.hs-label{font-size:.63rem;letter-spacing:.04em;text-transform:none}.hero-wave{display:none}
main{max-width:1160px;padding:0 28px}.section{padding:35px 0 23px}.section-kicker{font-size:.65rem;color:#69816e;letter-spacing:.15em;font-weight:700;margin-bottom:6px}.section-head h2{font-size:1.75rem;font-weight:600;letter-spacing:-.025em}.section-head p{max-width:760px;font-size:.88rem}.controls{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px;gap:13px;margin:20px 0 22px;box-shadow:0 3px 15px #183b2210}.control{min-width:150px}.controls .control:nth-child(2){flex:1.5}.control label{font-size:.65rem;letter-spacing:.055em}.controls .control-check{flex:.9}.check-label{padding:10px 9px;border:0;background:#edf1e7;min-height:47px}.check-label .optional{font-size:.66rem}.control .check-label{font-size:.7rem;text-transform:none;letter-spacing:0}.control input,.control select{color-scheme:light;background:#f7f8f1;font-size:.85rem;padding:11px 10px;border-color:#d5ddcf;border-radius:7px}textarea{color-scheme:light}.dash-grid{grid-template-columns:1.15fr 1.2fr .8fr 1fr;gap:13px}.dash-card{background:#193a2b;border:1px solid #365640;color:#eef4e9;padding:20px 18px;box-shadow:0 7px 18px #17332414;min-width:0}.flow-card{background:#143526}.dash-label{color:#b2c8b7;font-size:.65rem;letter-spacing:.11em;display:flex;align-items:center;justify-content:space-between}.data-tag{font-size:.55rem;letter-spacing:.1em;padding:2px 5px;border:1px solid #536e59;border-radius:4px;color:#c5dacb}.dash-big{font-size:2rem;font-weight:700;color:#f2f6e9}.dash-big .unit{color:#b7cfbe;font-size:.8rem}.dash-sub{color:#c0d2c5;font-size:.76rem;line-height:1.6}.dash-foot{color:#a9c1b1;font-size:.65rem;line-height:1.5}.temp-row{gap:18px;margin-top:14px}.temp-num{font-size:1.06rem}.temp-label{font-size:.59rem;color:#b2cab9}.condition-badge{font-size:1rem;border-radius:6px;padding:3px 10px;margin-bottom:4px}.cond-mellow,.cond-prime{background:#315b41;color:#b5edc5}.cond-low{color:#f4ca83;background:#4d472d}.cond-high{color:#b5d9f0;background:#294c52}.cond-danger{color:#ffc0b4;background:#5b3830}.pack-wear{font-size:.76rem;line-height:1.6}.sparkline{height:50px;margin-top:10px}.daylight-card .dash-big{font-size:1.75rem;line-height:1.2}.routes-heading{margin:29px 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.routes-heading h3{font-size:1.2rem;font-weight:600}.routes-heading span{font-size:.75rem;color:var(--text-dim)}.river-blurb{font-size:.8rem;font-style:normal;margin:6px 0 14px}.section-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.float-card{background:var(--bg-card);border-color:#d0dacb;padding:22px;gap:9px;position:relative;border-top:3px solid #64876c;box-shadow:0 4px 10px #21402b06}.fc-route{font-size:1.05rem}.fc-meta{font-size:.75rem}.fc-meta .diff{color:#846026}.fc-time{font-size:2.1rem;color:#276148;margin-top:6px;font-weight:600}.fc-time .fc-time-label{font-size:.6rem;font-weight:500;letter-spacing:.09em}.fc-speed,.fc-notes,.fc-launch{font-size:.75rem}.fc-notes{color:#66786a}.fc-launch.ok{color:#2e6b4b}.fc-launch.tight{color:#946015}.fc-launch.no{color:#a43c30}.fc-eta{background:#edf2e7}.fine-print{color:#657869;font-size:.7rem}.report-form,.report-card,.how-card,.faq-item,.home-river-grid li,.coming-soon-card{background:#fffef9}.report-form input,.report-form select,.report-form textarea{color-scheme:light}.report-form{box-shadow:none}.btn-primary{background:#285f43}.how-grid{gap:14px}.how-num{background:#e7efdf}.footer{background:#173326;border-color:#173326;color:#ecf0e6;margin-top:38px}.footer .brand span,.footer a{color:#b1d5bb}.footer p,.footer-links a{color:#c2d1c3}.reports-empty,.fine-print,.reports-expiry-note{color:#657368}.live-dot{animation:none}.coming-soon-label{color:#397151}.state-chip.live{color:#33734f;background:#e9f0e2}
@media(min-width:1000px){.hero h1,.hero-sub{max-width:720px;padding-right:20px}.hero-content{padding-right:245px}}
@media(max-width:1000px){.hero-stats{position:static;display:flex;gap:24px;margin-top:23px;border:0;padding:0}.hero-stat{display:flex;gap:8px}.hs-num{min-width:0}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls .control{min-width:180px}.controls .control-check{min-width:180px}.hero-content{padding-top:25px}}
@media(max-width:600px){.preview-note{font-size:9px;flex-wrap:wrap;gap:3px;padding:7px 12px}.nav{padding:18px 20px}.hero{padding-bottom:25px}.hero h1{font-size:2rem}.hero-stats{flex-wrap:wrap;gap:12px 18px}.hero-stat{flex-direction:column;gap:0}.hs-label{font-size:.62rem}.hero-sub{font-size:.85rem}.coming-soon-pill{font-size:.62rem}main{padding:0 16px}.controls{padding:14px;gap:12px}.controls .control{min-width:calc(50% - 12px)}.controls .control:nth-child(2){flex:1;min-width:100%}.controls .control-check{min-width:100%}.dash-grid{grid-template-columns:1fr}.dash-card{padding:20px}.section-cards{grid-template-columns:1fr}.section{padding-top:26px}.routes-heading span{display:none}.report-form{padding:20px}.nav-links{gap:12px;font-size:.8rem}.nav-links a{font-size:.78rem}.nav-drop summary{font-size:.78rem}.section-head h2{font-size:1.55rem}.check-label{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The first concept's wave mark and editorial typography. */
:root { --font-body: Arial, Helvetica, sans-serif; --font-display: Georgia, 'Times New Roman', serif; }
.brand { display:inline-flex; align-items:center; gap:7px; font-family:Arial,Helvetica,sans-serif; font-size:1.5rem; font-weight:700; letter-spacing:-.04em; }
.brand span { margin-left:-2px; }
.brand-wave { width:32px; height:32px; flex:none; margin-right:3px; }
.hero h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(2.3rem,3.7vw,3.15rem); letter-spacing:-.035em; }
.hero h1 em { font-style:italic; font-weight:400; }
.section-head h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:2rem; }
.routes-heading h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:1.45rem; }
.dash-big,.hs-num,.temp-num,.condition-badge { font-family:Arial,Helvetica,sans-serif; }
.fc-time { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.fc-time .fc-time-label { font-family:Arial,Helvetica,sans-serif; }
.fc-eta-time { font-family:Arial,Helvetica,sans-serif; }
@media(max-width:600px) { .hero h1 { font-size:2.25rem; } .section-head h2 { font-size:1.8rem; } }

[hidden] { display:none !important; }
.location-prompt { padding:30px; border:1px dashed #bac8b7; border-radius:12px; background:#e9eee2; text-align:center; margin-bottom:8px; }
.location-prompt h3 { font:400 1.5rem Georgia,serif; color:#294c37; margin-bottom:7px; }
.location-prompt p { font-size:.85rem; color:#5f7463; }
.controls select:disabled,.controls input:disabled { opacity:.55; cursor:not-allowed; }

.compact-rivers { border-top:1px solid var(--border); margin-top:20px; }
.explore-prompt,.popular-heading { display:flex; align-items:center; justify-content:space-between; gap:22px; }
.explore-prompt h2,.popular-heading h2 { font:400 1.6rem Georgia,serif; }
.explore-prompt p { font-size:.85rem; color:var(--text-dim); margin-top:6px; }
.popular-heading a { font-size:.85rem; white-space:nowrap; }
.compact-rivers .home-river-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.compact-rivers .home-river-grid li { padding:16px; }
.compact-rivers .home-river-grid a { font-size:1rem; font-weight:400; }
.compact-rivers .home-river-grid span { font-size:.73rem; }
.directory-controls { display:grid; grid-template-columns:1fr 2fr; gap:16px; margin:24px 0; }
.directory-meta { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:22px 0 40px; font-size:.85rem; }
@media(max-width:850px){.compact-rivers .home-river-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.explore-prompt,.popular-heading{align-items:flex-start;flex-direction:column;gap:12px}.compact-rivers .home-river-grid {grid-template-columns:1fr}.directory-controls{grid-template-columns:1fr}}

#timeZoneNote{font-size:.65rem;color:var(--text-dim);line-height:1.4}.fc-eta{flex-wrap:wrap}.brand svg{width:32px;height:32px;flex:none}.hero-legal .hero-content{padding-right:20px}.hero-legal h1{max-width:none}

.hero .hs-label{color:#bfd0c4}.hero-stat .hs-num{white-space:nowrap}.uvIndex{font-variant-numeric:tabular-nums}

/* Focused refinements: clearer small type and a calmer planner/report layout. */
:root{--text-dim:#4f6256}
.hero .hs-label{color:#d2ded5}.coming-soon-pill{color:#c3d4c8}
.dash-label{color:#d1ddd4}.dash-foot{color:#c4d3c8}.temp-label{color:#cbd9cf}
.fine-print,.reports-empty,.reports-expiry-note{color:#526458}

.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.controls>.control,.controls>.control:nth-child(2){min-width:0}
.secondary-controls{grid-column:1/-1;display:flex;align-items:flex-start;gap:13px;max-width:620px;padding-top:13px;margin-top:2px;border-top:1px solid #dfe4d9}
.secondary-controls .control{min-width:190px}.secondary-controls .control-check{flex:.9;padding-top:17px}

.reports-layout{display:flex;flex-direction:column;gap:18px;margin-top:22px}
.reports-list{max-height:360px;overflow:auto}
.report-disclosure{border:1px solid var(--border);border-radius:10px;background:#e9eee2;overflow:hidden}
.report-disclosure summary{list-style:none;cursor:pointer;padding:13px 16px;color:#285f43;font-size:.86rem;font-weight:700}
.report-disclosure summary::-webkit-details-marker{display:none}
.report-disclosure summary::after{content:"+";float:right;font-size:1.05rem;line-height:1}
.report-disclosure[open] summary::after{content:"−"}
.report-disclosure .report-form{max-width:720px;border:0;border-top:1px solid var(--border);border-radius:0;padding:20px}

@media(max-width:700px){
  .controls{grid-template-columns:1fr}
  .controls>.control,.controls>.control:nth-child(2){min-width:0}
  .secondary-controls{grid-column:1;max-width:none;flex-wrap:wrap}
  .secondary-controls .control{min-width:min(100%,220px)}
  .secondary-controls .control-check{min-width:100%;padding-top:0}
}
