/* article-specific rules only — base template in article-base.css */

/* SOURCES LINE — accessible contrast (ink3, not the under-contrast ink4 some older articles use) */
.art-sources { font-size: 0.78rem; color: var(--ink3); line-height: 1.7; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border) }
.art-sources a { color: var(--ink3); text-decoration: underline }
.art-sources a:hover { color: var(--accent) }

/* COMPARISON TABLE — what gets metered vs. what actually breaks */
.comp-wrap { overflow-x: auto; margin: 1.5rem 0 2rem }
.comp-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; background: #fff; border: 1px solid #e5e5e2; border-radius: var(--rl); overflow: hidden }
.comp-table th { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; padding: 0.8rem 0.9rem; text-align: left; border-bottom: 1px solid #e5e5e2; background: var(--s2); color: var(--ink3) }
.comp-table th.th-og { background: rgba(232,86,42,0.08); color: var(--accent) }
.comp-table td { padding: 0.8rem 0.9rem; border-bottom: 1px solid #f0f0ed; vertical-align: top; line-height: 1.55; color: var(--ink2); font-size: 0.84rem }
.comp-table tr:last-child td { border-bottom: none }
.comp-table td:first-child { font-weight: 500; color: var(--ink); font-size: 0.82rem; width: 26% }
.comp-table td.td-og { background: rgba(232,86,42,0.03) }

@media (max-width: 720px) {
  .comp-table { min-width: 560px }
}

@media (max-width: 600px) {
  .comp-table { font-size: 0.78rem }
  .comp-table th, .comp-table td { padding: 0.6rem 0.7rem }
}