/* Texas Outdoors: its own look. Sand and deep pine. */
:root{
  --bg:#f3efe4; --card:#fbf9f2; --ink:#1d2a22; --muted:#5d6a60; --line:#d8d1bd;
  --pine:#1f4d3a; --pine-ink:#fff; --water:#2b6f8a; --hit:#e4f1e1;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;font-size:17px}
.wrap{max-width:720px;margin:0 auto;padding:16px}
.sr{position:absolute;left:-9999px}
.top{border-bottom:3px solid var(--pine);padding-bottom:12px;margin-bottom:14px}
.kicker{margin:0;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
h1{margin:2px 0 10px;font-size:1.9rem;color:var(--pine)}
.picker{display:flex;gap:8px;flex-wrap:wrap}
select{flex:1 1 220px;min-height:44px;font:inherit;font-size:16px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.btn{min-height:44px;padding:8px 16px;border:0;border-radius:6px;background:var(--pine);color:var(--pine-ink);font:inherit;font-size:16px;cursor:pointer}
.btn.alt{background:transparent;color:var(--pine);border:1px solid var(--pine)}
.note{min-height:1.3em;margin:6px 0 0;font-size:.85rem;color:var(--muted)}
h2.place{margin:18px 0 0;font-size:1.35rem}
h3{margin:22px 0 8px;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--water);border-bottom:1px solid var(--line);padding-bottom:4px}
.rows{margin:0}
.rows>div{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.rows dt{flex:0 0 38%;color:var(--muted);font-size:.9rem}
.rows dd{flex:1;margin:0}
.src{font-size:.8rem;color:var(--muted)}
.none{color:var(--muted);font-style:italic}
.tip{font-size:.85rem;color:var(--muted)}
.fc{margin:6px 0}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th,.tbl td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.tbl tr.hit{background:var(--hit)}
.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--pine);font-weight:700}
.foot{margin-top:30px;padding-top:12px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.foot ul{padding-left:18px}
a{color:var(--water)}
@media(max-width:520px){
  .rows>div{flex-direction:column;gap:2px}
  .rows dt{flex:none}
  .tbl{font-size:.85rem}
}