/* © 2026 Steve McLean. All rights reserved. Proprietary — no copying, modifying or reuse without written permission. */
/* Comparison pages: built on the blog's column, with a wider hero, a two-sided contrast and a comparison table. */
.cp{max-width:980px}
.cp .hero-c{padding:8px 0 10px}
.cp .hero-c h1{font-size:clamp(36px,5.6vw,60px);max-width:820px}
.cp .hero-c h1 em{font-style:italic;color:var(--coral)}
.cp .hero-c .lead{max-width:720px}
.cp .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cp .vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.cp .vs > div{border-radius:16px;padding:18px 20px;border:1px solid var(--line);background:var(--paper)}
.cp .vs h3{font-size:20px;margin:0 0 10px}
.cp .vs ul{list-style:none;padding:0;margin:0}
.cp .vs li{padding:8px 0 8px 28px;position:relative;border-top:1px solid var(--line);font-size:17px}
.cp .vs li:first-child{border-top:0}
.cp .vs .them li::before{content:"✕";position:absolute;left:4px;color:#A33A2A;font-weight:700}
.cp .vs .us{background:#0E2A33;border-color:#0E2A33;color:#E8F1F1}
.cp .vs .us h3{color:#fff}.cp .vs .us li{color:#E8F1F1;border-color:rgba(255,255,255,.14)}
.cp .vs .us li::before{content:"✓";position:absolute;left:4px;color:#7FE0C8;font-weight:700}
.cp table.cmp-t th:nth-child(2),.cp table.cmp-t td:nth-child(2){background:#EEF7F5}
.cp table.cmp-t td:first-child{font-weight:600;width:22%}
.cp .faq details{border-top:1px solid var(--line);padding:12px 0}
.cp .faq summary{cursor:pointer;font-weight:600;font-size:18px}
.cp .faq details p{margin:8px 0 0}
.cp .xl{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.cp .xl a{border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;color:var(--ink);background:var(--paper);font-size:15px}
@media(max-width:760px){.cp .vs{grid-template-columns:1fr}}
@media(max-width:600px){.cp table.cmp-t td:nth-child(2){background:#EEF7F5}.cp table.cmp-t td:first-child{width:auto}}