/* Congressional staff (/staff) and diplomats (/diplomats) */
.stf-head { max-width: 860px; }
.stf-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--s-5, 20px); margin: var(--s-5, 20px) 0 var(--s-6, 28px); }
.stf-seg { margin: 0 0 var(--s-5, 20px); max-width: 100%; overflow-x: auto; }
.stf-view { min-height: 240px; }
.stf-sec { margin: var(--s-7, 40px) 0; }
.stf-fbar { margin-bottom: var(--s-3, 12px); }
.stf-note { font-size: var(--fs-sm, 14.5px); color: var(--ink-3); max-width: 860px; margin: var(--s-2, 8px) 0 var(--s-4, 16px); }
.stf-none { font-family: var(--font-display, serif); font-style: italic; color: var(--ink-3); }
.stf-sub { display: block; font: 400 var(--fs-xs, 12.5px)/1.4 var(--font-ui, sans-serif); color: var(--ink-4); margin-top: 2px; }
.stf-q { quotes: '“' '”'; font-family: var(--font-display, serif); }
.stf-tag { display: inline-block; font: 700 9.5px/1.5 var(--font-label, sans-serif); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); border: 1px solid var(--rule-2); padding: 0 4px; margin-right: 4px; vertical-align: 1px; }
.stf-tag.alt { color: var(--ink-3); border-style: dashed; }
.stf-h2 { font: 700 var(--fs-xl, 28px)/1.2 var(--font-display, serif); margin: var(--s-3, 12px) 0 var(--s-2, 8px); }
.stf-h3 { font: 700 var(--fs-lg, 23px)/1.25 var(--font-display, serif); margin: var(--s-5, 20px) 0 var(--s-2, 8px); }
.stf-crumb { font: 700 var(--fs-2xs, 11px)/1.4 var(--font-label, sans-serif); letter-spacing: var(--track-label, .12em); text-transform: uppercase; margin: 0; }
.stf-crumb a { color: var(--ink-3); }
.stf-list { padding-left: 18px; max-width: 900px; font-size: var(--fs-sm, 14.5px); }
.stf-list li { margin: 6px 0; }
.stf-t { width: 100%; border-collapse: collapse; font-size: var(--fs-sm, 14.5px); }
.stf-t th, .stf-t td { text-align: left; vertical-align: top; padding: 8px 12px 8px 0; border-bottom: var(--hair, 1px solid var(--rule)); }
.stf-t thead th { font: 700 var(--fs-2xs, 11px)/1.2 var(--font-label, sans-serif); letter-spacing: var(--track-label, .12em); text-transform: uppercase; color: var(--ink-3); border-bottom: var(--heavy, 3px solid var(--ink)); }
.stf-t tbody th { font-weight: 400; }
@media (max-width: 640px) {
  .stf-t, .stf-t tbody, .stf-t tr, .stf-t th, .stf-t td { display: block; width: 100%; }
  .stf-t thead { display: none; }
  .stf-t tr { border-bottom: var(--hair, 1px solid var(--rule)); padding: 8px 0; }
  .stf-t th, .stf-t td { border: 0; padding: 2px 0; }
}
