@@ -658,6 +658,37 @@ List<StyleRule> get siteStyles => [
658658 border: Border .all (color: Color ('#444950' ), width: 1. px),
659659 ),
660660
661+ // ───────────────────────────────────────────────────────────────────────
662+ // 12c. TABLES (matching Docusaurus/Infima table styling)
663+ // ───────────────────────────────────────────────────────────────────────
664+ css ('.content-container table' ).styles (
665+ width: Unit .percent (100 ),
666+ raw: {'display' : 'table' , 'border-collapse' : 'collapse' , 'margin-bottom' : '1.25rem' },
667+ ),
668+ css ('.content-container th, .content-container td' ).styles (
669+ padding: Padding .all (0.75 .rem),
670+ border: Border .all (color: Color ('#dadde1' ), width: 1. px),
671+ ),
672+ css ('.content-container thead tr' ).styles (
673+ raw: {'background' : '#f6f7f8' },
674+ ),
675+ css ('.content-container th' ).styles (
676+ fontWeight: FontWeight .w700,
677+ ),
678+ css ('.content-container tr:nth-child(2n)' ).styles (
679+ raw: {'background' : '#fbfcfd' },
680+ ),
681+ // Dark mode tables
682+ css ('[data-theme="dark"] .content-container th, [data-theme="dark"] .content-container td' ).styles (
683+ border: Border .all (color: Color ('#444950' ), width: 1. px),
684+ ),
685+ css ('[data-theme="dark"] .content-container thead tr' ).styles (
686+ raw: {'background' : 'rgba(255, 255, 255, 0.05)' },
687+ ),
688+ css ('[data-theme="dark"] .content-container tr:nth-child(2n)' ).styles (
689+ raw: {'background' : 'rgba(255, 255, 255, 0.02)' },
690+ ),
691+
661692 // ───────────────────────────────────────────────────────────────────────
662693 // 13. WORKFLOW CARDS
663694 // Docusaurus category page: 2-column card grid with icon, title,
0 commit comments