/* Article-scoped table styling, Quarkslab palette. The blog theme leaves Markdown tables unstyled (Bootstrap table styles are opt-in), so body tables render with no separators and no spacing from the content that follows. These rules add a navy header, light-blue borders, row separators, a faint blue zebra and hover, and a bottom margin. Solid brand colors are used only where they read in both light and dark themes (navy header with white text, light-blue borders). Row backgrounds use semi-transparent blue so they stay subtle on a dark background. Palette: navy #12284C, blue #0B63B2, light blue #A8C6E5. */ .entry-content table { border-collapse: collapse; width: 100%; margin: 0 0 1.5rem; } .entry-content table th, .entry-content table td { border: 1px solid #a8c6e5; padding: 7px 11px; text-align: left; vertical-align: top; } .entry-content table thead th { background: #12284c; color: #ffffff; border-color: #12284c; border-bottom: 2px solid #0b63b2; } .entry-content table tbody tr:nth-child(even) td { background: rgba(11, 99, 178, 0.07); } .entry-content table tbody tr:hover td { background: rgba(11, 99, 178, 0.13); } /* Space out consecutive footnote references so stacked citations like [^a][^b][^c] do not read as one run-together number (3 15, not 315). Only a superscript that immediately follows another gets the gap, so a single reference is left untouched. Applies in the table and in the body. */ .entry-content sup + sup { margin-left: 0.3em; } /* Dark-mode figure swap. The blog theme toggles color mode by setting data-bs-theme on (Bootstrap 5.3), not by the OS prefers-color-scheme, so the swap keys off that attribute to stay in sync with the manual toggle. Each diagram ships as two SVGs: figN.svg (light) and figN-dark.svg (dark). Both sit in the DOM, only one is displayed. The hidden one is removed from the accessibility tree by display:none, so its empty alt causes no double reading. Screenshots are single images and are not affected. display:block preserves the .align-center centering. */ .entry-content img.fig-dark { display: none; } [data-bs-theme="dark"] .entry-content img.fig-light { display: none; } [data-bs-theme="dark"] .entry-content img.fig-dark { display: block; }