/* An investor's own page (/superinvestors/<slug>, built by scripts/build-investor-pages.js). The hero, FAQ, sources and related blocks are css/stock-page.css; the
   tables, KPI tiles and move groups are css/superinvestors.css (the same ones the quick-look drawer uses). This file only adds what a page needs that the
   drawer does not: sections in the page flow, full-height tables, and a row header that is not styled like a column header. Prefix: ip-. */

.ip-hero .stock-page-lede strong{ color:var(--ink); }
.ip-notes{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; padding:0; list-style:none; }

.ip-section{ padding:6px 0 30px; }
.ip-section .wrap{ max-width:1040px; }
.ip-section h2{ margin:0 0 8px; font-family:'Instrument Sans', sans-serif; font-size:22px; font-weight:600; letter-spacing:-0.02em; }
.ip-sub{ margin:0 0 16px; max-width:760px; font-size:14.5px; line-height:1.6; color:var(--ink-soft); }
.ip-section .si-kpis{ margin:0 0 4px; }

/* every row on the page, not a 520px scroller: a crawler and a reader see the whole table */
.ip-table-wrap{ max-height:none; }
.ip-table caption{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ip-table tbody th{ position:static; padding:10px 12px; background:transparent; border-bottom:1px solid rgba(255,255,255,0.06); font-size:12.5px; font-weight:400; letter-spacing:0; text-transform:none; text-align:left; white-space:nowrap; color: var(--si-ink-2); }
.ip-table tbody th b, .ip-table td b{ color:#fff; }
.ip-table th small, .ip-table td small{ display:block; font-size:11px; color: var(--si-muted); }
.ip-table a{ color:#C9C2FF; text-decoration:underline; text-underline-offset:2px; }
.ip-table a b{ color:inherit; }
.ip-table tbody tr:hover > *{ background: rgba(255,255,255,0.03); }

/* the move groups: <h3> here (the drawer uses <h4>), same look */
.si-mv-group h3{ margin:0 0 10px; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color: var(--si-muted); }
.si-mv-item a{ color:#C9C2FF; text-decoration:underline; text-underline-offset:2px; }
.si-mv-item a b{ color:inherit; }
.ip-mv-r{ text-align:right; font-size:12.5px; color: var(--si-ink-2); }

@media (max-width: 720px){
  .ip-section{ padding-bottom:24px; }
  .ip-section .si-kpis{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}