/* Sprint CR / Workstream 3 — finder page polish (cq-build-finders.mjs's five
 * dataset pages). Companion to styles.css, not a replacement: everything a
 * finder page shares with the rest of the site (.eyebrow, .cy-lede,
 * .cityfind, .chips, .hero-ctas, .sec-head, .btn…) stays in styles.css and
 * is left alone (Sprint CR rule E — styles.css is Workstream 4's). This file
 * only carries what is specific to the finder template: the narrow reading
 * column used for the hero/intro/jump-index, the data table, and the
 * CSV/cite footnote line.
 *
 * planning/sprint-cr/review-2-layout/layout-system.md + mock-finder.html are
 * the design reference this follows.
 */

/* --------------------------------------------------------------------------
 * Narrow reading column (layout-system.md's ".wrap-narrow"). Reuses
 * the site's existing --gutter custom property (styles.css :root, already
 * responsive at 980px/600px) so it breathes exactly like .wrap does — just
 * narrower. Also sidesteps the ".cy-hero .wrap{grid-template-columns:…}"
 * two-column rule (styles.css:1893): that selector targets .wrap specifically,
 * so a hero using .wrap-narrow never triggers the phantom empty second
 * column that squeezes .cy-hero content on pages that only ever supply one
 * child div (see layout-system.md "The bug"). Applied to every section here
 * except the data table itself (needs the full 1160px column) and the
 * closing CTA band (site-wide full-bleed convention, left alone).
 * .wrap-narrow and .cq-label (below) used to be scoped copies here (and in
 * fee-hub.css / re-city-page.css) since WS3 didn't own styles.css this
 * sprint. Promoted to one source in styles.css in the final pass (WS5).
 * -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
 * Data table — findings.md #4: the generator's table had no cell styling at
 * all (no padding/border rule anywhere matches a bare <table>), so rows fell
 * back to the sitewide *{margin:0;padding:0} reset. Header row, padding and
 * row dividers below match the treatment .citytable already uses
 * (re-city-page.css) — the one styled table precedent on the site — plus a
 * bordered wrapper and a target-highlight for the #m-<slug> jump anchors.
 * -------------------------------------------------------------------------- */
.finder-table{overflow-x:auto;margin-top:18px;border:1px solid var(--border);border-radius:14px}
.finder-table table{border-collapse:collapse;width:100%;font-size:14px}
.finder-table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:12px 14px;background:var(--bg-raised);border-bottom:1px solid var(--border-strong);white-space:nowrap}
.finder-table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top}
.finder-table tr:last-child td{border-bottom:none}
.finder-table tr:target{background:var(--tsl-gold-soft)}
@media(max-width:600px){.finder-table th,.finder-table td{padding:9px 10px;font-size:13px}}

/* --------------------------------------------------------------------------
 * Source / CSV / cite line — findings.md's "footnote/source line style".
 * -------------------------------------------------------------------------- */
.finder-note{font-size:13.5px;color:var(--tsl-ink-soft);margin-top:14px;max-width:80ch;line-height:1.6}
.finder-dl{font-weight:600}
.finder-cite{font-size:13.5px;color:var(--tsl-ink-soft);margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.finder-cite cite{font-style:normal;font-family:monospace}

/* Updated-date line under the h1 (finder-updated already existed inline; kept
 * here so the generator's per-page <style> block can be dropped). */
.finder-updated{font-size:13px;font-weight:600;color:var(--tsl-gold-ink);letter-spacing:.02em;margin:0 0 4px}