/* Сравнение агродронов — только токены var(--agi-*), без литералов (design-lint). */

.agi-cmp { max-width: 74em; margin: 0 auto; padding: 1em 1em 3em; color: var(--agi-text-body); }
.agi-cmp h1 { color: var(--agi-ink); font-size: var(--agi-fs-3xl); margin: 0.4em 0; }
.agi-cmp-lede { max-width: 46em; font-size: var(--agi-fs-md); line-height: 1.55; }
.agi-cmp-lede a, .agi-cmp-note a { color: var(--agi-green-cta); }
.agi-cmp-wrap { overflow-x: auto; border: thin solid var(--agi-border); border-radius: var(--agi-radius-card); margin-top: 1.2em; background: var(--agi-bg); }
.agi-cmp-table { border-collapse: collapse; width: 100%; font-size: var(--agi-fs-base); }
.agi-cmp-table th, .agi-cmp-table td { padding: 0.55em 0.8em; border-bottom: thin solid var(--agi-border); text-align: left; vertical-align: top; }
.agi-cmp-table thead th { background: var(--agi-surface); color: var(--agi-ink); font-size: var(--agi-fs-md); white-space: nowrap; position: sticky; top: 0; }
.agi-cmp-table thead th a { color: var(--agi-green-cta); text-decoration: none; }
.agi-cmp-table thead th a:hover { text-decoration: underline; }
.agi-cmp-param { color: var(--agi-text-muted); min-width: 14em; }
.agi-cmp-group td { background: var(--agi-green-l); color: var(--agi-instock-fg); font-weight: 700; font-size: var(--agi-fs-sm); letter-spacing: 0.04em; text-transform: uppercase; }
.agi-cmp-na { color: var(--agi-text-faint); }
.agi-cmp-note { max-width: 50em; font-size: var(--agi-fs-sm); color: var(--agi-text-muted); margin-top: 1em; }
.agi-cmp-table tbody tr:last-child td { border-bottom: 0; }