/* CV Compare: alternatives, X vs Y and /compare/ hub pages (+ the small blocks added to tool pages).
   Idea: every alternative is measured against the tool the reader searched, the "baseline", drawn in charcoal.
   Type: the site's Manrope for words, IBM Plex Mono for figures and labels (a spec-sheet feel).
   Colour: theme.json presets; coral only for actions, green/red only for better/worse than the baseline. */

.cvc-page,.single-ai_tool{
	--cvc-ink:var(--wp--preset--color--contrast,#1c1a17);
	--cvc-text:#2b2824;
	--cvc-muted:var(--wp--preset--color--muted,#6b6359);
	--cvc-rule:var(--wp--preset--color--border,#eae3dd);
	--cvc-rule2:#f3eee9;
	--cvc-paper:var(--wp--preset--color--surface,#faf8f6);
	--cvc-base:var(--wp--preset--color--base,#fff);
	--cvc-brand:var(--wp--preset--color--primary,#d23a22);
	--cvc-brand-dk:var(--wp--preset--color--primary-dark,#b3301b);
	--cvc-wash:#fbebe7;
	--cvc-good:#1b7a52; --cvc-good-wash:#e5f3ec;
	--cvc-bad:#b13a26; --cvc-bad-wash:#fbece8;
	--cvc-star:#c98a00;
	--cvc-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	--cvc-r:16px;
}
.cvc-page{background:var(--cvc-paper);color:var(--cvc-text)}
.cvc-page .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.cvc-page :focus-visible{outline:2px solid var(--cvc-brand);outline-offset:2px;border-radius:4px}
.cvc-ic{flex:none;width:16px;height:16px}

/* ---------- Layout ---------- */
.cvc-wrap,.cvc-main{width:100%;max-width:1240px;margin-inline:auto;padding-inline:max(20px,env(safe-area-inset-left))}
.cvc-main{display:flex;flex-direction:column;gap:clamp(48px,6vw,80px);padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(56px,7vw,96px)}
.cvc-main>*{margin:0}
.cvc-sec{display:flex;flex-direction:column;gap:22px;scroll-margin-top:90px}
.cvc-head{display:flex;flex-direction:column;gap:6px;max-width:720px}
.cvc-eyebrow{margin:0;font:600 12px/1.4 var(--cvc-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cvc-muted)}
.cvc-h1{margin:6px 0 0;font-size:clamp(2rem,1.25rem + 2.6vw,3.25rem);line-height:1.04;font-weight:800;letter-spacing:-.035em;color:var(--cvc-ink);text-wrap:balance}
.cvc-h2{margin:0;font-size:clamp(1.4rem,1.1rem + 1.1vw,1.9rem);line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--cvc-ink);text-wrap:balance}
.cvc-sub{margin:0;font-size:1rem;line-height:1.6;color:var(--cvc-muted)}
.cvc-lede{margin:16px 0 0;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.6;color:var(--cvc-text);max-width:56ch;text-wrap:pretty}
.cvc-note{margin:0;font-size:.8125rem;color:var(--cvc-muted)}
.cvc-muted{color:var(--cvc-muted)}
.cvc-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--cvc-rule);margin:0 10px;vertical-align:middle}

/* Breadcrumbs */
.cvc-crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.8125rem;color:var(--cvc-muted)}
.cvc-crumbs li+li::before{content:"/";margin-right:8px;color:var(--cvc-rule)}
.cvc-crumbs a{color:inherit;text-decoration:none}
.cvc-crumbs a:hover{color:var(--cvc-ink);text-decoration:underline}
.cvc-crumbs [aria-current]{color:var(--cvc-ink)}

/* ---------- Atoms ---------- */
.cvc-logo{width:40px;height:40px;flex:none;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--cvc-rule);padding:2px}
.cvc-logo--ph{display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--cvc-muted);background:var(--cvc-rule2);padding:0}
.cvc-fig{font:600 .95rem/1.2 var(--cvc-mono);letter-spacing:-.02em;color:var(--cvc-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.cvc-fig small{font-size:.75em;font-weight:500;color:var(--cvc-muted);margin-left:1px}
.cvc-fig--star{display:inline-flex;align-items:center;gap:4px}
.cvc-fig--star .cvc-ic{color:var(--cvc-star);width:14px;height:14px}
.cvc-fig--none{font-family:inherit;font-weight:500;font-size:.875rem;letter-spacing:0;color:var(--cvc-muted)}
.cvc-d{display:inline-block;margin:2px 0 0 8px;padding:1px 7px;border-radius:999px;background:var(--cvc-rule2);color:var(--cvc-muted);font:600 11.5px/1.5 var(--cvc-mono);white-space:nowrap;vertical-align:middle}
.cvc-d--good{background:var(--cvc-good-wash);color:var(--cvc-good)}
.cvc-d--bad{background:var(--cvc-bad-wash);color:var(--cvc-bad)}
.cvc-yes{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--cvc-good)}
.cvc-no{color:var(--cvc-muted)}
.cvc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;background:var(--cvc-brand);color:#fff!important;font-weight:700;font-size:.9375rem;text-decoration:none!important;white-space:nowrap;transition:background-color .15s,transform .15s}
.cvc-btn:hover{background:var(--cvc-brand-dk)}
.cvc-btn .cvc-ic{width:14px;height:14px;opacity:.85}
.cvc-btn--sm{min-height:38px;padding:0 14px;font-size:.875rem;border-radius:10px}
.cvc-btn--light{background:#fff;color:var(--cvc-ink)!important}
.cvc-btn--light:hover{background:var(--cvc-paper)}
.cvc-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.875rem;color:var(--cvc-ink);text-decoration:underline;text-decoration-color:var(--cvc-rule);text-underline-offset:4px}
.cvc-link:hover{text-decoration-color:currentColor}

/* ---------- Hero ---------- */
.cvc-hero{background:linear-gradient(180deg,var(--cvc-base) 0%,var(--cvc-paper) 100%);border-bottom:1px solid var(--cvc-rule);padding-block:clamp(28px,4vw,44px) clamp(36px,5vw,56px)}
.cvc-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:end}
.cvc-hero__note{margin:14px 0 0;font-size:.875rem;color:var(--cvc-muted)}
.cvc-hero__note a{color:var(--cvc-ink);font-weight:600}

/* Baseline card (signature) */
.cvc-base{background:var(--cvc-ink);color:#efe9e2;border-radius:20px;padding:22px 24px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 48px -28px rgba(28,26,23,.6)}
.cvc-base__label{margin:0;font:600 11.5px/1 var(--cvc-mono);letter-spacing:.1em;text-transform:uppercase;color:#ff8a73}
.cvc-base__id{display:flex;align-items:center;gap:14px}
.cvc-base__id .cvc-logo{width:48px;height:48px;border:0}
.cvc-base__name{margin:0;font-size:1.375rem;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.15}
.cvc-base__cat{margin:2px 0 0;font-size:.8125rem;color:#a9a097}
.cvc-base__tag{margin:0;font-size:.9375rem;line-height:1.5;color:#cfc6bc}
.cvc-base__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #3a352f;padding-top:14px}
.cvc-base__facts div{display:flex;flex-direction:column;gap:4px;padding-right:10px}
.cvc-base__facts div+div{border-left:1px solid #3a352f;padding-left:14px}
.cvc-base__facts dt{font:500 11px var(--cvc-mono);letter-spacing:.06em;text-transform:uppercase;color:#a9a097}
.cvc-base__facts dd{margin:0}
.cvc-base .cvc-fig{color:#fff;font-size:1.0625rem}
.cvc-base .cvc-fig small,.cvc-base .cvc-fig--none{color:#a9a097}
.cvc-base__link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:#fff;font-weight:600;font-size:.875rem;text-decoration:underline;text-decoration-color:#5a534b;text-underline-offset:4px}
.cvc-base__link:hover{text-decoration-color:#fff}

/* ---------- Shortlist by reason ---------- */
.cvc-reasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.cvc-reason{display:flex;flex-direction:column;gap:10px;background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:var(--cvc-r);padding:20px;transition:border-color .15s,box-shadow .15s}
.cvc-reason:hover{border-color:#d9cfc6;box-shadow:0 14px 30px -24px rgba(28,26,23,.45)}
.cvc-reason__q{margin:0;font-size:.9375rem;font-weight:600;color:var(--cvc-muted)}
.cvc-reason__pick{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cvc-ink)}
.cvc-reason__pick span{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.cvc-reason__pick:hover span{text-decoration:underline;text-underline-offset:4px}
.cvc-reason__why{margin:0;font-size:.875rem;line-height:1.5;color:var(--cvc-text);flex:1}
.cvc-reason .cvc-btn{align-self:flex-start}

/* ---------- Comparison grid (table) ---------- */
.cvc-tablewrap{background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:var(--cvc-r);overflow:hidden}
.cvc-grid{width:100%;border-collapse:collapse;font-size:.9375rem}
.cvc-grid th,.cvc-grid td{padding:14px 16px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--cvc-rule2)}
.cvc-grid thead th{padding-block:12px;font:600 11.5px/1.3 var(--cvc-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cvc-muted);background:var(--cvc-base);border-bottom:1px solid var(--cvc-rule);white-space:nowrap}
.cvc-grid tbody tr:last-child>*{border-bottom:0}
.cvc-grid tbody tr:not(.is-base):hover{background:#fdfbf9}
.cvc-tool{display:flex;align-items:center;gap:12px;color:var(--cvc-ink);text-decoration:none}
.cvc-tool .cvc-logo{width:32px;height:32px;border-radius:8px}
.cvc-tool span{display:flex;flex-direction:column}
.cvc-tool b{font-weight:700}
.cvc-tool small{font:600 10.5px var(--cvc-mono);letter-spacing:.08em;text-transform:uppercase;color:#ff8a73;margin-top:2px}
.cvc-tool:hover b{text-decoration:underline;text-underline-offset:3px}
.cvc-grid__best{color:var(--cvc-muted);font-size:.875rem;line-height:1.45;min-width:220px;max-width:340px}
.cvc-grid__act{text-align:right!important;white-space:nowrap}
.cvc-grid__act a{font-size:.8125rem;font-weight:600;color:var(--cvc-ink);text-decoration:underline;text-decoration-color:var(--cvc-rule);text-underline-offset:3px}
.cvc-grid tr.is-base{background:var(--cvc-ink);color:#efe9e2}
.cvc-grid tr.is-base>*{border-bottom-color:var(--cvc-ink)}
.cvc-grid tr.is-base .cvc-tool{color:#fff}
.cvc-grid tr.is-base .cvc-tool .cvc-logo{border:0}
.cvc-grid tr.is-base .cvc-fig{color:#fff}
.cvc-grid tr.is-base .cvc-fig small,.cvc-grid tr.is-base .cvc-fig--none,.cvc-grid tr.is-base .cvc-no,.cvc-grid tr.is-base .cvc-grid__best{color:#b3aaa0}
.cvc-grid tr.is-base .cvc-yes{color:#7fd6ad}

/* ---------- Alternative cards ---------- */
.cvc-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;counter-reset:none}
.cvc-card{position:relative;display:flex;flex-direction:column;gap:14px;background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:20px;padding:24px;scroll-margin-top:96px;transition:border-color .15s,box-shadow .15s}
.cvc-card:target{border-color:var(--cvc-brand);box-shadow:0 0 0 3px var(--cvc-wash)}
.cvc-card__n{position:absolute;top:18px;right:22px;font:600 13px var(--cvc-mono);color:var(--cvc-muted);background:var(--cvc-rule2);border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center}
.cvc-card__head{display:flex;align-items:center;gap:14px;padding-right:40px}
.cvc-card__head .cvc-logo{width:52px;height:52px;border-radius:12px}
.cvc-card__name{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.cvc-card__name a{color:var(--cvc-ink);text-decoration:none}
.cvc-card__name a:hover{text-decoration:underline;text-underline-offset:4px}
.cvc-card__facts{margin:6px 0 0;display:flex;align-items:center;flex-wrap:wrap}
.cvc-card__vs{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;padding:10px 12px;border-radius:12px;background:var(--cvc-paper)}
.cvc-card__vs>span:first-child{font:600 11px var(--cvc-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cvc-muted)}
.cvc-card__vs .cvc-d{margin-left:8px}
.cvc-card__tag{margin:0;font-size:1rem;line-height:1.55;color:var(--cvc-text)}
.cvc-card__feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cvc-card__feat li{display:flex;gap:10px;font-size:.9375rem;line-height:1.5}
.cvc-card__feat .cvc-ic{color:var(--cvc-good);margin-top:3px}
.cvc-card__pc{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px dashed var(--cvc-rule)}
.cvc-card__pc p{margin:0;display:flex;gap:10px;font-size:.875rem;line-height:1.5;color:var(--cvc-text)}
.cvc-card__pc .is-pro .cvc-ic{color:var(--cvc-good);margin-top:2px}
.cvc-card__pc .is-con .cvc-ic{color:var(--cvc-bad);margin-top:2px}
.cvc-card__foot{margin-top:auto;padding-top:6px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}

/* ---------- FAQ ---------- */
.cvc-faqwrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 48px;align-items:start}
.cvc-faqwrap__head{display:flex;flex-direction:column;gap:6px;position:sticky;top:100px}
.cvc-faq{background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:var(--cvc-r)}
.cvc-q{border-bottom:1px solid var(--cvc-rule2);padding:0 20px}
.cvc-q:last-child{border-bottom:0}
.cvc-q summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:700;color:var(--cvc-ink);line-height:1.4}
.cvc-q summary::-webkit-details-marker{display:none}
.cvc-q__ic{flex:none;width:22px;height:22px;border-radius:50%;background:var(--cvc-rule2);position:relative}
.cvc-q__ic::before,.cvc-q__ic::after{content:"";position:absolute;left:6px;right:6px;top:10px;height:2px;background:var(--cvc-ink);border-radius:2px}
.cvc-q__ic::after{transform:rotate(90deg);transition:transform .2s}
.cvc-q[open] .cvc-q__ic::after{transform:rotate(0)}
.cvc-q p{margin:0 0 18px;line-height:1.65;color:var(--cvc-text);max-width:68ch}

/* ---------- End band ---------- */
.cvc-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--cvc-ink);color:#efe9e2;border-radius:24px;padding:28px 32px}
.cvc-band .cvc-eyebrow{color:#ff8a73}
.cvc-band__title{margin:6px 0 0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.cvc-band__sub{margin:4px 0 0;color:#b3aaa0}

/* ---------- VS page ---------- */
.cvc-hero--vs{text-align:center}
.cvc-hero--vs .cvc-crumbs ol{justify-content:center}
.cvc-hero--vs .cvc-lede{margin-inline:auto}
.cvc-face{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;max-width:920px;margin:32px auto 0}
.cvc-face__side{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:22px;padding:26px 22px;height:100%}
.cvc-face__side .cvc-logo{width:64px;height:64px;border-radius:16px}
.cvc-face__name{margin:4px 0 0;font-size:1.375rem;font-weight:800;letter-spacing:-.02em}
.cvc-face__name a{color:var(--cvc-ink);text-decoration:none}
.cvc-face__tag{margin:0;font-size:.9375rem;line-height:1.5;color:var(--cvc-muted);max-width:34ch}
.cvc-face__facts{margin:2px 0 6px;display:flex;align-items:center}
.cvc-face__side .cvc-btn{margin-top:auto}
.cvc-face__vs{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--cvc-ink);color:#fff;font:600 15px var(--cvc-mono);letter-spacing:.02em}
.cvc-verdict{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.cvc-verdict__item{background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:var(--cvc-r);padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.cvc-verdict__item.has-winner{box-shadow:inset 0 3px 0 var(--cvc-good)}
.cvc-verdict__k{margin:0;font:600 11.5px var(--cvc-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cvc-muted)}
.cvc-verdict__w{margin:0;display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:800;letter-spacing:-.015em;color:var(--cvc-ink)}
.cvc-verdict__w .cvc-logo{width:28px;height:28px;border-radius:8px}
.cvc-verdict__d{margin:0;font-size:.875rem;line-height:1.5;color:var(--cvc-muted)}
.cvc-grid--vs thead th{font-family:inherit;font-size:.9375rem;font-weight:800;letter-spacing:-.01em;text-transform:none;color:var(--cvc-ink)}
.cvc-grid--vs thead th .cvc-logo{width:28px;height:28px;border-radius:8px;margin-right:10px;vertical-align:middle}
.cvc-grid--vs tbody th{width:18%;font:600 11.5px/1.4 var(--cvc-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cvc-muted);vertical-align:top;padding-top:17px}
.cvc-grid--vs td{width:41%;vertical-align:top;position:relative}
.cvc-grid--vs td.is-win{background:var(--cvc-good-wash)}
.cvc-win{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--cvc-good);color:#fff;margin-left:10px;vertical-align:middle}
.cvc-win .cvc-ic{width:12px;height:12px}
.cvc-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cvc-ticks li{display:flex;gap:8px;font-size:.9rem;line-height:1.5}
.cvc-ticks .cvc-ic{margin-top:3px;color:var(--cvc-muted)}
.cvc-plans{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.cvc-plans li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;border-bottom:1px dotted var(--cvc-rule);padding-bottom:4px}
.cvc-plans b{font:600 .85rem var(--cvc-mono);color:var(--cvc-ink);text-align:right}
.cvc-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cvc-more__col{background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:var(--cvc-r);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.cvc-more__title{margin:0;font-weight:800;color:var(--cvc-ink)}
.cvc-more__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cvc-more__col li{display:flex;align-items:center;gap:10px}
.cvc-more__col li .cvc-logo{width:24px;height:24px;border-radius:6px}
.cvc-more__col li a{color:var(--cvc-ink);font-weight:600;font-size:.9375rem;text-decoration:none}
.cvc-more__col li a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- Hub ---------- */
.cvc-hero--hub .cvc-lede{max-width:60ch}
.cvc-find{position:relative;display:flex;align-items:center;margin-top:24px;max-width:640px}
.cvc-find .cvc-ic{position:absolute;left:18px;width:18px;height:18px;color:var(--cvc-muted)}
.cvc-find input{width:100%;min-height:56px;padding:0 120px 0 48px;border:1px solid var(--cvc-rule);border-radius:16px;background:#fff;font-size:1rem;color:var(--cvc-ink);box-shadow:0 12px 28px -22px rgba(28,26,23,.5)}
.cvc-find input:focus{outline:0;border-color:var(--cvc-ink);box-shadow:0 0 0 4px var(--cvc-rule2)}
.cvc-find__count{position:absolute;right:18px;font:600 12px var(--cvc-mono);color:var(--cvc-muted)}
.cvc-pairs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px}
.cvc-pairs a{display:flex;align-items:center;gap:12px;height:100%;background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:14px;padding:14px 16px;color:var(--cvc-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.cvc-pairs a:hover{border-color:#d9cfc6;box-shadow:0 12px 26px -22px rgba(28,26,23,.5)}
.cvc-pairs__logos{display:flex;flex:none}
.cvc-pairs__logos .cvc-logo{width:32px;height:32px;border-radius:9px;border:2px solid #fff;box-shadow:0 0 0 1px var(--cvc-rule)}
.cvc-pairs__logos .cvc-logo+.cvc-logo{margin-left:-8px}
.cvc-pairs__name{flex:1;font-weight:700;font-size:.9375rem;line-height:1.3}
.cvc-pairs__name em{font:500 12px var(--cvc-mono);font-style:normal;color:var(--cvc-muted);margin:0 2px}
.cvc-pairs a>.cvc-ic{color:var(--cvc-muted)}
.cvc-cats{columns:3 280px;column-gap:16px}
.cvc-cats__group{break-inside:avoid;margin:0 0 16px;background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:var(--cvc-r);padding:18px 20px}
.cvc-cats__title{margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline;font-weight:800;color:var(--cvc-ink)}
.cvc-cats__title span{font:600 12px var(--cvc-mono);color:var(--cvc-muted)}
.cvc-cats ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cvc-cats li a{color:var(--cvc-text);font-size:.9375rem;text-decoration:none}
.cvc-cats li a:hover{color:var(--cvc-brand);text-decoration:underline;text-underline-offset:3px}
.cvc-empty{margin:0;padding:24px;border:1px dashed var(--cvc-rule);border-radius:var(--cvc-r);text-align:center;color:var(--cvc-muted)}
.cvc-empty a{color:var(--cvc-ink);font-weight:600}
.cvc-page [hidden]{display:none!important}

/* ---------- Tool pages: links into comparisons ---------- */
.cvc-toolbar{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}
.cvc-all{font-weight:600}
.cvc-vslinks{margin:0;font-size:.9rem;color:var(--cvc-muted)}.cvc-vslinks span{font-weight:600}
.cvc-guides ul{margin:.5rem 0 2rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}

/* ---------- Responsive ---------- */
@media (max-width:960px){
	.cvc-hero__grid{grid-template-columns:1fr;align-items:start}
	.cvc-faqwrap{grid-template-columns:1fr}
	.cvc-faqwrap__head{position:static}
}
@media (max-width:820px){
	/* The grid becomes one card per tool */
	.cvc-tablewrap{background:none;border:0;border-radius:0;overflow:visible}
	.cvc-grid,.cvc-grid tbody,.cvc-grid tr,.cvc-grid th,.cvc-grid td{display:block;width:auto}
	.cvc-grid thead{display:none}
	.cvc-grid tr{background:var(--cvc-base);border:1px solid var(--cvc-rule);border-radius:14px;padding:6px 16px;margin:0 0 10px}
	.cvc-grid th,.cvc-grid td{border:0;padding:8px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;text-align:right}
	.cvc-grid tbody th{padding:10px 0;border-bottom:1px solid var(--cvc-rule2)}
	.cvc-grid td[data-label]::before{content:attr(data-label);font:600 11px var(--cvc-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cvc-muted);margin-right:auto}
	.cvc-grid td .cvc-d{margin-left:0}
	.cvc-grid__best{max-width:none;text-align:left!important;display:block!important}
	.cvc-grid__best::before{display:block;margin-bottom:4px}
	.cvc-grid__act{justify-content:flex-start!important}
	.cvc-grid__act:empty{display:none!important}
	.cvc-grid tr.is-base td[data-label]::before{color:#a9a097}
	.cvc-grid tr.is-base tbody th,.cvc-grid tr.is-base th{border-bottom-color:#3a352f}
	.cvc-grid--vs tr{padding:4px 16px 10px}
	.cvc-grid--vs tbody th{width:auto;padding-top:12px}
	.cvc-grid--vs td{display:block;text-align:left;padding:10px 12px;border-radius:10px;margin-top:6px;background:var(--cvc-paper)}
	.cvc-grid--vs td.is-win{background:var(--cvc-good-wash)}
	.cvc-grid--vs td[data-label]::before{display:block;margin:0 0 6px}
	.cvc-cards,.cvc-more{grid-template-columns:1fr}
}
@media (max-width:620px){
	.cvc-face{grid-template-columns:1fr;gap:10px}
	.cvc-face__vs{margin:0 auto;width:44px;height:44px;font-size:13px}
	.cvc-base__facts{grid-template-columns:1fr 1fr 1fr}
	.cvc-card{padding:20px}
	.cvc-band{padding:24px}
	.cvc-reason .cvc-btn,.cvc-card__foot .cvc-btn{width:100%}
	.cvc-find input{padding-right:16px}
	.cvc-find__count{display:none}
}
@media (prefers-reduced-motion:reduce){.cvc-page *{transition:none!important}}