:root{
  --forest:#173f35;--forest-dark:#0d2c25;--river:#6f9fa5;--river-dark:#4d7b80;
  --cream:#f8f4eb;--sand:#e9dcc3;--ink:#26342f;--white:#fff;--accent:#b96e42;
  --line:#d9d8cd;--shadow:0 22px 55px rgba(15,43,36,.14);--radius:24px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}a{color:inherit}img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,44,37,.96);color:#fff;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}
.nav-shell{width:min(var(--max),calc(100% - 2rem));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{text-decoration:none;display:grid;line-height:1.08}.brand-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--sand);font-weight:700}.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:700}
.nav-links{display:flex;align-items:center;gap:1.25rem;font-size:.94rem;font-weight:700}.nav-links a{text-decoration:none;opacity:.88}.nav-links a:hover{opacity:1}
.mobile-toggle{display:none;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:.55rem .9rem;font-weight:700}
.site-notice{padding:.9rem 1rem;text-align:center;font-weight:700}.site-notice.success{background:#dfeee7;color:#225c45}.site-notice.error{background:#f7dddd;color:#8a2d2d}
.watch-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(111,159,165,.3),transparent 34%),radial-gradient(circle at 82% 18%,rgba(233,220,195,.16),transparent 28%),linear-gradient(145deg,#0d2c25 0%,#18473c 52%,#3f7075 100%)}
.watch-hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(to top,var(--cream),transparent)}
.hero-inner{width:min(var(--max),calc(100% - 2rem));margin:auto;padding:7rem 0 8rem;position:relative;z-index:1}
.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800}.eyebrow{display:inline-block;padding:.45rem .85rem;border:1px solid rgba(233,220,195,.36);border-radius:999px;background:rgba(233,220,195,.12);color:var(--sand)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--forest);line-height:1.08}h1{font-size:clamp(3.4rem,8vw,7rem);letter-spacing:-.055em;margin:1rem 0}.watch-hero h1{color:#fff}.hero-lead{max-width:750px;font-size:clamp(1.05rem,2vw,1.3rem);color:rgba(255,255,255,.9)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-block;border:0;border-radius:999px;padding:.86rem 1.25rem;text-decoration:none;font-weight:800;cursor:pointer;font:inherit;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}
.button-sand{background:var(--sand);color:var(--forest-dark)}.button-outline{color:#fff;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.05)}.button-forest{background:var(--forest);color:#fff}.full-button{width:100%;text-align:center}
.safety-strip{background:#fff4df;border-bottom:1px solid #ead0a2;color:#694619;padding:1rem 0}.content-shell{width:min(var(--max),calc(100% - 2rem));margin:auto}.section{padding:4.5rem 0}.section-label{color:var(--accent);margin:0 0 .65rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.section-heading h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:0}
.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-card,.report-card,.info-card,.form-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(15,43,36,.06)}
.summary-card{padding:1.3rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.summary-card h2{font-size:1.25rem;margin:0}.summary-card p{margin:.35rem 0 0;color:#67736f;font-size:.9rem}
.level-chip{display:inline-flex;width:max-content;border-radius:999px;padding:.48rem .72rem;font-size:.78rem;font-weight:800}.level-really-low{background:#eef2f3;color:#52676b}.level-low{background:#dff1ec;color:#28684c}.level-medium{background:#dceff2;color:#0d6070}.level-high{background:#fff0d7;color:#9b5a16}.level-danger{background:#fde1e1;color:#982f2f}
.reports-section{padding-top:2rem}.filters{display:flex;gap:.65rem;flex-wrap:wrap}.filters select,.stack-form input,.stack-form select,.stack-form textarea,.admin-form input{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.78rem .85rem;font:inherit;color:var(--ink)}
.reports-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.4rem;align-items:start}.report-feed{display:grid;gap:1rem}.report-card{padding:1.35rem}.report-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.report-top h3{font-size:1.35rem;margin:0}.report-top p{margin:.35rem 0;color:#67736f;font-size:.9rem}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.1rem 0}.metrics div{background:#f6f5ef;border:1px solid #e8e5da;border-radius:14px;padding:.8rem}.metrics span{display:block;color:#6d746f;font-size:.76rem;font-weight:700;margin-bottom:.25rem}.metrics strong{font-size:.91rem}
.report-comment{margin:1rem 0 0}.report-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}.report-photos img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px}.stale-label{color:#9b5a16;font-weight:800;font-size:.82rem;margin-bottom:0}
.sidebar{display:grid;gap:1rem;position:sticky;top:98px}.info-card{padding:1.25rem}.info-card .level-chip{display:flex;margin:.5rem 0}.info-card h3{font-size:1.45rem;margin:.2rem 0}.empty-card{padding:2.5rem;text-align:center;border:1px dashed #aebeb7;border-radius:20px}
.form-page{min-height:70vh;padding:5rem 1rem;display:grid;place-items:start center;background:linear-gradient(180deg,#eef2eb,var(--cream))}.form-page.wide .form-card{max-width:820px}.form-card{width:min(620px,100%);padding:clamp(1.4rem,4vw,2.4rem)}.form-card h1{font-size:clamp(2.5rem,6vw,4.5rem);margin:.5rem 0}.stack-form{display:grid;gap:1rem;margin-top:1.5rem}.stack-form label{font-weight:800;font-size:.9rem}.stack-form input,.stack-form select,.stack-form textarea{display:block;width:100%;margin-top:.35rem}.stack-form textarea{min-height:110px;resize:vertical}.stack-form small{display:block;color:#737b77;font-weight:400;margin-top:.25rem}.form-foot{margin-top:1rem}.inline-error{background:#f7dddd;color:#8a2d2d;padding:.8rem;border-radius:10px}
fieldset{border:0;padding:0;margin:0}legend{font-weight:800;font-size:.9rem;margin-bottom:.5rem}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;border:1px solid var(--line);border-radius:12px;padding:.75rem;background:#fff}.choice input:checked+span{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,63,53,.12);background:#eef5f1}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.optional{font-weight:400;color:#737b77}.confirm{display:flex!important;gap:.65rem;align-items:flex-start}.confirm input{width:auto!important;margin:.3rem 0 0!important}
.site-footer{background:var(--forest-dark);color:rgba(255,255,255,.72);padding:2.2rem 1rem;text-align:center;display:grid;gap:.35rem;font-size:.9rem}.site-footer strong{color:#fff}
.admin-page{padding:4rem 0}.admin-page>h1{font-size:clamp(2.5rem,6vw,4.5rem)}.admin-card{padding:1.3rem;margin:1rem 0}.admin-card h2{margin-top:0}.admin-form{display:grid;grid-template-columns:2fr 2fr 1fr 1.3fr auto;gap:.65rem;align-items:end}.admin-form label{font-size:.82rem;font-weight:800}.admin-form input{display:block;width:100%;margin-top:.3rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #e4e1d7;padding:.75rem}.small-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:.45rem .65rem;font-weight:700;cursor:pointer}
@media(max-width:850px){.reports-layout{grid-template-columns:1fr}.sidebar{position:static}.summary-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.admin-form{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--forest-dark);padding:1rem;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.mobile-toggle{display:block}}
@media(max-width:600px){.hero-inner{padding:5rem 0 6rem}.metrics,.report-photos,.two-column,.choice-grid{grid-template-columns:1fr}.report-top{flex-direction:column}.filters select,.filters .button{width:100%}.admin-form{grid-template-columns:1fr}.brand-kicker{font-size:.62rem}}

.copy-row{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center}
.copy-row input{width:100%;border:1px solid var(--line);border-radius:12px;padding:.85rem;font:inherit;background:#f8f7f2}
.small-note{font-size:.85rem;color:#68736e}
@media(max-width:600px){.copy-row{grid-template-columns:1fr}.copy-row .button{width:100%}}


/* Toe River Watch Version 4 administration */
.admin-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:1.2rem}
.admin-heading h1{margin:.25rem 0}.admin-heading p:last-child{margin:0;color:#68736e}
.admin-tabs{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 1.25rem}
.admin-tabs a{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.55rem .85rem;font-weight:800;font-size:.86rem}
.card-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
.card-heading h2{margin:.15rem 0}.subheading{margin:2rem 0 .7rem}
.invite-result{border:2px solid var(--river);background:linear-gradient(145deg,#fff,#eff6f3)}
.copy-label{display:block;font-size:.82rem;font-weight:800;margin-top:1rem}
.copy-row{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center;margin-top:.35rem}
.copy-row input{width:100%;border:1px solid var(--line);border-radius:12px;padding:.85rem;font:inherit;background:#fff}
.button-outline-dark{color:var(--forest)!important;border:1px solid var(--forest);background:#fff}
.small-note{font-size:.85rem;color:#68736e}.email-invite{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:1rem}
.email-invite summary{font-weight:800;cursor:pointer}.email-form{grid-template-columns:1fr 1fr auto;margin-top:1rem}
.invite-form{grid-template-columns:2fr 2fr .8fr 1.2fr auto}
.location-add-form{grid-template-columns:2fr .7fr auto;margin-bottom:1.2rem}
.location-list{display:grid;gap:.65rem}.location-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:end;border:1px solid var(--line);border-radius:14px;padding:.8rem;background:#faf9f4}
.location-edit-form{display:grid;grid-template-columns:1fr 110px auto;gap:.65rem;align-items:end}.location-edit-form label{font-size:.78rem;font-weight:800}.location-edit-form input{width:100%;display:block;border:1px solid var(--line);border-radius:10px;padding:.65rem;margin-top:.25rem}
.location-toggle-form{display:flex;gap:.55rem;align-items:center;padding-bottom:.05rem}
.status-pill{display:inline-flex;border-radius:999px;padding:.35rem .6rem;font-weight:800;font-size:.75rem}.status-pill.active{background:#dff1e8;color:#28684c}.status-pill.inactive{background:#f1e7e2;color:#8b4d36}
@media(max-width:900px){.invite-form,.email-form,.location-add-form{grid-template-columns:1fr 1fr}.location-row{grid-template-columns:1fr}.location-edit-form{grid-template-columns:1fr 100px auto}.location-toggle-form{justify-content:flex-end}}
@media(max-width:650px){.admin-heading{align-items:flex-start;flex-direction:column}.copy-row,.invite-form,.email-form,.location-add-form,.location-edit-form{grid-template-columns:1fr}.location-toggle-form{justify-content:flex-start}}

/* Standalone rebuild compatibility */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px rgba(15,43,36,.06)}
.stack{display:grid;gap:1rem;margin-top:1.5rem}.stack label{font-weight:800;font-size:.9rem}.stack input,.stack select,.stack textarea{display:block;width:100%;margin-top:.35rem;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.78rem .85rem;font:inherit;color:var(--ink)}.stack textarea{min-height:110px;resize:vertical}.stack small{display:block;color:#737b77;font-weight:400;margin-top:.25rem}
.form-card.wide{max-width:820px}.two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.check{display:flex!important;gap:.65rem;align-items:flex-start}.check input{width:auto!important;margin:.3rem 0 0!important}
.container{width:min(var(--max),calc(100% - 2rem));margin:auto}.admin{padding:4rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.section-head h1,.section-head h2{margin:.25rem 0}.section-head>p{max-width:520px;color:#68736e}
.inline{display:grid;grid-template-columns:1fr auto;gap:.65rem}.inline input{border:1px solid var(--line);border-radius:12px;padding:.78rem .85rem;font:inherit}.rows{display:grid;gap:.65rem;margin-top:1rem}.rows>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:14px;padding:.8rem;background:#faf9f4}.rows form{margin:0}.danger{color:#982f2f;border-color:#e5b9b9}
.form-page .button{background:var(--forest);color:#fff}.form-page .eyebrow{color:var(--accent);border:0;background:transparent;padding:0}.form-page h1{color:var(--forest)}
.level-normal{background:#dceff2;color:#0d6070}.level-flooding{background:#fde1e1;color:#982f2f}
.site-footer a{color:#fff}.section-heading>p{max-width:520px;color:#68736e}.filters{margin-bottom:1.4rem}
@media(max-width:700px){.two,.inline{grid-template-columns:1fr}.rows>div,.section-head{align-items:flex-start;flex-direction:column}}


/* Toe River Watch admin management additions */
.admin-tabs a.active{background:var(--forest);border-color:var(--forest);color:#fff}
.admin-summary{margin-bottom:1rem}.summary-card strong{font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--forest)}
.location-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.location-actions form{margin:0}
.settings-form{display:grid;gap:1rem;margin-top:1.25rem}.settings-form label{font-size:.86rem;font-weight:800}.settings-form input,.settings-form textarea{display:block;width:100%;margin-top:.35rem;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.78rem .85rem;font:inherit;color:var(--ink)}.settings-form textarea{min-height:100px;resize:vertical}.settings-form .button{width:max-content}
.current-logo{display:flex;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:14px;padding:.8rem;background:#faf9f4}.current-logo img{max-width:220px;max-height:80px;object-fit:contain}.current-logo span{font-size:.85rem;font-weight:800}.remove-logo-form{margin-top:1rem}.brand-logo{display:block;max-height:54px;max-width:240px;width:auto;object-fit:contain}
@media(max-width:900px){.location-actions{justify-content:flex-start}}
@media(max-width:600px){.settings-form .button{width:100%}.brand-logo{max-width:190px}}


/* Live USGS South Toe River gauge */
.usgs-gauge-card{overflow:hidden;position:relative}
.usgs-gauge-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--river)}
.usgs-gauge-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.usgs-gauge-heading h3{margin:.15rem 0 0;font-size:1.45rem}
.usgs-live-dot{width:10px;height:10px;border-radius:999px;background:#9ca8a3;box-shadow:0 0 0 5px rgba(156,168,163,.15);margin-top:.55rem;flex:0 0 auto}
.usgs-gauge-card.is-loaded .usgs-live-dot{background:#2f805d;box-shadow:0 0 0 5px rgba(47,128,93,.14)}
.usgs-gauge-card.has-error .usgs-live-dot{background:#b96e42;box-shadow:0 0 0 5px rgba(185,110,66,.14)}
.usgs-station{margin:.35rem 0 1rem;color:#68736e;font-size:.82rem;font-weight:800;letter-spacing:.04em}
.usgs-gauge-values{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.usgs-gauge-values>div{background:#f6f5ef;border:1px solid #e8e5da;border-radius:14px;padding:.8rem;min-width:0}
.usgs-gauge-values span,.usgs-gauge-values small{display:block;color:#6d746f;font-size:.74rem;font-weight:700}
.usgs-gauge-values strong{display:block;font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:1.65rem;line-height:1.1;margin:.25rem 0;overflow-wrap:anywhere}
.usgs-gauge-values small{font-weight:400;line-height:1.25}
.usgs-updated,.usgs-error{font-size:.82rem;margin:.85rem 0 .6rem}
.usgs-updated{color:#68736e}.usgs-error{color:#8b4d36;font-weight:800}
.usgs-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--forest);font-weight:800;font-size:.88rem;text-decoration:none}
.usgs-link:hover{text-decoration:underline}
.usgs-provisional{border-top:1px solid var(--line);margin:1rem 0 0;padding-top:.8rem;color:#737b77;font-size:.74rem;line-height:1.45}
@media(max-width:380px){.usgs-gauge-values{grid-template-columns:1fr}}

/* Local weather card for ZIP code 28705 */
.weather-card{overflow:hidden;position:relative}
.weather-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--sand)}
.weather-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.weather-heading h3{margin:.15rem 0 0;font-size:1.45rem}
.weather-status{width:10px;height:10px;border-radius:999px;background:#9ca8a3;box-shadow:0 0 0 5px rgba(156,168,163,.15);margin-top:.55rem;flex:0 0 auto}
.weather-card.is-loaded .weather-status{background:#2f805d;box-shadow:0 0 0 5px rgba(47,128,93,.14)}
.weather-card.has-error .weather-status{background:#b96e42;box-shadow:0 0 0 5px rgba(185,110,66,.14)}
.weather-zip{margin:.35rem 0 .9rem;color:#68736e;font-size:.82rem;font-weight:800;letter-spacing:.04em}
.weather-current{background:linear-gradient(145deg,#f6f5ef,#eef4f2);border:1px solid #e2e5dc;border-radius:16px;padding:1rem}
.weather-current strong{display:block;font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:2.45rem;line-height:1}
.weather-current span{display:block;margin-top:.45rem;font-weight:800;font-size:.9rem;line-height:1.35}
.weather-details{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.65rem}
.weather-details>div{background:#f6f5ef;border:1px solid #e8e5da;border-radius:14px;padding:.75rem;min-width:0}
.weather-details span{display:block;color:#6d746f;font-size:.74rem;font-weight:700}
.weather-details strong{display:block;color:var(--forest);font-size:.9rem;line-height:1.3;margin-top:.25rem;overflow-wrap:anywhere}
.weather-next{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.75rem 0;margin:.85rem 0;display:grid;gap:.15rem}
.weather-next span{color:#6d746f;font-size:.74rem;font-weight:700}
.weather-next strong{font-size:.88rem;line-height:1.35}
.weather-updated,.weather-error{font-size:.82rem;margin:.7rem 0 .55rem}
.weather-updated{color:#68736e}.weather-error{color:#8b4d36;font-weight:800}
.weather-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--forest);font-weight:800;font-size:.88rem;text-decoration:none}
.weather-link:hover{text-decoration:underline}
.weather-source{border-top:1px solid var(--line);margin:1rem 0 0;padding-top:.8rem;color:#737b77;font-size:.74rem;line-height:1.45}
@media(max-width:380px){.weather-details{grid-template-columns:1fr}}

/* Toe River Watch combined Watershed Status */
.watershed-status-card{overflow:hidden;position:relative}
.watershed-status-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--forest)}
.watershed-status-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.watershed-status-heading h3{margin:.15rem 0 0;font-size:1.45rem}
.watershed-status-dot{width:10px;height:10px;border-radius:999px;background:#9ca8a3;box-shadow:0 0 0 5px rgba(156,168,163,.15);margin-top:.55rem;flex:0 0 auto}
.watershed-status-card.is-loaded .watershed-status-dot{background:#2f805d;box-shadow:0 0 0 5px rgba(47,128,93,.14)}
.watershed-status-card.has-error .watershed-status-dot{background:#b96e42;box-shadow:0 0 0 5px rgba(185,110,66,.14)}
.watershed-status-area{margin:.35rem 0 .9rem;color:#68736e;font-size:.82rem;font-weight:800;letter-spacing:.02em}
.watershed-status-result{background:linear-gradient(145deg,#eef4f2,#f7f4e9);border:1px solid #dde5df;border-radius:16px;padding:1rem}
.watershed-status-result span,.watershed-status-result small{display:block}
.watershed-status-result span{color:#6d746f;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.watershed-status-result strong{display:block;font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:2rem;line-height:1.05;margin:.25rem 0}
.watershed-status-result small{color:#68736e;font-size:.78rem;line-height:1.35}
.watershed-confidence{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.watershed-confidence span{font-size:.78rem;color:#68736e;font-weight:700}.watershed-confidence strong{color:var(--forest)}
.watershed-weights{display:grid;gap:.85rem;margin-top:.85rem}
.watershed-subhead{display:grid;gap:.12rem}.watershed-subhead span{font-size:.82rem;font-weight:800}.watershed-subhead small{font-size:.72rem;color:#737b77;line-height:1.35}
.watershed-weight-row{display:grid;gap:.28rem}.watershed-weight-row>div:first-child{display:flex;justify-content:space-between;gap:1rem;align-items:center}.watershed-weight-row span{font-size:.78rem;font-weight:800}.watershed-weight-row strong{font-size:.78rem;color:var(--forest)}
.watershed-weight-track{height:8px;background:#e8e6dc;border-radius:999px;overflow:hidden}.watershed-weight-track i{display:block;height:100%;width:0;background:var(--river);border-radius:inherit;transition:width .35s ease}
.watershed-weight-row small{font-size:.7rem;color:#737b77;line-height:1.3}
.watershed-weight-row.is-unavailable{opacity:.68}.watershed-weight-row.is-unavailable .watershed-weight-track i{background:#9ca8a3}
.watershed-method{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.watershed-method summary{cursor:pointer;color:var(--forest);font-size:.8rem;font-weight:800}.watershed-method p{font-size:.72rem;color:#68736e;line-height:1.45;margin:.65rem 0 0}.watershed-base-weights{font-weight:800}
.watershed-updated,.watershed-error{font-size:.78rem;margin:.75rem 0 0}.watershed-updated{color:#68736e}.watershed-error{color:#8b4d36;font-weight:800}
@media(max-width:420px){.watershed-status-result strong{font-size:1.75rem}.watershed-status-card{padding:1rem}.watershed-method[open] p{font-size:.74rem}}

/* Watershed Status spacing refinement — roomier card layout */
.watershed-status-card{padding:1.5rem}
.watershed-status-heading{margin-bottom:.2rem}
.watershed-status-area{margin:.45rem 0 1.15rem;line-height:1.45}
.watershed-status-result{padding:1.25rem 1.2rem;border-radius:18px}
.watershed-status-result strong{margin:.4rem 0;font-size:2.1rem}
.watershed-status-result small{font-size:.82rem;line-height:1.5}
.watershed-confidence{padding:1rem .1rem;margin-top:.15rem}
.watershed-weights{gap:.75rem;margin-top:1.1rem}
.watershed-subhead{gap:.3rem;margin-bottom:.1rem}
.watershed-subhead span{font-size:.86rem}
.watershed-subhead small{font-size:.75rem;line-height:1.45}
.watershed-weight-row{gap:.42rem;padding:.78rem .85rem;background:#f8f7f1;border:1px solid #ebe8dc;border-radius:14px}
.watershed-weight-row>div:first-child{gap:.75rem}
.watershed-weight-row span,.watershed-weight-row strong{font-size:.8rem}
.watershed-weight-track{height:9px}
.watershed-weight-row small{font-size:.73rem;line-height:1.4}
.watershed-method{margin-top:1.15rem;padding-top:1rem}
.watershed-method summary{font-size:.82rem;padding:.15rem 0}
.watershed-method p{font-size:.75rem;line-height:1.55;margin:.8rem 0 0}
.watershed-updated,.watershed-error{font-size:.78rem;line-height:1.45;margin:1rem 0 0}
@media(max-width:420px){
  .watershed-status-card{padding:1.2rem}
  .watershed-status-heading h3{font-size:1.38rem}
  .watershed-status-result{padding:1.1rem}
  .watershed-status-result strong{font-size:1.85rem}
  .watershed-weight-row{padding:.72rem .75rem}
  .watershed-subhead small{max-width:28rem}
}

/* Watershed Status roomy themed layout refinement */
.watershed-status-card{
  padding:1.7rem;
}
.watershed-status-heading{
  margin-bottom:.45rem;
}
.watershed-status-area{
  margin:.55rem 0 1.35rem;
  font-size:.86rem;
  line-height:1.55;
}
.watershed-status-result{
  padding:1.45rem 1.35rem;
  border-radius:20px;
  background:linear-gradient(145deg,#eef5f1 0%,#f8f4eb 100%);
  border-color:#d5e0da;
}
.watershed-status-result span{
  margin-bottom:.45rem;
}
.watershed-status-result strong{
  margin:0 0 .65rem;
  font-size:2.35rem;
  line-height:1.05;
}
.watershed-status-result small{
  font-size:.86rem;
  line-height:1.6;
}
.watershed-confidence{
  display:grid;
  justify-content:start;
  gap:.2rem;
  margin:1.05rem 0 0;
  padding:1rem 1.05rem;
  border:1px solid #e5e1d4;
  border-radius:14px;
  background:#fbfaf5;
}
.watershed-confidence span{
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.watershed-confidence strong{
  font-size:1.05rem;
}
.watershed-weights{
  gap:1rem;
  margin-top:1.45rem;
}
.watershed-subhead{
  gap:.4rem;
  margin-bottom:.15rem;
}
.watershed-subhead span{
  font-size:.92rem;
}
.watershed-subhead small{
  font-size:.78rem;
  line-height:1.55;
}
.watershed-weight-row{
  gap:.65rem;
  padding:1rem;
  border-radius:16px;
  background:#faf8f1;
}
.watershed-weight-row>div:first-child{
  display:grid;
  grid-template-columns:1fr;
  gap:.15rem;
  align-items:start;
}
.watershed-weight-row span{
  font-size:.84rem;
}
.watershed-weight-row strong{
  font-size:1.05rem;
  line-height:1.1;
}
.watershed-weight-track{
  height:11px;
  background:var(--sand);
}
.watershed-weight-track i{
  background:var(--river);
}
.watershed-weight-row[data-weight-row="gauge"] .watershed-weight-track i{
  background:var(--forest);
}
.watershed-weight-row[data-weight-row="weather"] .watershed-weight-track i{
  background:var(--river);
}
.watershed-weight-row[data-weight-row="community"] .watershed-weight-track i{
  background:var(--accent);
}
.watershed-weight-row small{
  font-size:.76rem;
  line-height:1.5;
}
.watershed-weight-row.is-unavailable{
  opacity:.78;
}
.watershed-weight-row.is-unavailable .watershed-weight-track i{
  background:#9ca8a3;
}
.watershed-method{
  margin-top:1.4rem;
  padding-top:1.15rem;
}
.watershed-method summary{
  font-size:.86rem;
  padding:.2rem 0;
}
.watershed-method p{
  font-size:.78rem;
  line-height:1.65;
}
.watershed-updated,.watershed-error{
  margin-top:1.2rem;
  line-height:1.55;
}
@media(max-width:420px){
  .watershed-status-card{padding:1.3rem}
  .watershed-status-result{padding:1.25rem 1.15rem}
  .watershed-status-result strong{font-size:2rem}
  .watershed-confidence{padding:.9rem}
  .watershed-weight-row{padding:.9rem}
}


/* Upper North Toe status card */
.north-toe-status-card .watershed-status-result { background: linear-gradient(135deg, rgba(42, 104, 126, .10), rgba(232, 221, 193, .50)); }
.north-toe-status-card .watershed-status-dot { background: var(--river, #2a687e); }
.north-toe-status-card .watershed-method { margin-top: 1.25rem; }
@media (max-width: 640px) {
  .north-toe-status-card .watershed-status-area { max-width: 19rem; }
}


/* Toe River Watch Google Authority v1 — crawlable project and methodology context */
.watch-about{padding:3.5rem 0 1.5rem}
.watch-about-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.7rem 3rem;align-items:start;margin-bottom:1.5rem}
.watch-about-heading .section-label{grid-column:1/-1;margin-bottom:0}
.watch-about-heading h2{font-size:clamp(2rem,4vw,3.5rem);margin:.1rem 0}
.watch-about-heading>p{margin:.35rem 0 0;color:#5f6d68;max-width:650px}
.watch-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.watch-explainer-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.25rem;box-shadow:0 8px 24px rgba(15,43,36,.045)}
.watch-explainer-card h3{margin:.05rem 0 .55rem;font-size:1.3rem}
.watch-explainer-card p{margin:0;color:#5f6d68;font-size:.93rem}
.watch-method-note{margin-top:1rem;background:linear-gradient(145deg,#eef4f1,#faf6ed);border:1px solid #dde4dd;border-radius:20px;padding:1.35rem}
.watch-method-note h3{font-size:1.45rem;margin:.1rem 0 .45rem}
.watch-method-note p{margin:.2rem 0;color:#5f6d68}
@media(max-width:850px){
  .watch-about-heading{grid-template-columns:1fr}
  .watch-about-grid{grid-template-columns:1fr}
}

.source-text{
  margin:.65rem 0 0;
  color:var(--forest);
  font-size:.82rem;
  font-weight:800;
}


/* Toe River Watch v1.3 — admin report archive */
.archive-page{min-height:70vh}
.archive-page h1{font-size:clamp(2.7rem,6vw,4.8rem);margin:.25rem 0}
.archive-summary{display:inline-flex;align-items:baseline;gap:.55rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.9rem 1.1rem;margin:0 0 1.2rem;box-shadow:0 8px 24px rgba(15,43,36,.05)}
.archive-summary strong{font-family:Georgia,"Times New Roman",serif;font-size:2rem;color:var(--forest)}
.archive-summary span{color:#68736e;font-weight:800}
.archive-feed{max-width:860px}
.archive-date{font-size:.78rem!important;color:var(--accent)!important;font-weight:800}

/* Toe River Watch branding + homepage river hero */
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;line-height:1.08}
.brand-logo{display:block;width:62px;height:62px;max-width:none;max-height:none;object-fit:contain;flex:0 0 auto}
.brand-copy{display:grid;line-height:1.08}
.watch-hero{
  min-height:560px;
  display:flex;
  align-items:center;
  background-image:
    linear-gradient(90deg,rgba(8,32,26,.88) 0%,rgba(13,44,37,.76) 45%,rgba(13,44,37,.45) 100%),
    linear-gradient(180deg,rgba(13,44,37,.08),rgba(13,44,37,.28)),
    url('north-toe-river-hero.webp');
  background-size:cover;
  background-position:center 48%;
  background-repeat:no-repeat;
}
.watch-hero:after{height:110px}
.hero-inner{padding:7rem 0 8rem}
.watch-hero .hero-lead{text-shadow:0 2px 16px rgba(0,0,0,.28)}
.watch-hero h1{text-shadow:0 2px 22px rgba(0,0,0,.28)}
@media(max-width:850px){
  .brand-logo{width:54px;height:54px}
  .nav-shell{min-height:76px}
  .watch-hero{min-height:540px;background-position:center 45%}
}
@media(max-width:600px){
  .brand{gap:.55rem}
  .brand-logo{width:48px;height:48px}
  .brand-name{font-size:1.12rem}
  .brand-kicker{font-size:.56rem}
  .watch-hero{min-height:590px;background-position:center 42%}
  .hero-inner{padding:5.5rem 0 7rem}
}

/* App-like mobile shell + guest reporting */
.app-tabbar{display:none}
.bot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.guest-report-note{padding:1rem 1.1rem;border:1px solid #d8e3dc;border-radius:16px;background:#f2f7f4;line-height:1.6}
.form-footnote,.small-note{font-size:.82rem;color:var(--muted);line-height:1.55}
.guest-label{display:inline-block;padding:.15rem .42rem;border-radius:999px;background:#f0ead8;color:#6d6044;font-size:.72rem;font-weight:800;letter-spacing:.02em}

@media(max-width:850px){
  body{padding-bottom:78px}
  .site-footer{padding-bottom:2rem}
  .app-tabbar{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:100;
    min-height:68px;
    padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:rgba(255,255,255,.97);
    border-top:1px solid #d8ddd8;
    box-shadow:0 -8px 24px rgba(20,45,38,.08);
    backdrop-filter:blur(14px);
  }
  .app-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#34564d;font-weight:800;min-width:0}
  .app-tabbar a span{font-size:1.35rem;line-height:1}
  .app-tabbar a small{font-size:.65rem;line-height:1.15}
  .app-tabbar-report{transform:translateY(-11px)}
  .app-tabbar-report span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--forest);color:#fff;box-shadow:0 5px 14px rgba(23,63,53,.22)}
  .report-app-page{padding-top:1rem}
  .report-app-page .form-card{border-radius:22px}
}

/* Official NOAA/NWS gauge network */
.river-gauge-network-card{overflow:hidden;position:relative;padding:1.35rem}
.river-gauge-network-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--river)}
.river-gauge-network-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.river-gauge-network-heading h3{margin:.15rem 0 0;font-size:1.45rem}
.river-gauge-network-dot{width:10px;height:10px;border-radius:999px;background:#9ca8a3;box-shadow:0 0 0 5px rgba(156,168,163,.15);margin-top:.55rem;flex:0 0 auto}
.river-gauge-network-card.has-current-gauges .river-gauge-network-dot{background:#2f805d;box-shadow:0 0 0 5px rgba(47,128,93,.14)}
.river-gauge-network-card.has-error .river-gauge-network-dot{background:#b96e42;box-shadow:0 0 0 5px rgba(185,110,66,.14)}
.river-gauge-network-intro{color:#68736e;font-size:.82rem;line-height:1.5;margin:.5rem 0 1rem}
.river-gauge-list{display:grid;gap:.75rem}
.river-gauge-loading{margin:.35rem 0;color:#68736e;font-size:.82rem}
.river-gauge-item{border:1px solid #e5e1d4;border-radius:16px;padding:.95rem;background:#faf9f4}
.river-gauge-item.is-current{border-color:#cadbd3;background:#f5f9f7}
.river-gauge-item.is-stale,.river-gauge-item.is-unavailable,.river-gauge-item.is-out_of_service{background:#f7f5ef}
.river-gauge-item-top{display:flex;gap:.65rem;justify-content:space-between;align-items:flex-start}
.river-gauge-item h4{margin:0;color:var(--forest);font-size:1rem;line-height:1.25}
.river-gauge-item-top p{margin:.2rem 0 0;color:#7b817e;font-size:.7rem;font-weight:700}
.river-gauge-badge{border-radius:999px;padding:.25rem .48rem;background:#e6ece9;color:#4f625b;font-size:.62rem;font-weight:800;line-height:1.2;text-align:center;max-width:8.4rem}
.river-gauge-item.is-current .river-gauge-badge{background:#dfeee7;color:#245d47}
.river-gauge-item.is-stale .river-gauge-badge,.river-gauge-item.is-out_of_service .river-gauge-badge{background:#eee3d8;color:#8a5939}
.river-gauge-reading{margin:.75rem 0 .45rem;color:var(--forest);font-family:Georgia,"Times New Roman",serif;font-size:1.05rem}
.river-gauge-reading strong{font-size:1.42rem}
.river-gauge-reading>span:not(.river-gauge-sep){font-family:inherit;color:#53645e}
.river-gauge-no-reading{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:.82rem!important;font-weight:800;color:#7c7468!important}
.river-gauge-sep{color:#a7aaa7;padding:0 .15rem}
.river-gauge-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;color:#52615c;font-size:.74rem;font-weight:800}
.river-gauge-item.flood-action .river-gauge-meta span:last-child{color:#997020}
.river-gauge-item.flood-minor .river-gauge-meta span:last-child{color:#a15e24}
.river-gauge-item.flood-moderate .river-gauge-meta span:last-child{color:#a13d35}
.river-gauge-item.flood-major .river-gauge-meta span:last-child{color:#782c6e}
.river-gauge-time,.river-gauge-thresholds{margin:.45rem 0 0;color:#808784;font-size:.69rem;line-height:1.35}
.river-gauge-item a{display:inline-block;margin-top:.65rem;font-size:.72rem;font-weight:800;color:var(--river)}
.river-gauge-method{margin-top:.85rem;border-top:1px solid #ece8dc;padding-top:.7rem}
.river-gauge-method summary{cursor:pointer;font-weight:800;font-size:.76rem;color:#53645e}
.river-gauge-method p{font-size:.73rem;line-height:1.45;color:#727a76}
.river-gauge-network-error{color:#9b5134;font-size:.78rem;font-weight:700;margin:.75rem 0 0}
@media(max-width:420px){.river-gauge-network-card{padding:1rem}.river-gauge-item-top{display:block}.river-gauge-badge{display:inline-block;margin-top:.45rem;max-width:none}.river-gauge-reading strong{font-size:1.3rem}}

/* Toe River Watch v6.4 — clean badge placement + community clarity snapshot */
.brand-logo{
  width:72px;
  height:72px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));
}
.brand{gap:.85rem}
.nav-shell{min-height:88px}
@media(max-width:850px){
  .brand-logo{width:60px;height:60px}
  .nav-shell{min-height:78px}
}
@media(max-width:600px){
  .brand-logo{width:54px;height:54px}
  .brand{gap:.6rem}
  .brand-kicker{font-size:.58rem}
  .brand-name{font-size:1.15rem}
}

.clarity-card{position:relative;overflow:hidden;padding:1.35rem}
.clarity-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#5eaec1,#8cc8b6,#cba56c)}
.clarity-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.clarity-card-heading h3{margin:.15rem 0 0;font-size:1.45rem}
.clarity-dot{width:10px;height:10px;border-radius:50%;background:#6daec0;box-shadow:0 0 0 5px rgba(109,174,192,.14);margin-top:.55rem;flex:0 0 auto}
.clarity-result{margin-top:1rem;padding:1rem 1.05rem;border-radius:16px;border:1px solid #dfe5df;background:linear-gradient(145deg,#f1f7f5,#faf6ed)}
.clarity-result span,.clarity-result small{display:block;color:#6b7671;font-size:.72rem;font-weight:700}
.clarity-result strong{display:block;margin:.25rem 0 .2rem;font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:2rem}
.clarity-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.75rem}
.clarity-breakdown>div{border:1px solid #e8e2d4;border-radius:14px;padding:.72rem .6rem;background:#faf9f4;text-align:center}
.clarity-breakdown span{display:block;color:#74807b;font-size:.67rem;font-weight:800}
.clarity-breakdown strong{display:block;margin-top:.18rem;color:var(--forest);font-size:1.15rem}
.clarity-note{margin:.8rem 0 0;color:#747d79;font-size:.72rem;line-height:1.5}
.clarity-link{display:inline-block;margin-top:.75rem;font-weight:800;font-size:.75rem;color:var(--river)}
@media(max-width:420px){.clarity-card{padding:1rem}.clarity-result strong{font-size:1.65rem}}

/* v8 app-style dashboard refresh */
.brand{display:flex;align-items:center;gap:.85rem}.brand-copy{display:grid;line-height:1.05}.brand-logo{width:54px;height:54px;max-width:none;max-height:none;border-radius:50%;flex:0 0 auto;object-fit:contain}
.nav-shell{min-height:82px}
.app-hero{position:relative;overflow:hidden;color:#fff;background:
  radial-gradient(circle at 15% 18%,rgba(111,159,165,.28),transparent 32%),
  radial-gradient(circle at 80% 14%,rgba(233,220,195,.14),transparent 28%),
  linear-gradient(145deg,#0e2b26 0%,#12443b 46%,#135047 100%)}
.app-hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(to top,var(--cream),transparent)}
.app-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:1.5rem;align-items:end;padding:4.4rem 0 5.75rem;position:relative;z-index:1}
.app-hero h1{font-size:clamp(2.9rem,6vw,5.4rem);margin:.8rem 0 1rem;color:#fff;max-width:12ch}
.app-hero .hero-lead{max-width:780px;color:rgba(255,255,255,.9)}
.hero-points{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.hero-points span{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);font-weight:700;font-size:.83rem}
.app-hero-panel{display:grid}
.hero-panel-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(6,25,22,.22);border-radius:28px;padding:1.25rem 1.15rem 1.1rem;backdrop-filter:blur(10px)}
.hero-panel-card .section-label{color:var(--sand)}
.hero-panel-stats{display:grid;gap:.75rem;margin-top:.8rem}.hero-panel-stats>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:.85rem .95rem}.hero-panel-stats span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.74)}
.hero-panel-stats strong{display:block;margin-top:.2rem;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;line-height:1.05}
.hero-panel-note{margin:.9rem 0 0;font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.84)}
.dashboard-section{padding-top:2.4rem}
.dashboard-heading h2{font-size:clamp(2rem,4vw,3.3rem)}
.quick-action-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.4rem}
.quick-action-card{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.05rem 1.1rem;box-shadow:0 10px 30px rgba(15,43,36,.05);display:grid;gap:.22rem;transition:transform .18s ease,box-shadow .18s ease}
.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(15,43,36,.09)}
.quick-action-kicker{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.quick-action-card strong{font-family:Georgia,"Times New Roman",serif;font-size:1.32rem;line-height:1.1;color:var(--forest)}
.quick-action-card small{color:#67736f;font-size:.88rem}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:1.25rem;align-items:start}
.dashboard-side-stack{display:grid;gap:1rem}
.status-card-grid,.utility-card-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.gauge-dashboard-card{padding:1.2rem;position:relative;overflow:hidden}
.gauge-dashboard-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--forest),#1f6a5a)}
.gauge-dashboard-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.45rem}
.gauge-dashboard-heading h3{font-size:1.9rem;margin:.15rem 0 0}
.gauge-dashboard-intro{margin:.35rem 0 1rem;color:#65706b;max-width:70ch}
.dashboard-gauge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dashboard-gauge-card{background:linear-gradient(180deg,#fff,#fbfaf5);border:1px solid #dfe1d4;border-radius:24px;padding:1rem;box-shadow:0 10px 30px rgba(15,43,36,.05);display:grid;gap:.72rem}
.dashboard-gauge-card.state-current{border-color:#cadecf;box-shadow:0 12px 28px rgba(22,88,74,.11)}
.dashboard-gauge-card.state-stale,.dashboard-gauge-card.state-unavailable,.dashboard-gauge-card.state-out_of_service{background:#fbfaf6}
.dashboard-gauge-top{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}
.dashboard-gauge-top h4{font-family:Georgia,"Times New Roman",serif;font-size:1.85rem;line-height:1.02;margin:0;color:var(--forest)}
.dashboard-gauge-sub{margin:.3rem 0 0;color:#6f7671;font-size:.92rem;font-weight:700}
.dashboard-gauge-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .8rem;border-radius:999px;font-weight:800;font-size:.83rem;line-height:1.15;min-width:120px;text-align:center}
.dashboard-gauge-card.state-current .dashboard-gauge-badge{background:#dff1ec;color:#28684c}
.dashboard-gauge-card.state-stale .dashboard-gauge-badge,.dashboard-gauge-card.state-unavailable .dashboard-gauge-badge{background:#edf0ed;color:#5a6762}
.dashboard-gauge-card.state-out_of_service .dashboard-gauge-badge{background:#f4e8df;color:#8b4d36}
.dashboard-gauge-main{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.dashboard-gauge-stat{background:#f6f5ef;border:1px solid #e8e5da;border-radius:18px;padding:.82rem .85rem;min-width:0}
.dashboard-gauge-stat span{display:block;color:#6b746f;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.dashboard-gauge-stat strong{display:block;margin-top:.18rem;font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:1.55rem;line-height:1.08;overflow-wrap:anywhere}
.dashboard-gauge-stat small{display:block;margin-top:.18rem;color:#727b76;font-size:.76rem;line-height:1.35}
.dashboard-gauge-meta{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.dashboard-gauge-meta>div{background:#f9f7f0;border:1px solid #ede8dc;border-radius:16px;padding:.72rem .8rem}
.dashboard-gauge-meta span{display:block;color:#6b746f;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.dashboard-gauge-meta strong{display:block;color:var(--forest);font-size:.97rem;line-height:1.3;margin-top:.16rem}
.dashboard-gauge-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-top:1px solid #ebe6da;padding-top:.85rem}
.dashboard-gauge-time,.dashboard-gauge-thresholds{margin:0;color:#717875;font-size:.8rem;line-height:1.45}
.dashboard-gauge-link{text-decoration:none;font-weight:800;color:var(--forest);white-space:nowrap}
.dashboard-gauge-link:hover{text-decoration:underline}
.river-gauge-network-dot{width:10px;height:10px;border-radius:999px;background:#9ca8a3;box-shadow:0 0 0 5px rgba(156,168,163,.15);margin-top:.55rem;flex:0 0 auto}
.gauge-dashboard-card.has-current-gauges .river-gauge-network-dot,.gauge-dashboard-card.is-loaded .river-gauge-network-dot{background:#2f805d;box-shadow:0 0 0 5px rgba(47,128,93,.14)}
.gauge-dashboard-card.has-error .river-gauge-network-dot{background:#b96e42;box-shadow:0 0 0 5px rgba(185,110,66,.14)}
.river-gauge-loading{margin:0;padding:1.15rem;border:1px dashed #cfd6cf;border-radius:18px;background:#fcfbf7;color:#66726d}
.reports-section{padding-top:1.5rem}.reports-section .report-feed{display:grid;gap:1rem}
.report-card{padding:1.25rem 1.3rem}.report-card .level-chip{margin-left:auto}
.watch-about{padding:1.6rem 0 4.4rem}
.watch-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.15rem 0}
.watch-explainer-card,.watch-method-note{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:0 10px 30px rgba(15,43,36,.05)}
.watch-about-heading h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 .7rem}
.participate-card h3{font-size:1.55rem}
/* Make sidebar cards more app-like */
.info-card{border-radius:24px;padding:1.15rem}.weather-current,.watershed-status-result,.clarity-result{border-radius:20px}
@media(max-width:1100px){
  .dashboard-layout{grid-template-columns:1fr}
  .dashboard-gauge-grid{grid-template-columns:1fr 1fr}
  .dashboard-side-stack{grid-template-columns:1fr 1fr}
  .status-card-grid,.utility-card-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .app-hero-grid,.quick-action-ribbon,.dashboard-gauge-grid,.watch-about-grid,.dashboard-side-stack{grid-template-columns:1fr}
  .app-hero-grid{padding:3.5rem 0 4.7rem}
  .hero-panel-stats{grid-template-columns:1fr 1fr}
  .dashboard-layout{grid-template-columns:1fr}
  .gauge-dashboard-heading h3{font-size:1.6rem}
  .dashboard-gauge-top h4{font-size:1.5rem}
  .nav-shell{width:min(var(--max),calc(100% - 1rem))}
}
@media(max-width:600px){
  .brand-name{font-size:1.25rem}.brand-kicker{font-size:.66rem}.brand-logo{width:42px;height:42px}
  .site-header{position:sticky}
  .app-hero-grid{padding:2.7rem 0 4rem}.app-hero h1{font-size:clamp(2.45rem,11vw,4rem)}
  .hero-actions .button{width:100%;text-align:center}
  .hero-panel-stats{grid-template-columns:1fr}
  .quick-action-card strong{font-size:1.18rem}
  .gauge-dashboard-card,.info-card,.report-card,.watch-explainer-card,.watch-method-note{border-radius:22px}
  .dashboard-gauge-main,.dashboard-gauge-meta{grid-template-columns:1fr}
  .dashboard-gauge-footer{flex-direction:column;align-items:flex-start}
  .dashboard-gauge-badge{min-width:unset}
  .dashboard-gauge-top{flex-direction:column}
  .dashboard-gauge-top h4{font-size:1.9rem}
  .section{padding:3rem 0}
}

/* v8.2 gauge age states + downstream context */
.dashboard-gauge-card.state-recent .dashboard-gauge-badge{background:#fff0d7;color:#8a5b19}
.dashboard-gauge-card.state-older .dashboard-gauge-badge{background:#f2e8d7;color:#735a35}
.dashboard-gauge-card.state-recent{border-color:#ead9b7}
.dashboard-gauge-card.state-older{border-color:#ddd2be}
.dashboard-context-label{display:inline-flex;margin-top:.45rem;padding:.28rem .55rem;border-radius:999px;background:#e9f0f2;color:#3d666d;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* =========================================================
   Toe River Watch v9 — app-grade responsive interface
   ========================================================= */
:root{
  --app-bg:#f5f3ec;
  --app-surface:#ffffff;
  --app-surface-soft:#f8f8f4;
  --app-forest:#0f4338;
  --app-forest-2:#16594b;
  --app-text:#18332c;
  --app-muted:#68766f;
  --app-line:#dfe4de;
  --app-blue:#277f93;
  --app-good:#2c9a68;
  --app-warn:#d39135;
  --app-danger:#bc5948;
  --app-radius:22px;
  --app-shadow:0 10px 30px rgba(24,51,44,.07);
  --app-max:1180px;
}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--app-bg);color:var(--app-text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.025em;color:var(--app-text)}
.content-shell{width:min(var(--app-max),calc(100% - 32px))}
.section-label{font-size:.72rem;letter-spacing:.15em;color:#b96739;margin:0 0 .35rem;font-weight:800}
.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.05rem;border-radius:14px;font-weight:750;letter-spacing:-.01em;box-shadow:none}
.button:hover{transform:none;filter:brightness(.98)}
.button-forest{background:var(--app-forest);color:#fff}.button-sand{background:#f1e2c5;color:var(--app-forest)}

.site-header{background:rgba(15,67,56,.98);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-shell{min-height:80px;width:min(var(--app-max),calc(100% - 32px));gap:1rem}
.brand{display:flex;align-items:center;gap:.75rem}.brand-logo{width:48px;height:48px;max-width:none;max-height:none;object-fit:contain;border-radius:50%}.brand-copy{display:grid;line-height:1.04}.brand-kicker{font-size:.68rem;letter-spacing:.15em;color:#eadcc3}.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.42rem;letter-spacing:-.02em;color:#fff}
.nav-links{gap:1rem;font-size:.9rem}.nav-links a{min-height:44px;display:flex;align-items:center;padding:0 .2rem;opacity:.9}.nav-links a:hover{opacity:1}
.mobile-toggle{min-width:76px;min-height:44px;border-color:rgba(255,255,255,.32);display:none;align-items:center;justify-content:center;gap:.55rem;padding:.5rem .8rem}.menu-lines{width:18px;display:grid;gap:3px}.menu-lines i{display:block;height:2px;border-radius:99px;background:#fff}.menu-label{font-weight:750}

.app-home{min-height:100vh}.app-dashboard-shell{padding:2.1rem 0 1.5rem}.app-page-head{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:1.1rem}.app-page-head h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1;margin:.15rem 0 .55rem}.app-page-head p:not(.section-label){max-width:720px;margin:0;color:var(--app-muted);font-size:1rem}.app-primary-action{flex:0 0 auto}
.app-alert-strip{display:flex;align-items:flex-start;gap:.7rem;background:#fff8e9;border:1px solid #ead6ac;border-radius:16px;padding:.8rem .95rem;margin-bottom:1rem;color:#725223}.app-alert-strip p{margin:0;font-size:.84rem}.app-alert-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e4b45f;color:#fff;font-weight:800;flex:0 0 auto;font-size:.76rem}
.app-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:1rem;align-items:start}.app-side-stack{display:grid;gap:1rem}
.app-panel{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius);box-shadow:var(--app-shadow);padding:1.05rem;overflow:hidden}.app-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.app-panel-head.compact{align-items:center}.app-panel-head h2{font-size:1.35rem;line-height:1.12;margin:.05rem 0}.app-panel-copy{color:var(--app-muted);margin:.35rem 0 1rem;font-size:.89rem;max-width:760px}.app-live-indicator{width:11px;height:11px;border-radius:50%;background:#a9b2ad;box-shadow:0 0 0 5px rgba(169,178,173,.15);margin:.45rem .2rem 0 0;flex:0 0 auto}.app-live-indicator.is-active,.app-panel.is-loaded .app-live-indicator{background:var(--app-good);box-shadow:0 0 0 5px rgba(44,154,104,.13)}.app-live-indicator.clarity{background:#65aebd}.app-live-indicator.community{background:#d17a49}.app-weather-panel.is-loaded .weather-status{background:var(--app-good);box-shadow:0 0 0 5px rgba(44,154,104,.13)}

.app-gauge-groups{display:grid;gap:.85rem}.app-gauge-group{border:1px solid var(--app-line);border-radius:18px;background:var(--app-surface-soft);overflow:hidden}.app-group-title{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;border-bottom:1px solid var(--app-line);background:#fbfbf8}.app-group-title span{font-weight:800;font-size:.92rem}.app-group-title small{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#7a867f}
.app-gauge-group-usgs{margin-top:.85rem}.app-gauge-row{min-height:76px;display:grid;grid-template-columns:12px minmax(150px,1.3fr) minmax(100px,.7fr) minmax(150px,1fr) 36px;align-items:center;gap:.7rem;padding:.7rem .9rem;background:#fff}.app-gauge-row+.app-gauge-row{border-top:1px solid var(--app-line)}.app-status-dot{width:10px;height:10px;border-radius:50%;background:#aab3ae}.app-status-dot.good{background:var(--app-good)}.app-status-dot.warning{background:var(--app-warn)}.app-status-dot.neutral{background:#9da7a2}.app-gauge-name,.app-gauge-reading,.app-gauge-trend{display:grid;gap:.06rem;min-width:0}.app-gauge-name strong,.app-gauge-reading strong,.app-gauge-trend strong{font-size:.92rem;line-height:1.25;overflow-wrap:anywhere}.app-gauge-name small,.app-gauge-reading small,.app-gauge-trend small{font-size:.73rem;line-height:1.25;color:var(--app-muted);overflow-wrap:anywhere}.app-gauge-reading strong{font-size:1.08rem;color:#123b32}.app-gauge-trend{justify-self:start}.app-row-link{width:36px;height:44px;display:grid;place-items:center;text-decoration:none;font-size:1.75rem;color:#436f65;border-radius:12px}.app-row-link:hover{background:#edf3f0}.app-loading-row{min-height:76px;border:1px dashed #cbd5cf;border-radius:16px;display:flex;align-items:center;gap:.65rem;padding:1rem;color:var(--app-muted);font-size:.88rem;background:#fafbf8}.app-loading-dot{width:9px;height:9px;border-radius:50%;background:#94a39c;animation:trwPulse 1.4s infinite ease-in-out}.app-loading-row.error .app-loading-dot{background:var(--app-danger)}@keyframes trwPulse{50%{opacity:.35}}

.app-community-status{background:linear-gradient(145deg,#f2f7f5,#f5f1e7);border:1px solid var(--app-line);border-radius:18px;padding:.95rem;margin-top:.8rem}.app-community-status span,.app-mini-row span{display:block;color:var(--app-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.app-community-status strong{display:block;font-size:1.8rem;line-height:1.08;margin:.25rem 0}.app-community-status small{display:block;color:var(--app-muted);font-size:.8rem;line-height:1.35}.app-mini-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--app-line)}.app-mini-row strong{font-size:.9rem}.app-card-foot{margin:.7rem 0 0;color:var(--app-muted);font-size:.76rem;line-height:1.35}.app-inline-error{margin:.7rem 0 0;color:#954536;font-weight:700;font-size:.78rem}

.app-clarity-summary{margin-top:.8rem;background:linear-gradient(145deg,#f3f7f6,#faf6eb);border:1px solid var(--app-line);border-radius:18px;padding:.9rem}.app-clarity-summary span,.app-clarity-summary small{display:block;color:var(--app-muted);font-size:.72rem}.app-clarity-summary strong{display:block;font-size:1.5rem;line-height:1.1;margin:.2rem 0}.app-clarity-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.55rem}.app-clarity-counts>div{border:1px solid var(--app-line);border-radius:14px;padding:.6rem;text-align:center;background:#fbfaf7}.app-clarity-counts span{display:block;color:var(--app-muted);font-size:.67rem}.app-clarity-counts strong{display:block;margin-top:.15rem;font-size:1rem}

.app-weather-main{margin-top:.8rem;background:linear-gradient(145deg,#f0f7f5,#f6f5ed);border:1px solid var(--app-line);border-radius:18px;padding:.9rem}.app-weather-main strong{display:block;font-size:2rem;line-height:1}.app-weather-main span{display:block;margin-top:.3rem;font-size:.84rem;font-weight:700}.app-weather-stats{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.55rem}.app-weather-stats>div{border:1px solid var(--app-line);border-radius:14px;padding:.65rem;background:#fbfaf7}.app-weather-stats span,.app-weather-next span{display:block;color:var(--app-muted);font-size:.67rem;font-weight:700}.app-weather-stats strong,.app-weather-next strong{display:block;margin-top:.12rem;font-size:.86rem}.app-weather-next{padding:.65rem 0;border-bottom:1px solid var(--app-line);margin-top:.35rem}

.app-participation-banner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#eef5f1,#f8f4e9);border:1px solid #dbe3dd;border-radius:22px;padding:1.2rem 1.3rem;margin-top:1rem}.app-participation-banner h2{font-size:1.45rem;margin:.05rem 0 .35rem}.app-participation-banner p:not(.section-label){margin:0;color:var(--app-muted);font-size:.9rem;max-width:740px}.app-participation-banner .button{flex:0 0 auto}

.app-reports-section{padding:2.5rem 0}.app-section-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1rem}.app-section-head h2{font-size:1.8rem;margin:.05rem 0}.app-section-head>p{max-width:520px;color:var(--app-muted);font-size:.9rem;margin:0}.app-filters{margin-bottom:1rem}.app-filters select{min-height:46px;background:#fff}.app-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.app-report-card{border-radius:20px;box-shadow:var(--app-shadow);padding:1.05rem}.app-report-card .report-top h3{font-size:1.08rem;letter-spacing:-.015em}.app-report-card .report-top p{font-size:.76rem}.app-report-card .metrics{margin:.8rem 0 0;gap:.45rem}.app-report-card .metrics div{border-radius:13px;padding:.65rem}.app-report-card .report-comment{font-size:.88rem}.guest-label{font-weight:800;color:#84522f}

.app-about-strip{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr) auto;gap:1.5rem;align-items:center;background:#fff;border:1px solid var(--app-line);border-radius:22px;padding:1.2rem 1.3rem;margin-bottom:3rem;box-shadow:var(--app-shadow)}.app-about-strip h2{font-size:1.3rem;margin:.05rem 0}.app-about-strip p{margin:0;color:var(--app-muted);font-size:.88rem}.app-about-strip a{font-weight:800;text-decoration:none;color:var(--app-forest);white-space:nowrap}

/* Global form / secondary-page polish */
.form-page{background:var(--app-bg);padding:2.5rem 1rem 5rem}.form-card,.admin-card,.card{border-color:var(--app-line);border-radius:22px;box-shadow:var(--app-shadow)}.form-card h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.3rem)}.stack-form input,.stack-form select,.stack-form textarea,.stack input,.stack select,.stack textarea,.filters select,.admin-form input{min-height:46px;border-color:#d8dfda;border-radius:12px;background:#fff}.stack-form textarea,.stack textarea{min-height:120px}.choice span{min-height:46px;border-radius:12px;display:flex;align-items:center}.site-footer{padding-bottom:calc(2.2rem + env(safe-area-inset-bottom));background:#0b3129}

/* Mobile app tab bar */
.app-tabbar{display:none}.app-tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-tabbar svg path:first-child:not(:only-child){fill:none}.app-tabbar-plus{font-size:1.8rem;line-height:1;font-weight:500}

@media(max-width:980px){
  .app-dashboard-grid{grid-template-columns:1fr}.app-side-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.app-report-grid{grid-template-columns:1fr 1fr}.app-about-strip{grid-template-columns:1fr 1.3fr}.app-about-strip a{grid-column:1/-1}
}
@media(max-width:850px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.nav-shell{min-height:72px}.nav-links{top:72px;padding:1rem 16px calc(1rem + env(safe-area-inset-bottom));gap:.15rem}.nav-links a{width:100%;min-height:48px;border-radius:12px;padding:0 .8rem}.nav-links a:hover{background:rgba(255,255,255,.07)}.mobile-toggle{display:flex}.brand-logo{width:44px;height:44px}.brand-name{font-size:1.28rem}.brand-kicker{font-size:.62rem}
  .app-tabbar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:90;min-height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid rgba(24,51,44,.12);box-shadow:0 -10px 30px rgba(24,51,44,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-tabbar a{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#41655c;font-weight:750;border-radius:12px}.app-tabbar a:active{background:#edf3f0}.app-tabbar a small{font-size:.64rem}.app-tabbar-report{transform:translateY(-13px)}.app-tabbar-report .app-tabbar-plus{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--app-forest);color:#fff;box-shadow:0 6px 16px rgba(15,67,56,.25)}.app-tabbar-report small{margin-top:-1px}
  .app-side-stack{grid-template-columns:1fr}.app-about-strip{grid-template-columns:1fr}.app-report-grid{grid-template-columns:1fr}.app-page-head{align-items:flex-start;flex-direction:column;gap:.9rem}.app-primary-action{width:100%}.app-participation-banner{align-items:flex-start;flex-direction:column}.app-participation-banner .button{width:100%}.app-section-head{align-items:flex-start;flex-direction:column}.app-section-head>p{max-width:none}
}
@media(max-width:680px){
  .content-shell{width:min(100% - 20px,var(--app-max))}.app-dashboard-shell{padding:1.15rem 0 .8rem}.app-page-head{margin-bottom:.8rem}.app-page-head h1{font-size:2.15rem}.app-page-head p:not(.section-label){font-size:.88rem}.app-alert-strip{border-radius:14px;padding:.7rem .75rem}.app-panel{border-radius:20px;padding:.9rem}.app-panel-head h2{font-size:1.22rem}.app-panel-copy{font-size:.82rem;margin-bottom:.75rem}
  .app-gauge-row{grid-template-columns:10px minmax(0,1fr) auto 34px;gap:.55rem;min-height:72px;padding:.65rem .72rem}.app-gauge-trend{grid-column:2/4;display:flex;gap:.45rem;align-items:baseline;margin-top:-.18rem}.app-gauge-trend strong{font-size:.75rem}.app-gauge-trend small{font-size:.68rem}.app-gauge-reading{text-align:right;justify-self:end}.app-gauge-reading strong{font-size:1.02rem}.app-gauge-reading small{font-size:.69rem}.app-gauge-name strong{font-size:.9rem}.app-gauge-name small{font-size:.68rem}.app-row-link{grid-column:4;grid-row:1/3;width:34px;height:48px}.app-group-title{height:38px;padding:0 .72rem}.app-group-title span{font-size:.84rem}.app-group-title small{font-size:.62rem}
  .app-community-status strong{font-size:1.55rem}.app-weather-main strong{font-size:1.8rem}.app-clarity-counts>div{padding:.55rem .35rem}.app-reports-section{padding:1.8rem 0}.app-filters{display:grid;grid-template-columns:1fr 1fr}.app-filters .button{grid-column:1/-1;width:100%}.app-report-card .metrics{grid-template-columns:repeat(3,1fr)}.app-report-card .metrics div{padding:.55rem}.app-report-card .metrics span{font-size:.65rem}.app-report-card .metrics strong{font-size:.8rem}.app-about-strip{margin-bottom:1.5rem}.site-footer{display:none}
}
@media(max-width:390px){
  .brand-kicker{display:none}.brand-name{font-size:1.2rem}.mobile-toggle{min-width:50px}.menu-label{display:none}.app-filters{grid-template-columns:1fr}.app-filters .button{grid-column:auto}.app-report-card .metrics{grid-template-columns:1fr 1fr}.app-clarity-counts{gap:.3rem}.app-weather-stats{grid-template-columns:1fr 1fr}
}

/* v9.2 SERFC outlook card — separate from community calculations */
.app-serfc-panel{position:relative;overflow:hidden}
.app-serfc-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#325f78,#6fa6b3)}
.app-serfc-summary{background:linear-gradient(145deg,#f6f8f7,#eef4f3);border:1px solid #dfe6e3;border-radius:18px;padding:1rem;margin-top:.65rem}
.app-serfc-summary span{display:block;color:#6d7772;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.app-serfc-summary strong{display:block;margin-top:.25rem;font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:1.45rem;line-height:1.08}
.app-serfc-summary small{display:block;margin-top:.35rem;color:#707b76;line-height:1.4}
.app-serfc-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.65rem}
.app-serfc-counts>div{background:#f8f7f2;border:1px solid #e8e5da;border-radius:15px;padding:.7rem;text-align:center}
.app-serfc-counts span{display:block;color:#707873;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.app-serfc-counts strong{display:block;color:var(--forest);font-size:1.05rem;margin-top:.15rem}
.app-serfc-links{display:grid;gap:.45rem;margin-top:.8rem}
.app-serfc-links a{display:flex;align-items:center;min-height:44px;padding:.65rem .8rem;border:1px solid #dde2de;border-radius:13px;background:#fff;text-decoration:none;color:var(--forest);font-weight:800;font-size:.88rem}
.app-serfc-links a:after{content:"→";margin-left:auto;color:#5b8589}
.app-serfc-panel.is-loaded .app-live-indicator.serfc{background:#2f805d;box-shadow:0 0 0 5px rgba(47,128,93,.14)}
.app-serfc-panel.has-error .app-live-indicator.serfc{background:#b96e42;box-shadow:0 0 0 5px rgba(185,110,66,.14)}
@media(max-width:420px){.app-serfc-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.app-serfc-counts>div{padding:.6rem .35rem}}