/* Comparison-table styles for landing/vs-admet-tools.html.
 *
 * Moved out of an inline <style> block that carried a comment claiming it
 * was "static and CSP-safe". It was not: this domain serves two
 * Content-Security-Policy headers (nginx + app) and browsers enforce their
 * intersection, so a page without style-src 'unsafe-inline' in the stricter
 * header drops inline <style> blocks -- the comparison table rendered
 * unstyled for every visitor.
 */
.cmp-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; line-height: 1.5; }
.cmp-table th { background: var(--bg-tint-2); text-align: left; padding: 10px 12px; font-weight: 700; border-bottom: 2px solid var(--line); white-space: nowrap; }
.cmp-table td { padding: 10px 12px; border-bottom: 1px solid var(--line-2); vertical-align: top; }
.cmp-table tr:hover td { background: var(--brand-50); }
.cmp-table .check { color: var(--ok); font-weight: bold; }
.cmp-table .cross { color: var(--danger); }
.cmp-table .partial { color: var(--warn); }
.cmp-table .tox-col { background: var(--brand-50); border-left: 3px solid var(--brand); border-right: 3px solid var(--brand); }
.cmp-wrap { overflow-x: auto; margin: 24px 0; border: 1px solid var(--line); border-radius: var(--r); }
.pros-list { list-style: none; padding: 0; margin: 6px 0 0 0; }
.pros-list li { padding: 2px 0; }
.pros-list li::before { content: "— "; color: var(--slate); }
.cmp-badge { display: inline-block; font-size: 0.7rem; font-weight: 700; padding: 2px 7px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.04em; }
.cmp-badge.free { background: var(--ok-50); color: var(--ok); }
.cmp-badge.freemium { background: var(--warn-50); color: var(--warn); }
.cmp-badge.paid { background: var(--danger-50); color: var(--danger); }
.cmp-badge.oss { background: var(--brand-50); color: var(--brand); }
.verdict-card { background: var(--bg-tint); border: 1px solid var(--line); border-radius: var(--r); padding: 24px; margin: 20px 0; }
.verdict-card h3 { margin-top: 0; }
.verdict-card .verdict-label { display: inline-block; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; }
.verdict-card .use-for  { background: var(--ok-50); color: var(--ok); }
.verdict-card .use-with { background: var(--warn-50); color: var(--warn); }
.verdict-card .avoid    { background: var(--danger-50); color: var(--danger); }
.num-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.num-table th { background: var(--bg-tint-2); text-align: left; padding: 8px 10px; border-bottom: 2px solid var(--line); }
.num-table td { padding: 8px 10px; border-bottom: 1px solid var(--line-2); font-variant-numeric: tabular-nums; }
.warn-highlight { background: #fff3cd; }