/* =====================================================================
   Texas Homestead Law — Land, Water & Development section styles
   ---------------------------------------------------------------------
   NEW CSS ONLY. Loaded *after* assets/site.css by the Land, Water &
   Development pages. Reuses the site's existing design tokens
   (CSS variables defined in site.css). Nothing in this file overrides
   or modifies existing site components.
   ===================================================================== */

/* ---- status / warning / legal-note boxes ---- */
.status-box{background:var(--card); border:1.5px solid var(--line); border-left:5px solid var(--gold); border-radius:var(--r); padding:18px 22px; margin:26px 0; box-shadow:var(--shadow)}
.status-box p{margin:0; font-size:.95rem; color:var(--ink-soft)}
.status-box strong{color:var(--navy)}
.warning-box{background:#FBF4E4; border:1.5px solid var(--gold); border-radius:var(--r); padding:20px 24px; margin:26px 0}
.warning-box h3,.warning-box h4{font-family:var(--sans); font-size:.8rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--clay-700); margin:0 0 .5em; display:flex; align-items:center; gap:.55em}
.warning-box h3 svg,.warning-box h4 svg{width:16px; height:16px; flex:none}
.warning-box p{margin:0 0 .6em; font-size:.97rem}
.warning-box p:last-child{margin-bottom:0}

/* ---- map figure panels ---- */
.map-panel{background:var(--card); border:1.5px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:22px; margin:30px 0}
.map-panel figure{margin:0}
.map-panel img{width:100%; height:auto; border:1px solid var(--line-soft); border-radius:8px; background:#fff}
.map-panel figcaption{margin-top:14px; font-size:.93rem; color:var(--ink-soft); line-height:1.55}
.map-panel figcaption strong{color:var(--navy)}
.map-panel .map-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:16px}
.map-panel .file-note{font-size:.82rem; color:var(--ink-soft)}

/* ---- landowner checklist ---- */
.checklist{background:var(--card); border:1.5px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:30px 32px; margin:34px 0}
.checklist h3{font-size:1.12rem; margin:1.4em 0 .55em; padding-bottom:.35em; border-bottom:1px solid var(--line-soft)}
.checklist h3:first-of-type{margin-top:.8em}
.checklist ul{list-style:none; margin:0 0 1em; padding:0}
.checklist li{position:relative; padding:.32em 0 .32em 2em; font-size:.99rem}
.checklist li::before{content:""; position:absolute; left:.15em; top:.62em; width:15px; height:15px; border:2px solid var(--sage-700); border-radius:4px; background:#fff}
.checklist .cl-head{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:14px}
.checklist .cl-head p{color:var(--ink-soft); font-size:.97rem; max-width:56ch}

/* ---- topic-card status keys already exist (.tag-live/.tag-soon) ---- */

/* ---- editorial approach numbered questions reuse .method-card ---- */

/* ---- print: isolate the checklist ---- */
@media print{
  body.print-checklist header.site, body.print-checklist footer.site,
  body.print-checklist .menu-panel, body.print-checklist .menu-scrim,
  body.print-checklist .disclaimer, body.print-checklist .no-print{display:none !important}
  body.print-checklist main > :not(.print-target){display:none !important}
  body.print-checklist .print-target .checklist{border:none; box-shadow:none; padding:0}
  body.print-checklist{background:#fff}
}
@media print{
  .btn,.menu-btn,.nav-actions{-webkit-print-color-adjust:exact; print-color-adjust:exact}
}

/* =====================================================================
   Reservoirs & Water-Supply Projects additions (July 12, 2026)
   ---------------------------------------------------------------------
   ADDITIVE ONLY. Reuses existing design tokens from site.css. Nothing
   below overrides or modifies existing components.
   ===================================================================== */

/* ---- project-status summary card (sponsor / stage / location / source) ---- */
.proj-status{background:var(--card); border:1.5px solid var(--line); border-left:5px solid var(--navy); border-radius:var(--r); padding:20px 24px; margin:26px 0; box-shadow:var(--shadow)}
.proj-status dl{display:grid; grid-template-columns:max-content 1fr; gap:8px 20px; margin:0}
.proj-status dt{font-family:var(--sans); font-size:.7rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--sage-700); padding-top:.25em}
.proj-status dd{margin:0; font-size:.96rem; line-height:1.5}
@media (max-width:600px){
  .proj-status dl{grid-template-columns:1fr; gap:2px}
  .proj-status dd{margin-bottom:10px}
}

/* ---- numbered stage/step timeline ---- */
.stages{list-style:none; counter-reset:stage; margin:1.6em 0; padding:0}
.stages > li{counter-increment:stage; position:relative; padding:0 0 1.6em 3.2em}
.stages > li::before{content:counter(stage); position:absolute; left:0; top:0; width:2em; height:2em; border-radius:50%; background:var(--navy); color:#fdf6e7; font-family:var(--sans); font-weight:700; font-size:.95rem; display:flex; align-items:center; justify-content:center}
.stages > li::after{content:""; position:absolute; left:calc(1em - 1px); top:2.35em; bottom:.25em; width:2px; background:var(--line)}
.stages > li:last-child{padding-bottom:.4em}
.stages > li:last-child::after{display:none}
.stages h3{margin:.05em 0 .45em}
.stages p{margin:0 0 .8em}
.stages p:last-child{margin-bottom:0}

/* ---- stage-name chips (concept → operational) ---- */
.stage-chips{display:flex; flex-wrap:wrap; gap:8px; margin:.9em 0 1.1em; padding:0; list-style:none}
.stage-chips li{font-family:var(--sans); font-size:.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--navy); background:var(--limestone); border:1px solid var(--line); border-radius:999px; margin:0; padding:.42em .85em}
.stage-chips li::before{display:none}