/* Terms of Service — version-history changelog (cortex-ik5o4dq).
   Auto-loaded for /tos via wrapper.php (modules/tos/css/index.css).
   Uses the site design tokens declared in src/css/style.css :root — no raw hex. */

.tos-version-heading {
    margin-top: var(--space-8);
}

/* Card shell around the table: subtle border, rounded corners, soft lift.
   overflow:hidden clips the accent header to the outer radius. */
.tos-version-history {
    margin-top: var(--space-4);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(4, 45, 74, 0.06);
}

.tos-version-table.table {
    margin-bottom: 0;           /* the card owns outer spacing */
    background: var(--surface);
}

.tos-version-table thead th {
    background: var(--accent-dark);
    color: var(--accent-fg);
    font-weight: 500;
    border: none;
    padding: var(--space-3) var(--space-4);
    font-size: 0.95em;
    letter-spacing: 0.02em;
}

.tos-version-table tbody td {
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--border);
    color: var(--text);
    vertical-align: top;
    line-height: 1.5;
}

/* Zebra striping + hover for scanability. */
.tos-version-table tbody tr:nth-child(odd) td {
    background: var(--accent-muted);
}

.tos-version-table tbody tr:hover td {
    background: rgba(43, 179, 243, 0.14);
}

/* Date column: emphasised, shrink-to-content, no wrapping on desktop. */
.tos-version-table th:first-child,
.tos-version-table td:first-child {
    white-space: nowrap;
    width: 1%;
}

.tos-version-table tbody td:first-child {
    color: var(--text-strong);
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .tos-version-table th:first-child,
    .tos-version-table td:first-child {
        white-space: normal;
    }
}