/**
 * Per-competitor comparison pages (/compare/<product>/).
 * Loaded through page_start()'s extra_css; the rest of the page uses site.css.
 */

/* Two-column table: narrower than the nine-column table on the hub. */
.compare-table.is-duo { min-width: 40rem; }
.compare-table.is-duo tbody th { white-space: normal; width: 22%; }
.compare-table.is-duo td { width: 39%; }

/* Verdict cards: who each product is for. */
.verdict-card { border: 1px solid var(--site-line); border-radius: var(--site-radius); background: #fff; padding: 1.75rem; height: 100%; }
.verdict-card .verdict-mark { width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: .75rem; background: var(--site-accent-soft); color: var(--site-accent-text); font-size: var(--t-2xl); margin-bottom: 1.25rem; }
.verdict-card h3 { font-size: var(--t-lg); font-weight: 700; margin-bottom: .625rem; }
.verdict-card p { color: var(--site-muted); }
.verdict-card p:last-child { margin-bottom: 0; }

/* Switching: the list of things you rebuild, opposite the check-list of things that carry over. */
.rebuild-list { list-style: none; padding: 0; margin: 0; }
.rebuild-list li { position: relative; padding-left: 1.875rem; margin-bottom: .625rem; }
.rebuild-list li::before { content: "\2192"; position: absolute; left: .125rem; top: 0; font-weight: 700; color: var(--site-muted); }

/* Source links for every competitor figure on the page. */
.source-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .875rem; }
.source-list a { font-weight: 600; }
.source-list .source-host { display: block; font-size: var(--t-xs); color: var(--site-muted); overflow-wrap: anywhere; }

/* Links to the hub and the two closest comparisons. */
.sibling-links { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem 2.5rem; justify-content: center; }
.sibling-links a { min-height: 44px; }