/* Across sources, scheme A (2026-11-10). Page tokens from site-frame.css; the font variables from site-shell.css. */
.acs { font-size: 12px; color: var(--ink); }
.acs-head { display: flex; align-items: baseline; gap: 8px; }
.acs-head h3 { margin: 0; font-size: 16px; font-weight: 650; line-height: 24px; }
.acs-tsv { margin-left: auto; font-size: 12px; color: var(--link); text-decoration: none; white-space: nowrap; }
.acs-tsv:hover { text-decoration: underline; }
.acs-caption { margin: 0 0 4px; font-size: 11.5px; line-height: 1.35; color: var(--muted); }
.acs-codon { all: unset; font: 600 12.5px var(--mono); color: var(--link); cursor: pointer; }
.acs-codon:hover { text-decoration: underline; }
.acs-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.acs-table th, .acs-table td { padding: 3px 3px; border-bottom: 1px solid var(--rule-soft); text-align: right; white-space: nowrap; font-weight: 400; }
.acs-table td { font: 12px var(--mono); }
.acs-table thead th { vertical-align: bottom; font-weight: 600; border-bottom-color: var(--rule); }
.acs-table th:first-child { text-align: left; padding-left: 0; }
.acs-table th small { display: block; font: 400 10px/1.3 var(--cutd-font-body); color: var(--muted); }
/* "Source" ⓘ: the filter's Source ⓘ scaled from its 13px label to this 12px header; it opens the same note. */
.acs-info { margin-left: 4.5px; }
.acs-info .info-icon { width: 12px; height: 12px; font-size: 8.8px; vertical-align: 1.15px; }
.acs-table tbody th { font-weight: 600; }
.acs-table tr.acs-current th, .acs-table tr.acs-current td { font-weight: 700; color: var(--navy); }
.acs-table tr.acs-current th::before { content: ''; display: inline-block; width: 3px; height: 11px; margin: 0 5px -1px 0; background: var(--rank-top); }
.acs-table tr.acs-small th, .acs-table tr.acs-small td { color: var(--muted); }
.acs-table td.acs-note { font: 11px var(--cutd-font-body); text-align: left; padding-left: 12px; }
.acs-range th, .acs-range td { color: var(--navy); font-weight: 600 !important; border-bottom: 1px solid var(--rule); }
.acs-range th small { display: inline; margin-left: 3px; font: 400 10px var(--cutd-font-body); color: var(--muted); }
.acs-all th, .acs-all td { color: var(--muted); border-bottom: 0; }
.acs-all.acs-current th, .acs-all.acs-current td { color: var(--navy); }
/* keyboard focus on the codon headers (all: unset removes the browser ring); mouse clicks show nothing */
.acs-codon:focus-visible, .acs-tsv:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }