.comparePageHero{padding:64px 0 40px}
.comparePageHero h1{font-size:44px;margin-bottom:16px}
.comparePageIntro{max-width:760px;font-size:18px}
.compareTable{padding-bottom:16px}
.compareCards{padding-top:72px}
.compareCardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.compareCard{display:flex;flex-direction:column;padding:26px;border:1px solid var(--border-color-1);border-radius:var(--radius-card);background:#fff;transition:var(--transition)}
.compareCard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.compareCardHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.compareCardRank{font-size:15px;font-weight:800;color:var(--color-indigo)}
.compareCard h3{font-size:19px;margin-bottom:6px}
.compareCard h3 a:hover{color:var(--color-indigo)}
.compareCardMeta{font-size:14px;margin-bottom:10px;opacity:.8}
.compareCardBestFor{font-size:14px;margin-bottom:10px}
.compareCard p{font-size:15px;line-height:1.6}
.compareCardLink{margin-top:auto;padding-top:16px;font-size:15px;font-weight:700;color:var(--color-indigo)}
.compareCardLink:hover{text-decoration:underline}
.compareBody{padding-top:64px}

@media (max-width:992px){
    .comparePageHero h1{font-size:34px}
    .compareCardGrid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
    .compareCardGrid{grid-template-columns:1fr}
}
.compareFilter{padding-top:40px}
.compareFilterTitle{font-size:22px}
.compareFilterIntro{max-width:760px;margin-top:8px;font-size:15px;color:var(--font-color-light)}
.compareFilterList{margin-top:22px;display:flex;flex-direction:column;gap:16px}
.compareFilterGroup{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start}
.compareFilterCat{font-size:14px;font-weight:800;color:var(--font-color-dark);padding-top:6px}
.compareFilterTags{display:flex;flex-wrap:wrap;gap:8px}
.compareFilterTags a{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--radius-pill);border:1px solid var(--border-color-1);background:#fff;font-size:14px;font-weight:600;color:var(--font-color-dark);transition:var(--transition)}
.compareFilterTags a:hover{border-color:var(--color-indigo);color:var(--color-indigo)}
.compareFilterCount{font-size:12px;font-weight:800;color:var(--font-color-light)}
.compareFilterAll{margin-top:20px;font-size:15px;font-weight:700}
.compareFilterAll a{color:var(--color-indigo)}
@media (max-width:768px){.compareFilterGroup{grid-template-columns:1fr;gap:8px}.compareFilterCat{padding-top:0}}

/* ── Uitgeversvermelding bij het overzicht ─────────────────────── */
.comparePageDisclosure{max-width:820px;margin-top:18px;padding:14px 18px;border-radius:var(--radius-card);border-left:3px solid #f97316;background:#fff7ed;font-size:14px;line-height:1.65;color:#7c2d12}

/* Ingang naar de 1-op-1 vergelijking */
.comparePageDuel{margin-top:24px}
.comparePageDuel .btnIndigo{white-space:normal;height:auto;min-height:56px;padding:12px 28px;text-align:center;line-height:1.35}