/* ============================================================
   Typography — Unified Design System
   Combined-Admin · Lisle Design Ltd
   ============================================================ */

body {
    font-family: var(--font-base);
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-primary);
}

h1 {
    font-size: 2em;
    color: var(--text-primary);
    text-align: center;
}

h2 {
    font-size: 1.5em;
    color: var(--text-primary);
    text-align: center;
}

h3 {
    font-size: 1.25em;
    color: var(--text-primary);
    text-align: center;
}

a {
    display: inline-block;
    text-decoration: none;
    color: var(--page-link);
}

/* Restore inline display in prose / table contexts */
p a,
td a,
th a,
span a,
li a,
label a {
    display: inline;
}

ul {
    list-style: none;
}

/* ---- Utility classes ---- */

.notes {
    text-align: left;
}

.bullet-points {
    list-style: disc;
}

.text-left {
    text-align: left;
}

.red {
    color: #dc3545;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.table-1 tr td {
    word-wrap: break-word;
    word-break: break-all;
}

/* ---- Link effects ---- */

.mouseover-blue:hover {
    background: var(--surface-hover);
    color: var(--text-primary);
    border-radius: var(--radius);
}

.hover-underline:hover {
    text-decoration: underline;
}