style: add subtle borders to tables in Learning Hub articles

Tables in article content were invisible due to no border styles.
Add collapsed borders, a tinted header row, and a subtle hover effect
scoped to .article-content table elements.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Aaron Powell
2026-02-26 13:49:37 +11:00
parent 2d75b4429f
commit a88c9f89d5

View File

@@ -1817,6 +1817,30 @@ a:hover {
color: var(--color-text-emphasis);
}
.article-content table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
font-size: 14px;
}
.article-content th,
.article-content td {
padding: 10px 14px;
text-align: left;
border: 1px solid var(--color-border);
}
.article-content th {
font-weight: 600;
color: var(--color-text-emphasis);
background-color: var(--color-glass);
}
.article-content tr:hover {
background-color: var(--color-glass);
}
/* Learning Hub - Index Page */
.learning-hub-section h2 {
font-size: 24px;