/* --- B. DARK MODE OVERRIDES --- */
/* When the dark theme is active on the root element... */
[data-bs-theme="dark"] #content-blocks th {
    background-color: #343a40; /* A dark gray for the header background */
    color: #f8f9fa;            /* A light gray for the header text */
    border-color: #495057;     /* A slightly lighter border for contrast */
}

[data-bs-theme="dark"] #content-blocks td {
    border-color: #495057;     /* Match the header's border color for consistency */
}

/* --- C. INLINE CODE STYLING (GITHUB-LIKE) --- */
/* Base styles for all `code` elements within content */
#content-blocks code {
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
    border-radius: 6px;
    font-family: var(--bs-font-monospace); /* Use Bootstrap's monospace font variable */
}

/* Light mode specific colors */
[data-bs-theme="light"] #content-blocks code {
    color: #24292e; /* GitHub's light mode code text color */
    background-color: rgba(27, 31, 35, 0.05); /* A very light gray background */
}

/* Dark mode specific colors */
[data-bs-theme="dark"] #content-blocks code {
    color: #c9d1d9; /* GitHub's dark mode code text color */
    background-color: #161b22; /* A dark, slightly blue-gray background */
    border: 1px solid #30363d; /* A subtle border for better visibility */
}