/* Oklahoma Homestead Law, energy development components.
   Extends the existing brand system. No new colours, no new type, no icons.
   Loaded only by the three energy pages. */

/* ---------- Static county activity map ----------
   Same SVG as the county finder, but inert: no pointer cursor, no JS, no links
   inside the geometry. Counties are marked with fill AND a heavy navy stroke,
   and the same counties are always written out in text below the figure, so the
   shading is never the only carrier of meaning. */

.enmap{margin:var(--s6) 0 var(--s4)}
.enmap__frame{background:var(--raised);border:1px solid var(--border);
  border-radius:8px;padding:var(--s4);overflow:hidden}
.enmap .okmap__svg{display:block;width:100%;height:auto}

.enmap .okmap__counties path{fill:var(--okhl-soft-cream);
  stroke:var(--okhl-prairie-blue);stroke-width:.7;stroke-linejoin:round;
  cursor:default;pointer-events:none}
.enmap .okmap__counties path[data-activity]{fill:var(--okhl-prairie-blue);
  stroke:var(--okhl-navy);stroke-width:2.2}
.enmap .okmap__outline{stroke:var(--okhl-navy);stroke-width:2;fill:none;
  pointer-events:none}

@media print{
  /* Prairie Blue prints as mid grey; the heavy stroke keeps the marks legible. */
  .enmap .okmap__counties path[data-activity]{fill:#B9C9DA}
}

/* ---------- Named counties beneath the map ---------- */

.enkey__h{font-family:var(--font-body);font-size:.9rem;text-transform:uppercase;
  letter-spacing:.05em;color:var(--buffalo-700);margin:var(--s6) 0 var(--s3)}
.enkey{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3);
  grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.enkey li{max-width:none;background:var(--raised);border:1px solid var(--border);
  border-left:4px solid var(--okhl-prairie-blue);border-radius:0 6px 6px 0;
  padding:var(--s4)}
.enkey b{display:block;font-family:var(--font-display);font-size:1.05rem;
  color:var(--okhl-navy);line-height:1.25}
.enkey__place{font-size:.9rem;color:var(--olive-700)}
.enkey__status{display:block;margin-top:var(--s2);font-size:.75rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--buffalo-700)}
.enkey__detail{display:block;margin-top:var(--s2);font-size:.9rem;line-height:1.6}
.enkey__src{display:block;margin-top:var(--s2);font-size:.8125rem;color:var(--olive-700)}

/* ---------- County chips ---------- */

.chips{list-style:none;padding:0;margin:var(--s4) 0;display:flex;flex-wrap:wrap;
  gap:var(--s2)}
.chips li{max-width:none;background:var(--sunken);border:1px solid var(--border);
  border-radius:4px;padding:var(--s1) var(--s3);font-size:.9rem;
  color:var(--okhl-navy)}

/* ---------- As-of line under snapshot figures ---------- */

.asof{font-size:.875rem;color:var(--olive-700);max-width:var(--measure);
  margin:calc(var(--s4) * -1) 0 var(--s8);padding-left:var(--s1);
  border-left:3px solid var(--okhl-warm-tan);padding:var(--s2) 0 var(--s2) var(--s3)}

/* ---------- Classified resource list ----------
   The classification is a text label. It is never carried by colour alone. */

.srclist{list-style:none;padding:0;margin:var(--s4) 0}
.srclist li{max-width:var(--measure);padding:var(--s3) 0;
  border-bottom:1px solid var(--border)}
.srclist li:last-child{border-bottom:0}
.srclist a{font-weight:700}
.srclist__kind{display:inline-block;margin-left:var(--s2);font-size:.7rem;
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:.15rem .45rem;border-radius:3px;white-space:nowrap}
.srclist__kind--official{background:#DDE7DA;color:#41503A;border:1px solid #B9CBB2}
.srclist__kind--firstparty{background:#E2E8F0;color:#2F5478;border:1px solid #BFCEDE}
.srclist__kind--tracker{background:var(--sunken);color:var(--buffalo-700);
  border:1px solid var(--border)}
.srclist__note{display:block;font-size:.875rem;color:var(--olive-700);
  margin-top:var(--s1)}

@media(max-width:40rem){
  .enmap__frame{padding:var(--s2)}
  .srclist__kind{margin-left:0;margin-top:var(--s2);display:block;width:max-content}
}

/* ---------- Wide tables on narrow screens ----------
   The statutory citation column cannot be shortened without losing the
   subsection, so the table scrolls rather than overflowing the page.
   Focusable so a keyboard user can reach the scroll region. */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--s6) 0}
.tablewrap:focus-visible{outline:3px solid var(--okhl-prairie-blue);outline-offset:2px}
.tablewrap .cmp{margin:0;min-width:26rem}
@media(max-width:30rem){.tablewrap .cmp{min-width:22rem}}

/* ---------- Standalone call-to-action button ----------
   .btn-primary gets its box model from .hero__ctas a in site.css, so outside
   the hero it needs its own. Same brand colours, no new ones. The tan sits at
   only 1.5:1 against the cream page, so the button also carries a navy border:
   the control must not depend on fill alone to read as a control. */
.cta-line{margin:var(--s6) 0 var(--s8)}
.cta-line .btn-primary{display:inline-block;padding:var(--s3) var(--s6);
  border-radius:4px;text-decoration:none;font-weight:700;
  border:2px solid var(--okhl-navy)}
.cta-line .btn-primary:focus-visible{outline:3px solid var(--okhl-prairie-blue);
  outline-offset:2px}