/* Scoped source-water explanations; unrelated site styles remain unchanged. */
.use-case-page .eyebrow, .use-case-page .case-nav a { text-transform: none; letter-spacing: .04em; }
.use-case-page .case-hero { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.use-case-page .case-hero h1 { font-size: clamp(2.7rem, 6vw, 6rem); line-height: 1.05; overflow-wrap: anywhere; }
.use-case-page .case-deck { color: #e7eeee; }
.use-case-page .case-body { padding-top: 2rem; max-width: 1600px; margin-inline: auto; }
.source-figure { margin-bottom: 3.5rem; }
.source-figure img { width: 100%; height: auto; }
.use-case-page .case-figure figcaption { color: #514747; font-size: .9rem; line-height: 1.6; }
.water-context h2 { margin: 0 0 2rem; font: 400 clamp(2rem, 4vw, 3.6rem)/1.1 var(--serif); }
.water-context-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.water-context-grid > section { padding: 1.6rem; background: #fff; border: 1px solid #d3c9bd; border-top: 4px solid #143e43; }
.water-context h3 { font: 700 1.25rem/1.3 var(--sans); margin: .8rem 0 1rem; }
.water-context p { margin: 0; color: #493e3e; line-height: 1.75; }
.context-number { color: #500000; font-weight: 750; }
.site-specific { margin-top: 1.5rem; padding: 1.6rem 2rem; background: #e2eceb; border-left: 4px solid #143e43; }
.site-specific h3 { margin-top: 0; }
.case-jump { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding: 1.7rem 0 3rem; }
.case-jump a, .technical-sources a { color: #174c52; text-decoration: underline; text-underline-offset: .2em; }
.use-case-page :focus-visible { outline: 3px solid #b16600; outline-offset: 5px; }
.use-case-page .case-header :focus-visible { outline-color: #ffcf69; }
.use-case-page [id] { scroll-margin-top: 7rem; }
.use-case-page .case-intro { padding-bottom: 2rem; }
.process-disclosure { margin: 2rem 0; border: 1px solid #bdafa1; background: #fff; }
.process-disclosure summary { cursor: pointer; padding: 1rem 1.3rem; color: #143e43; font-weight: 700; }
.process-disclosure .case-figure { margin: 0; border: 0; }
.concept-boundary { color: #493e3e; max-width: 80ch; }
.technical-sources { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #bdafa1; }
.technical-sources h2 { font: 700 1.25rem/1.3 var(--sans); }
.technical-sources p, .technical-sources li { font-size: .95rem; color: #514747; }
.technical-sources li { margin-bottom: .6rem; }
.use-case-page .case-disclaimer { font-size: .9rem; }
.case-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding: 1.4rem clamp(1.5rem,7vw,7rem); color: rgba(255,255,255,.78); background: #210000; font-size: .74rem; }
.case-footer > a { color: #fff; font: 400 1.15rem var(--serif); text-decoration: none; }
.case-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.case-footer nav a { color: #f0cccc; text-decoration: none; }
.case-footer p { margin: 0; }
@media (max-width: 1000px) { .water-context-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .use-case-page .case-hero { padding-top: 2rem; padding-bottom: 2.5rem; } .use-case-page [id] { scroll-margin-top: 1rem; } .site-specific { padding: 1.3rem; } .case-nav a { padding-block: .4rem; } }