.article-body > p:first-child { color: var(--text); }
.article-body sup { line-height: 0; }
.action-links { margin: 30px 0 42px; padding: 18px; border: .5px solid var(--line-bright); border-radius: 8px; background: var(--panel); }
.action-links h2 { margin: 0 0 12px; color: var(--green); font-size: var(--fs-h2); }
.action-links div { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.action-links a { color: var(--purple); font-size: var(--fs-small); }
.action-links a:hover, .action-links a:focus-visible { color: var(--green); }
.principles { display: grid; gap: 12px; margin: 24px 0; padding: 0; list-style: none; counter-reset: principle; }
.principles li { counter-increment: principle; position: relative; padding: 13px 14px 13px 48px; border: .5px solid var(--line); border-radius: 7px; color: var(--muted); background: var(--panel); }
.principles li::before { content: counter(principle, decimal-leading-zero); position: absolute; left: 14px; color: var(--gold); font-size: var(--fs-small); }
.principles strong { color: var(--green); font-weight: 500; }
.source-ledger > header h2 { color: var(--green); }
.source-card > header { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.source-card > header > .source-number { flex: none; color: var(--gold); font-size: var(--fs-h2); line-height: 1.35; }
.source-card > header > h3 { margin: 0; color: var(--purple); }
.source-card > header > h3 > a { color: var(--purple); }
.source-card > header > h3 > a:hover,
.source-card > header > h3 > a:focus-visible { color: var(--green); }
.source-card > .source-evidence { margin: 0; color: var(--green); font-size: var(--fs-small); }
@media print { .action-links { display: none; } .fact-card, .principles li { break-inside: avoid; } .fact-ledger { break-before: page; } }