/* Certificate threats (/cert-threats). Monochrome chrome; colour only in the
   severity pills. Tile + table chrome comes from table-kit.css; this file
   keeps only page content styles. */

.cth-lede { color: var(--ink-3); font-size: 14px; line-height: 1.55; margin: 0 0 22px; max-width: 840px; }
.cth-lede strong { color: var(--ink-2); font-weight: 600; }

/* Severity border highlight on hot summary tiles */
.cth-tile-critical.on { border-color: color-mix(in srgb, var(--danger) 42%, var(--line)); }
.cth-tile-high.on     { border-color: color-mix(in srgb, var(--warn) 42%, var(--line)); }

/* Table cell content */
.cth-type { font-weight: 600; color: var(--ink); }
.cth-subject { color: var(--ink-2); font-size: 0.86rem; }
.cth-muted { color: var(--ink-4); }
.cth-src { color: var(--ink-4); white-space: nowrap; }
.cth-issuer { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cth-pill { display: inline-flex; width: fit-content; padding: 4px 7px; border: 1px solid var(--border-color); border-radius: 999px; font: 800 0.64rem/1 var(--sans); text-transform: uppercase; white-space: nowrap; }
.cth-pill-critical { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 44%, var(--border-color)); background: color-mix(in srgb, var(--danger) 8%, var(--bg-primary)); }
.cth-pill-high,
.cth-pill-medium   { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 42%, var(--border-color)); background: color-mix(in srgb, var(--warn) 8%, var(--bg-primary)); }
.cth-pill-low      { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 32%, var(--border-color)); background: color-mix(in srgb, var(--ok) 8%, var(--bg-primary)); }

.cth-action {
    display: inline-flex; align-items: center;
    padding: 7px 14px; border-radius: var(--r-md);
    border: 1px solid var(--line-2); background: var(--bg-1);
    color: var(--ink-2); font: 600 0.8rem/1 var(--sans); text-decoration: none; white-space: nowrap;
}
.cth-action:hover { border-color: var(--line-3); color: var(--ink); }
.cth-action-primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.cth-action-primary:hover { color: #fff; filter: brightness(1.08); }