.water-finder {
    --water-accent: #347463;
    --water-accent-soft: #dceee7;
    --water-card: #fffdf8;
    --water-ink: #20231f;
    --water-line: #dedbd1;
    --water-muted: #6d746a;
    background: radial-gradient(circle at 15% 5%, var(--water-accent-soft), transparent 32%), #f4f1e9;
    color: var(--water-ink);
    padding: 1.5rem 0 4rem;
}

.water-finder--espresso { --water-accent: #9a563f; --water-accent-soft: #f2ded4; }
.water-finder__container { max-width: 1440px; }
.water-finder__modes { display: flex; gap: .5rem; justify-content: flex-end; margin-bottom: 1.5rem; }
.water-finder__modes .btn-primary { background-color: var(--water-accent); border-color: var(--water-accent); }
.water-finder__hero { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: end; padding: 1.5rem 0 2.25rem; }
.water-finder__eyebrow { color: var(--water-accent); font-size: .76rem; font-weight: 800; letter-spacing: .16em; margin-bottom: .875rem; text-transform: uppercase; }
.water-finder h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.7rem, 6vw, 5.7rem); font-weight: 500; letter-spacing: -.055em; line-height: .93; max-width: 790px; }
.water-finder__lead { color: var(--water-muted); font-size: 1.03rem; line-height: 1.65; margin: 1.375rem 0 0; max-width: 680px; }
.water-finder__formula { background: rgba(255, 253, 248, .9); border: 1px solid var(--water-line); border-radius: 1.25rem; box-shadow: 0 18px 40px rgba(47, 42, 31, .07); min-width: 270px; padding: 1.375rem; }
.water-finder__formula span, .water-finder__formula small { color: var(--water-muted); display: block; }
.water-finder__formula span { font-size: .76rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.water-finder__formula strong { display: block; font-family: Georgia, serif; font-size: 1.3rem; font-weight: 500; margin-top: .4rem; }
.water-finder__formula small { margin-top: .4rem; }
.water-finder__stats { display: grid; gap: .75rem; grid-template-columns: repeat(3, 1fr); margin-bottom: 1.125rem; }
.water-stat { --tone: #9b4942; background: var(--water-card); border: 1px solid var(--water-line); border-bottom: 4px solid var(--tone); border-radius: 1.125rem; padding: 1.25rem 1.375rem; }
.water-stat--good { --tone: #357758; } .water-stat--okay { --tone: #a66d18; }
.water-stat span { color: var(--water-muted); font-size: .78rem; font-weight: 720; text-transform: uppercase; }
.water-stat strong { display: block; font-family: Georgia, serif; font-size: 2rem; font-weight: 500; margin-top: .3rem; }
.water-panel { background: var(--water-card); border: 1px solid var(--water-line); border-radius: 1.375rem; box-shadow: 0 24px 70px rgba(48, 43, 31, .08); overflow: hidden; }
.water-toolbar { align-items: center; border-bottom: 1px solid var(--water-line); display: flex; flex-wrap: wrap; gap: .75rem; padding: 1.125rem; }
.water-search { flex: 1 1 280px; }
.water-toolbar select { min-width: 210px; }
.water-toolbar__count { color: var(--water-muted); margin-left: auto; min-width: 110px; text-align: right; }
.water-table { font-size: .89rem; }
.water-table th { background: #f8f6f0; padding: 0; white-space: nowrap; }
.water-table th button { align-items: center; background: transparent; border: 0; color: #62675f; display: flex; font-size: .7rem; font-weight: 800; gap: .4rem; min-height: 48px; padding: 0 .95rem; text-transform: uppercase; width: 100%; }
.water-table th button::after { content: "↕"; opacity: .35; }
.water-table th button[data-direction="asc"]::after { content: "↑"; opacity: 1; }
.water-table th button[data-direction="desc"]::after { content: "↓"; opacity: 1; }
.water-table td { padding: .8rem .95rem; white-space: nowrap; }
.water-table td:first-child { font-weight: 680; min-width: 250px; white-space: normal; }
.water-badge { border-radius: 999px; display: inline-block; font-size: .75rem; font-weight: 750; padding: .375rem .6rem; }
.water-badge--perfect { background: #e7f2eb; color: #357758; }
.water-badge--okiish { background: #f8edd8; color: #8a570f; }
.water-badge--not-suited { background: #f6e6e4; color: #9b4942; }
.water-panel__message { color: var(--water-muted); margin: 0; padding: 3.5rem 1.25rem; text-align: center; }
.water-finder__note { color: var(--water-muted); font-size: .8rem; line-height: 1.6; margin: 1.25rem 0 0; }
.water-finder__note p { margin-bottom: .35rem; }
.water-finder__note a { color: var(--water-accent); }
@media (max-width: 800px) {
    .water-finder__hero, .water-finder__stats { grid-template-columns: 1fr; }
    .water-finder__formula { min-width: 0; }
    .water-toolbar__count { margin-left: 0; text-align: left; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .water-finder * { scroll-behavior: auto !important; transition: none !important; } }