.article-comparison{margin:1.5rem 0 2rem}.article-comparison-sides{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:1.25rem;margin-bottom:1.5rem}.article-comparison-side{position:relative;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md,8px);padding:1rem;background:var(--color-surface);text-align:center}.article-comparison-side--winner{border:2px solid var(--color-primary);padding-top:1.75rem;background:var(--color-primary-tint);box-shadow:var(--shadow-md)}.article-comparison-side--winner .article-comparison-side-name{color:var(--color-primary-dark)}[data-theme="dark"] .article-comparison-side--winner .article-comparison-side-name{color:var(--color-primary-light)}.article-comparison-badge{position:absolute;top:-0.7rem;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem 0.75rem;border-radius:999px;background:var(--color-primary);color:#fff;font-size:0.72rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;box-shadow:var(--shadow-sm);white-space:nowrap}.article-comparison-badge svg{width:0.8rem;height:0.8rem;flex-shrink:0}.article-comparison-side-image{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain;border-radius:var(--radius-sm,4px);background:var(--color-bg);margin-bottom:0.75rem}.article-comparison-side-name{font-size:1.15rem;font-weight:700;color:var(--color-ink);margin:0 0 0.4rem;overflow-wrap:anywhere;word-break:normal}.article-comparison-side-desc{font-size:0.92rem;color:var(--color-ink-soft);line-height:1.5;margin:0;overflow-wrap:anywhere;word-break:normal}.article-comparison-vs{align-self:center;font-size:0.85rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-tint);border-radius:999px;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center}.article-comparison-rows-heading{font-size:0.95rem;font-weight:700;color:var(--color-ink);margin:0 0 0.75rem}.article-comparison-rows{border:1px solid var(--color-border);border-radius:var(--radius-md,8px);overflow:hidden}.article-comparison-row{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;border-top:1px solid var(--color-border)}.article-comparison-row:first-child{border-top:none}.article-comparison-row--header{background:var(--color-surface)}.article-comparison-row--header .article-comparison-row-label,.article-comparison-row--header .article-comparison-row-value{padding:0.65rem 0.85rem;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--color-ink);border-bottom:2px solid var(--color-border)}.article-comparison-row-value--header{justify-content:center;text-align:center}.article-comparison-row:not(.article-comparison-row--header):nth-of-type(even){background:var(--color-bg)}.article-comparison-row-label{min-width:0;padding:0.7rem 0.85rem;font-weight:600;font-size:0.85rem;color:var(--color-ink);display:flex;align-items:center;overflow-wrap:anywhere;word-break:normal}.article-comparison-row-value{min-width:0;padding:0.7rem 0.85rem;font-size:0.85rem;line-height:1.4;color:var(--color-ink-soft);border-left:1px solid var(--color-border);display:flex;align-items:center;overflow-wrap:anywhere;word-break:normal}.article-comparison-row-value-text{overflow-wrap:anywhere;word-break:normal;min-width:0}.article-comparison-row-value--winner{color:var(--color-primary-dark);font-weight:700;background:var(--color-primary-tint);box-shadow:inset 3px 0 0 var(--color-primary)}.article-comparison-row-winner-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:1rem;height:1rem;margin-right:0.4rem;border-radius:999px;background:var(--color-primary);color:#fff;flex-shrink:0}.article-comparison-row-winner-icon svg{width:0.6rem;height:0.6rem}.article-comparison[dir="rtl"] .article-comparison-side-desc,.article-comparison[dir="rtl"] .article-comparison-row-label,.article-comparison[dir="rtl"] .article-comparison-row-value{text-align:right;font-family:var(--font-urdu,inherit)}@media (max-width:767.98px){.article-comparison-sides{grid-template-columns:1fr;gap:0;margin-bottom:1.75rem}.article-comparison-side{padding:1.25rem 1rem}.article-comparison-side + .article-comparison-vs,.article-comparison-vs{justify-self:center;margin:0.9rem auto}.article-comparison-side--left::before,.article-comparison-side--right::before{display:block;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:0.5rem}.article-comparison-side--left::before{content:"Product 1"}.article-comparison-side--right::before{content:"Product 2"}.article-comparison-rows-heading{margin-bottom:0.75rem}.article-comparison-row{grid-template-columns:0.75fr 1fr 1fr}.article-comparison-row--header .article-comparison-row-label,.article-comparison-row--header .article-comparison-row-value{padding:0.5rem 0.4rem;font-size:0.62rem}.article-comparison-row-label,.article-comparison-row-value{padding:0.55rem 0.45rem;font-size:0.76rem}.article-comparison-row-winner-icon{width:0.85rem;height:0.85rem;margin-right:0.25rem}}