.comparison-page { max-width: 1320px; }
.comparison-page .hero { max-width: 1080px; }
.comparison-page a { color: var(--accent); }
.preview-warning { margin: 18px 0; border: 2px solid #f59e0b; background: rgba(120, 53, 15, .2); }
.preview-warning h2 { margin: 6px 0 12px; color: #fde68a; }
.preview-warning p, .preview-warning li { line-height: 1.65; }
.preview-warning li + li { margin-top: 6px; }
.comparison-metrics h2, .pathway-comparison h2 { margin: 6px 0 16px; }
.preview-media-label { color: #fde68a; font-weight: 700; }
.pathway-comparison { margin-top: 18px; }
.pathway-comparison > p { line-height: 1.65; }
.pathway-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 14px; margin-top: 18px; }
.pathway-card { min-width: 0; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: rgba(31,41,55,.68); }
.pathway-card[data-kind="copilot_engineering"] { border-color: rgba(94,234,212,.45); }
.pathway-card h3 { margin: 0 0 8px; font-size: 1.08rem; }
.pathway-card > p:not(.eyebrow) { line-height: 1.6; }
.pathway-card video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 10px; }
.pathway-status { color: #fde68a; font-weight: 700; }
.pathway-commit { overflow-wrap: anywhere; }
.pathway-links { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.pathway-links a { color: var(--accent); }
.comparison-metrics { margin-top: 20px; }
.comparison-table-wrap { overflow-x: auto; }
.comparison-table-wrap table { width: 100%; border-collapse: collapse; min-width: 640px; }
.comparison-table-wrap th, .comparison-table-wrap td { padding: 11px 12px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
.comparison-table-wrap th { color: var(--accent); }
.comparison-footnote { margin: 18px 4px; line-height: 1.6; }
@media (max-width: 760px) {
  .pathway-grid { grid-template-columns: 1fr; }
}