/* ══ site-wide tuning ═══════════════════════════════════════════════════════
   Three rules the whole Mutual Funds section shares, applied here rather than
   duplicated into four stylesheets and two pages of inline CSS:

     1. tighter vertical rhythm — the gaps were set for prose, not for tables
     2. every table gets a rule between its rows, so the eye can track sideways
        across a wide row of numbers without sliding a line
     3. anything you can operate looks operable — one warm tint and one border
        for every control, solid when it is the active one

   Loaded after each page's own stylesheet, so it only has to win on the
   handful of properties it names. Deliberately selector-light: it must not
   fight layout it cannot see. */

/* ── 1. rhythm ─────────────────────────────────────────────────────────── */
section, .section, .panel, .card, .block { margin-bottom: 14px }
h2 { margin-top: 22px; margin-bottom: 9px }
h3 { margin-top: 15px; margin-bottom: 7px }
h2 + p, h3 + p, h2 + .note, h3 + .note { margin-top: 0 }
p  { margin-bottom: 9px }

/* ── 2. table rules ───────────────────────────────────────────────────── */
table { border-collapse: collapse }
table tbody tr > td,
table tbody tr > th { border-bottom: 1px solid rgba(13,21,38,.10) }
/* Keep the rule on the last row too. Removing it left every single-row table —
   and the metric tables here have exactly one body row — with no line at all. */
table tbody tr:last-child > td,
table tbody tr:last-child > th { border-bottom: 1px solid rgba(13,21,38,.10) }
table thead tr > th { border-bottom: 2px solid rgba(13,21,38,.20) }

/* ── 3. controls read as controls ─────────────────────────────────────── */
.seg button, .pill, .chip, .filter-btn, .sort-btn, .tab-btn,
.period-btn, .plan-btn, select, .toggle {
  background: #FAF1DC;
  border: 1px solid #DCAB3C;
  color: #2B3452;
}
.seg button:hover, .pill:hover, .chip:hover, .filter-btn:hover,
.sort-btn:hover, .tab-btn:hover, .period-btn:hover, .plan-btn:hover {
  background: #F5E6C0;
  border-color: #B8871C;
  color: #6F550F;
}
.seg button.active, .pill.active, .chip.active, .filter-btn.active,
.sort-btn.active, .tab-btn.active, .period-btn.active, .plan-btn.active,
.seg button[aria-selected="true"], [aria-current="true"] {
  background: #0D1526;
  border-color: #0D1526;
  color: #fff;
}