/* Water Rights Texas: caliche paper, river teal, rust. No shadows, no gradients. */
:root{--paper:#f3eee2;--card:#fbf8f1;--ink:#1e2a2d;--muted:#5d625c;--river:#1c5b69;--rust:#9a4a26;--line:#d8ceb8;
--serif:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
--slab:Rockwell,"Roboto Slab","Zilla Slab","Courier New",Georgia,serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:1.07rem;line-height:1.62}
a{color:var(--river);text-underline-offset:2px}
a:hover{color:var(--rust)}
:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:5}
.wrap{max-width:780px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--slab);font-weight:700;line-height:1.18;margin:0 0 .5rem;letter-spacing:-.005em}
h1{font-size:2.35rem}
h2{font-size:1.5rem}
h3{font-size:1.1rem}
p{margin:0 0 1rem}
ul,ol{padding-left:1.25rem}
li{margin-bottom:.45rem}
.top{background:var(--ink);color:var(--paper)}
.top .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem 1rem;padding-top:.7rem;padding-bottom:.7rem}
.brand{font-family:var(--slab);font-weight:700;font-size:1.15rem;color:var(--paper);text-decoration:none;letter-spacing:.02em}
.brand span{color:#e7b48f}
.top nav{display:flex;flex-wrap:wrap;gap:.1rem .9rem}
.top nav a{color:#d9d3c4;text-decoration:none;font-family:var(--sans);font-size:.88rem}
.top nav a:hover{color:#fff;text-decoration:underline}
.hero{padding:2.4rem 0 1rem}
.kicker{font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 .4rem;font-weight:600}
.lead{font-size:1.2rem;max-width:36em}
.asof{font-family:var(--sans);font-size:.85rem;color:var(--muted)}
.notlegal{border-left:4px solid var(--rust);background:var(--card);padding:.6rem .9rem;font-size:.95rem;margin:1rem 0 0}
.wave{display:block;width:100%;max-width:260px;height:14px;margin:.4rem 0 1rem}
section{padding:1.7rem 0;border-top:1px solid var(--line)}
.no{font-family:var(--sans);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);font-weight:600;display:block;margin-bottom:.15rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:.6rem}
.two > div{background:var(--card);border:1px solid var(--line);padding:.9rem 1rem .4rem;border-top:4px solid var(--river)}
.two > div.gw{border-top-color:var(--rust)}
.two h3{margin-bottom:.35rem}
.two ul{padding-left:1.1rem;margin:0 0 .6rem}
.c{font-family:var(--sans);font-size:.78rem;white-space:nowrap;text-decoration:none;border-bottom:1px dotted currentColor}
/* Diagram */
.fig{margin:.8rem 0 0;background:var(--card);border:1px solid var(--line);padding:1rem 1rem .8rem}
.hint{font-family:var(--sans);font-size:.86rem;color:var(--muted);margin:0 0 .5rem}
.fig svg{display:block;width:100%;height:auto}
.cap{font-family:var(--sans);font-size:.8rem;color:var(--muted);margin:.6rem 0 0}
.hot{cursor:pointer}
.hot .ring{fill:transparent;stroke:transparent;stroke-width:3}
.hot:hover .ring,.hot.lit .ring{stroke:var(--rust);fill:rgba(154,74,38,.12)}
.hot:focus{outline:none}.hot:focus-visible .ring{stroke:var(--rust);stroke-dasharray:4 3}
.tag{fill:var(--paper);stroke:var(--rust);stroke-width:2}
.hot.lit .tag{fill:var(--rust)}
.tagn{font-family:var(--sans);font-size:14px;font-weight:700;fill:var(--rust);text-anchor:middle}
.hot.lit .tagn{fill:#fff}
.lbl{font-family:var(--sans);font-size:12px;fill:var(--muted)}
.lbl-b{font-family:var(--slab);font-size:14px;fill:var(--ink)}
.chips{display:none;flex-wrap:wrap;gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none}
.js .chips{display:flex}
.chips li{margin:0}
.chip{font-family:var(--sans);font-size:.88rem;min-height:40px;padding:.35rem .8rem;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);cursor:pointer}
.chip[aria-expanded="true"]{background:var(--rust);border-color:var(--rust);color:#fff}
.notes{list-style:none;padding:0;margin:.8rem 0 0}
.note{border-left:3px solid var(--river);padding:.15rem 0 .15rem .85rem;margin:0 0 .8rem;font-size:.98rem}
.note b{display:block;font-family:var(--slab)}
.js .note{display:none}.js .note.open{display:block}
/* Drought line-up */
.lineup{margin:1.2rem 0 0}
.toggle{font-family:var(--sans);font-size:.92rem;min-height:42px;padding:.4rem 1rem;border:2px solid var(--river);background:var(--paper);color:var(--river);border-radius:3px;cursor:pointer;font-weight:600}
.toggle[aria-pressed="true"]{background:var(--rust);border-color:var(--rust);color:#fff}
.users{list-style:none;padding:0;margin:.8rem 0 0}
.users li{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;align-items:center;margin:0 0 .45rem}
.users .who{font-family:var(--sans);font-size:.85rem}
.bar{height:20px;border:1px solid var(--ink);background:var(--paper);position:relative;overflow:hidden}
.bar i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--river)}
.dry .bar.jr i{width:0}
.dry .bar.mid i{width:40%}
.bar.jr i,.bar.mid i{transition:none}
.state{font-family:var(--sans);font-size:.88rem;color:var(--muted);margin:.4rem 0 0}
@media (prefers-reduced-motion:no-preference){.bar i{transition:width .5s ease}.hot .ring,.tag,.chip,.toggle{transition:background-color .15s,fill .15s,stroke .15s}}
/* Timeline */
.tl{list-style:none;margin:.8rem 0 0;padding:0}
.tl li{display:grid;grid-template-columns:6.8rem 1fr;gap:.9rem;margin:0;padding:.55rem 0;border-top:1px dashed var(--line)}
.tl .yr{font-family:var(--slab);font-weight:700;color:var(--river)}
.tl li.ahead .yr{color:var(--rust)}
.tl li.ahead{font-style:italic}
/* Facts */
.facts{counter-reset:f;list-style:none;padding:0;margin:.6rem 0 0}
.facts li{counter-increment:f;position:relative;padding:0 0 .2rem 2.4rem;margin:0 0 .9rem}
.facts li:before{content:counter(f);position:absolute;left:0;top:.05rem;font-family:var(--slab);font-weight:700;font-size:1.25rem;color:var(--rust);width:1.8rem;text-align:right}
.facts b{font-family:var(--slab)}
/* News */
.news{list-style:none;padding:0;margin:.6rem 0 0}
.news li{padding:.6rem 0 .6rem 1rem;border-left:3px solid var(--river);margin:0 0 .6rem;background:var(--card)}
.news .when{display:block;font-family:var(--sans);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--rust)}
.news li{padding-right:.8rem}
/* FAQ */
details{border-top:1px solid var(--line);padding:.7rem 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{font-family:var(--slab);font-weight:700;cursor:pointer;font-size:1.05rem}
details p{margin:.5rem 0 0}
.local{background:var(--card);border:1px solid var(--line);padding:.8rem 1rem}
.local ul{margin:.3rem 0 0}
.sources{font-size:.92rem}
.sources li{word-break:break-word}
.foot{background:var(--ink);color:#d9d3c4;margin-top:2rem;padding:1.4rem 0 2rem;font-family:var(--sans);font-size:.88rem}
.foot a{color:#e7b48f}
.foot p{margin:0 0 .4rem}
@media (max-width:700px){h1{font-size:1.85rem}body{font-size:1.02rem}.two{grid-template-columns:1fr}.tl li{grid-template-columns:5.6rem 1fr}.users li{grid-template-columns:6rem 1fr}}
/* Water fights */
.fights{list-style:none;padding:0;margin:.8rem 0 0}
.fight{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--river);padding:.8rem 1rem .5rem;margin:0 0 1rem}
.fight h3{font-size:1.12rem;margin-bottom:.5rem}
.st{display:inline-block;vertical-align:.12em;font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.1rem .45rem;border:1.5px solid currentColor;border-radius:2px;margin-right:.3rem}
.st-active{color:var(--rust)}
.st-paused{color:var(--muted)}
.st-done{color:var(--river)}
.fight dl{display:grid;grid-template-columns:5.6rem 1fr;gap:.3rem .8rem;margin:0 0 .6rem;font-size:.98rem}
.fight dt{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:.2rem}
.fight dd{margin:0}
.fight dd.latest{font-weight:600}
.fsrc{font-family:var(--sans);font-size:.82rem;color:var(--muted);margin:0 0 .3rem}
.fsrc .c{margin-right:.5rem;white-space:normal}
@media (max-width:700px){.fight dl{grid-template-columns:1fr;gap:0}.fight dt{padding-top:.45rem}}
.fight .kind{font-family:var(--sans);font-size:.85rem;color:var(--muted);border-left:3px solid var(--rust);padding:.1rem 0 .1rem .6rem;margin:0 0 .6rem}
.fight .lake{font-size:.95rem;margin:0 0 .4rem}
.fight .flow{list-style:none;margin:0 0 .8rem;padding:0;font-family:var(--sans);font-size:.82rem}
.fight .flow li{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;margin:0 0 .35rem}
.fight .flow b{flex:0 0 9.5rem;font-weight:600}
.fight .flow span{border:1px solid var(--line);border-radius:3px;padding:.05rem .4rem;background:var(--paper)}
.fight .flow i{font-style:normal;color:var(--river)}
@media (max-width:560px){.fight .flow b{flex-basis:100%}}

/* Further reading (Amazon affiliate) */
.reading{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--rust);padding:.9rem 1rem .5rem;margin:1.6rem 0 1.4rem}
.reading h2{font-size:1.15rem;margin-bottom:.4rem}
.reading ul{margin:0 0 .5rem;padding-left:1.1rem}
.reading li{margin-bottom:.35rem}
.reading .by{display:block;font-family:var(--sans);font-size:.82rem;color:var(--muted)}
.reading .aff{font-family:var(--sans);font-size:.78rem;color:var(--muted);margin:0 0 .4rem}
