/* PluginCompare 1.2 — lighter, cleaner layer over the base theme. */
:root{
	--paper:#ffffff;--mist:#f4f6f9;--mist-2:#e9edf2;--card:#ffffff;
	--ink:#111827;--ink-2:#3f4a5a;--ink-3:#6b7585;--rule:#e6eaf0;--rule-2:#d5dbe3;
	--cobalt:#2f4bea;--cobalt-2:#2238c9;--cobalt-soft:#edf0fe;
	--r-s:8px;--r-m:12px;--r-l:18px;
	--shadow-1:0 1px 2px rgba(17,24,39,.04),0 1px 1px rgba(17,24,39,.03);
	--shadow-2:0 1px 2px rgba(17,24,39,.05),0 8px 24px -12px rgba(17,24,39,.14);
	--shadow-3:0 2px 4px rgba(17,24,39,.04),0 24px 48px -24px rgba(17,24,39,.28);
}

body{font-size:16.5px;line-height:1.65}
h1,h2{font-stretch:112%;letter-spacing:-.022em}
h3{font-stretch:102%}

/* Quieter section heads */
.sec-head{border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:28px}
.sec-head>a{font-size:.94rem;text-decoration:none}
.sec-head>a:hover{text-decoration:underline}
.section{padding:88px 0}

/* Buttons */
.btn{border-radius:10px;border:1px solid var(--rule-2);box-shadow:var(--shadow-1);font-weight:600;transition:background .15s,border-color .15s,transform .15s}
.btn:hover{border-color:var(--ink-3);background:var(--mist)}
.btn-primary{border-color:transparent;box-shadow:0 1px 2px rgba(47,75,234,.25),inset 0 1px 0 rgba(255,255,255,.12)}
.btn-primary:hover{background:var(--cobalt-2);border-color:transparent}
.btn:active{transform:translateY(1px)}

/* Header: solid, hairline (no backdrop blur: it is costly to paint on long pages) */
.hdr{background:var(--paper);box-shadow:0 1px 0 var(--rule)}
.nav>a,.nav>button{border-radius:8px;border-bottom:0;padding:8px 12px}
.nav>a:hover,.nav>button:hover,.nav>button[aria-expanded=true]{background:var(--mist);border-bottom:0}
.search-btn{border:1px solid var(--rule);background:var(--mist);border-radius:10px}
.search-btn:hover{border-color:var(--rule-2);background:var(--paper)}
.search-btn kbd{background:var(--paper);border:1px solid var(--rule)}
.icon-btn{border-radius:10px}
.mega{border-bottom:1px solid var(--rule);box-shadow:var(--shadow-3)}
.mega-ic{border:1px solid var(--rule);background:var(--mist);border-radius:10px}
.mega-link{border-bottom-color:transparent;border-radius:10px;padding:8px;margin:0 -8px}
.mega-link:hover{background:var(--mist)}
.mega-link:hover b{text-decoration:none}
.mega-all{border-bottom:1px solid var(--rule)!important}
.pal-box{border:1px solid var(--rule);border-radius:var(--r-l);box-shadow:var(--shadow-3)}
.pal-item{border-radius:10px}

/* Hero */
.hero{position:relative;padding:84px 0 72px;border-bottom:0;background:
	radial-gradient(900px 380px at 85% -10%,color-mix(in srgb,var(--cobalt) 12%,transparent),transparent 70%),
	linear-gradient(var(--paper),var(--mist))}
.hero h1{letter-spacing:-.035em;font-stretch:115%}
.hero .lead{color:var(--ink-2)}
.hero-pop a{border-bottom:0;background:var(--paper);border:1px solid var(--rule);padding:4px 10px;border-radius:999px;font-size:.88rem;box-shadow:var(--shadow-1)}
.hero-pop a:hover{border-color:var(--rule-2)}

/* Compare form: floating card */
.cform{border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow-3);background:var(--card)}
.cswap::before{width:1px;background:var(--rule-2)}
.combo:focus-within{background:var(--cobalt-soft)}
.cfield:first-child .combo:focus-within{border-radius:15px 0 0 15px}
.cgo{margin:6px;border-radius:11px;padding:0 28px}
.combo-list{border:1px solid var(--rule);border-radius:14px;box-shadow:var(--shadow-3)}
.combo-list li{border-radius:8px}

/* Chips */
.chip{border-radius:999px;padding:4px 11px;background:var(--mist);border:1px solid var(--rule)}
.chip.on{border-color:var(--ink)}

/* Category list as soft tiles */
.cats{gap:12px;column-gap:12px}
.cat{padding:18px 20px;border:1px solid var(--rule);border-radius:var(--r-m);background:var(--card);box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s}
.cat:hover{border-color:var(--rule-2);box-shadow:var(--shadow-2)}
.cat:hover h3{text-decoration:none}
.cat .mega-ic{width:42px;height:42px}

/* Cards */
.pcard{border:1px solid var(--rule);border-radius:var(--r-l);box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s,transform .15s}
.pcard:hover{border-color:var(--rule-2);box-shadow:var(--shadow-2);transform:translateY(-1px)}
.score{height:6px;border-radius:99px;overflow:hidden}
.score span{background:var(--cobalt);border-radius:99px}
.rank{color:var(--rule-2)}
.box{border:1px solid var(--rule);border-radius:var(--r-l);box-shadow:var(--shadow-1)}

/* Comparison list */
.vs-item{border-bottom-color:var(--rule)}
.vs-item .logos>*{border-radius:9px}

/* Status marks: pill shapes */
.st{border-radius:999px;padding:2px 10px 2px 7px;font-weight:600}
.mx{border-radius:7px}

/* Plugin page */
.phead{border-bottom:0;padding:28px 0 8px;background:linear-gradient(var(--mist),var(--paper) 70%)}
.p-hero .logo,.p-hero .mono{box-shadow:var(--shadow-2)}
.tiles{border:1px solid var(--rule);border-radius:var(--r-l);background:var(--card);box-shadow:var(--shadow-1);overflow:hidden}
.tile{padding:16px 18px}
.tile+.tile{padding-left:18px;border-left:1px solid var(--rule)}
.tile b{font-size:1.4rem}
.banner{border-radius:var(--r-l);border:1px solid var(--rule)}
.subnav{background:var(--paper)}
.subnav a{border-bottom-width:2px}
.verdict-box{border-left:0;border:1px solid color-mix(in srgb,var(--marker) 60%,var(--rule));border-radius:var(--r-m);background:var(--marker-soft)}
.pc .box{padding:20px 22px}
.fgroup{border:1px solid var(--rule);border-radius:var(--r-l);padding:0 20px;margin-bottom:14px;background:var(--card)}
.fgroup>summary{padding:16px 0}
.frow{border-top:1px solid var(--rule)}
.fshot{border-radius:10px}
.plans{border-top:0;gap:12px}
.plan,.plan+.plan{padding:18px;border:1px solid var(--rule);border-radius:var(--r-m);background:var(--card)}
.kv th,.kv td{border-bottom-color:var(--rule)}
.faq details{padding:16px 0}

/* Key features (free vs pro) */
.hl{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hl-col{border:1px solid var(--rule);border-radius:var(--r-l);padding:20px 22px;background:var(--card)}
.hl-col h3{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.hl-col h3 small{margin-left:auto;font-weight:600;font-size:.82rem;color:var(--ink-3)}
.hl-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hl-col li{display:flex;gap:9px;align-items:flex-start;font-size:.95rem;color:var(--ink-2)}
.hl-col li .i{margin-top:5px;flex:none}
.hl-free li .i{color:var(--yes)}
.hl-pro{background:linear-gradient(180deg,var(--cobalt-soft),var(--card) 55%)}
.hl-pro li .i{color:var(--cobalt)}
.hl-col.only{grid-column:1/-1}

/* Install base */
.ibase{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ibase>div{border:1px solid var(--rule);border-radius:var(--r-l);padding:18px 20px;background:var(--card)}
.ibase span{display:block;font-size:.84rem;color:var(--ink-3);font-weight:600}
.ibase b{display:block;font-size:1.7rem;font-weight:800;font-stretch:112%;letter-spacing:-.02em;margin:2px 0}
.ibase p{margin:0;font-size:.86rem;color:var(--ink-3)}
.ibase .est{background:linear-gradient(180deg,var(--marker-soft),var(--card) 70%)}
.ibase-note{margin-top:12px}

/* Comparison page */
.vs-hero{border:1px solid var(--rule);border-radius:var(--r-l);padding:0 22px;background:var(--card);box-shadow:var(--shadow-1)}
.vs-mid::before{width:1px;background:var(--rule-2);transform:none}
.diffline{border-left:0;border:1px solid color-mix(in srgb,var(--marker) 60%,var(--rule));border-radius:var(--r-m)}
.ctable-wrap{border-bottom:1px solid var(--rule)}
.chead{border-top:1px solid var(--rule);background:var(--paper)}
.cgroup>summary{border-top:0;border-radius:10px;margin:8px -12px 0}
.sumbox{border-top:1px solid var(--rule)}
.poll button{border:1px solid var(--rule-2);border-radius:var(--r-m)}
.gl-bar{border-radius:99px;overflow:hidden}

/* Category page */
.cat-hero .mega-ic{border:1px solid var(--rule);background:var(--card);box-shadow:var(--shadow-2);border-radius:16px;color:var(--cobalt)}
.ffilter label{border:1px solid var(--rule);border-radius:999px;padding:5px 12px}
.ffilter label:has(input:checked){border-color:var(--cobalt);background:var(--cobalt-soft)}
.ranked{border-top:0;gap:10px}
.rcard{padding:18px 20px;border:1px solid var(--rule);border-radius:var(--r-l);background:var(--card);box-shadow:var(--shadow-1)}
.rcard .num{color:var(--ink-3);font-size:1.5rem}
.matrix-wrap{border:1px solid var(--rule);border-radius:var(--r-l)}
.matrix thead th{border-bottom:1px solid var(--rule-2)}
.matrix th:first-child,.matrix td:first-child{padding-left:14px}

/* Newsletter + footer */
.news{border-radius:var(--r-l)}
.news input{border-radius:10px}
.ftr{border-top:1px solid var(--rule);background:var(--mist)}

/* Category overview + quick picks */
.cat-about-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.cat-about .prose h2{margin-top:0}
.cat-about .prose p{font-size:1.02rem}
.picks ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.picks li a{display:flex;gap:12px;align-items:center;padding:10px;margin:0 -10px;border-radius:10px;color:var(--ink);text-decoration:none}
.picks li a:hover{background:var(--mist)}
.picks li span{display:grid;line-height:1.3}
.picks small{font-size:.76rem;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.picks b{font-size:1rem}
.picks em{font-style:normal;font-size:.84rem;color:var(--ink-3)}
.picks .logo,.picks .mono{width:36px;height:36px;--s:36px;font-size:.8rem}

@media (max-width:860px){
	.cat-about-in{grid-template-columns:1fr;gap:20px}
	.hl,.ibase{grid-template-columns:1fr}
	.tile+.tile{border-left:0;padding-left:18px}
	.cgo{margin:0 6px 6px}
	.vs-hero{padding:0 16px}
	.rcard{padding:16px}
}

/* ===== 1.3: dark grey + dark purple brand ===== */
:root{
	--paper:#ffffff;--mist:#f5f5f7;--mist-2:#ebebef;--card:#ffffff;
	--ink:#1f2024;--ink-2:#45474e;--ink-3:#6c6e77;--rule:#e5e5ea;--rule-2:#d2d2d9;
	--cobalt:#5b21b6;--cobalt-2:#4c1d95;--cobalt-soft:#f1ebfc;--on-cobalt:#ffffff;
	--marker:#d9c8f7;--marker-soft:#f6f1fd;
	--brand-dark:#1c1c20;--brand-dark-2:#26262c;--brand-glow:rgba(124,58,237,.28);
}

/* Header: dark grey bar */
.hdr{background:var(--brand-dark);box-shadow:0 1px 0 rgba(255,255,255,.06);color:#e7e7ec}
.hdr .brand{color:#fff}
.hdr .brand span{color:#b69cf6}
.hdr .nav>a,.hdr .nav>button{color:#cfcfd6}
.hdr .nav>a:hover,.hdr .nav>button:hover,.hdr .nav>button[aria-expanded=true]{background:rgba(255,255,255,.08);color:#fff}
.hdr .search-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#a6a6b0}
.hdr .search-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.hdr .search-btn kbd{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#cfcfd6}
.hdr .icon-btn{color:#cfcfd6}
.hdr .icon-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.hdr .btn{background:#7c3aed;border-color:transparent;color:#fff;box-shadow:none}
.hdr .btn:hover{background:#6d28d9}
.mega{border-top:1px solid var(--rule)}

/* Buttons & accents */
.btn-primary{background:var(--cobalt);box-shadow:0 1px 2px rgba(76,29,149,.3),inset 0 1px 0 rgba(255,255,255,.1)}
.key-dot{background:var(--cobalt-soft);color:var(--cobalt)}
.badge-ours{background:var(--cobalt-soft);color:var(--cobalt)}
.win{background:var(--cobalt-soft);color:var(--cobalt)}
.verdict-box,.diffline{border-color:color-mix(in srgb,var(--cobalt) 22%,var(--rule));background:var(--marker-soft)}
.crow.d-a .ca .st,.crow.d-b .cb .st{box-shadow:0 0 0 2px color-mix(in srgb,var(--cobalt) 45%,transparent)}
.news{background:var(--brand-dark)}
.news .btn{background:#7c3aed;border-color:#7c3aed;color:#fff}
.score span,.gl-a .gl-bar span{background:var(--cobalt)}
.hl-pro{background:linear-gradient(180deg,var(--cobalt-soft),var(--card) 55%)}
.ibase .est{background:linear-gradient(180deg,var(--cobalt-soft),var(--card) 70%)}

/* Home hero: dark grey with a purple glow */
.hero{background:radial-gradient(900px 420px at 80% -10%,var(--brand-glow),transparent 70%),radial-gradient(600px 300px at 0% 110%,rgba(124,58,237,.12),transparent 70%),var(--brand-dark);color:#e7e7ec;border-bottom:0}
.hero h1{color:#fff}
.hero .lead{color:#c3c3cc}
.hero-pop>span,.hero-facts{color:#9d9da8}
.hero-facts b{color:#fff}
.hero-pop a{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#e7e7ec;box-shadow:none}
.hero-pop a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.hero .cform{border-color:transparent;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.hero .cform,.hero .cform .combo-list{background:#fff;color:#1f2024}
.hero .cform input[type=text]{color:#1f2024}
.hero .cform .combo input::placeholder{color:#6c6e77}
.hero .combo:focus-within{background:#f1ebfc}
.hero .cswap::before{background:#d2d2d9}
.hero .cgo{background:#5b21b6;color:#fff}
.hero .cgo:hover{background:#4c1d95}

/* Page heads: faint purple tint */
.phead{background:linear-gradient(180deg,color-mix(in srgb,var(--cobalt-soft) 70%,var(--paper)),var(--paper) 75%)}

/* Footer: dark grey */
.ftr{background:var(--brand-dark);border-top:0;color:#c3c3cc}
.ftr a{color:#e7e7ec}
.ftr h4,.ftr p,.ftr-bot{color:#8f8f9a}
.ftr-bot{border-top-color:rgba(255,255,255,.08)}
.ftr .brand{color:#fff}

/* ===== 1.4: flatter, more editorial ===== */
:root{--r-s:4px;--r-m:6px;--r-l:8px;--shadow-1:none;--shadow-2:none}
body{font-size:16px}
h1,h2,h3{font-weight:750;font-stretch:108%;letter-spacing:-.02em}
h1{letter-spacing:-.03em}
.section{padding:72px 0}
.sec-head{border-bottom:1px solid var(--ink);padding-bottom:12px}
.sec-head h2{font-size:clamp(1.35rem,2.2vw,1.75rem)}

/* No glows or tinted gradients */
.phead{background:var(--mist);border-bottom:1px solid var(--rule)}
.hl-pro,.ibase .est{background:var(--card)}
.hl-pro{border-top:3px solid var(--cobalt)}
.ibase .est{border-top:3px solid var(--cobalt)}

/* Cards: flat, hairline */
.pcard,.cat,.box,.rcard,.fgroup,.hl-col,.ibase>div,.plan,.plan+.plan,.vs-hero,.tiles,.matrix-wrap,.cform{box-shadow:none}
.pcard:hover,.cat:hover{transform:none;box-shadow:none;border-color:var(--ink-3)}
.pcard .rank{position:static;order:-1;display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border:1px solid var(--rule-2);border-radius:var(--r-s);font-size:.82rem;font-weight:700;font-stretch:100%;color:var(--ink-2);background:var(--mist)}
.pcard-head{gap:10px}
.score{height:4px;border-radius:0}
.score span{border-radius:0}
.score b{top:-22px;color:var(--ink-2)}

/* Tags and status marks: squared */
.chip,.hero-pop a,.ffilter label,.st{border-radius:var(--r-s)}
.st{padding:2px 8px 2px 6px}
.verified,.unverified{border-radius:var(--r-s)}

/* Header refinements */
.hdr .btn{border-radius:var(--r-s)}
.search-btn,.icon-btn,.btn{border-radius:var(--r-s)}
.nav>a,.nav>button{border-radius:var(--r-s)}

/* Home hero: solid charcoal, two columns with live leaders */
.hero{background:var(--brand-dark);padding:64px 0 60px;border-bottom:3px solid #5b21b6}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start}
.hero h1{font-size:clamp(2.3rem,4.6vw,3.7rem)!important;max-width:16ch!important;line-height:1.02;font-stretch:112%;margin-bottom:16px}
.kicker{margin:0 0 14px;font-size:.88rem;font-weight:600;color:#b69cf6}
.hero .lead{font-size:1.08rem;max-width:58ch;margin-bottom:26px}
.hero .cform{border-radius:var(--r-m)}
.hero .cgo{border-radius:var(--r-s);margin:6px}
.hero-pop{display:block;margin-top:18px;font-size:.92rem;line-height:1.8}
.hero-pop a{display:inline;background:none;border:0;padding:0;color:#e7e7ec;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px;font-weight:600}
.hero-pop a:hover{background:none;text-decoration-color:#fff}
.hero-pop i{font-style:normal;color:#8f8f9a;margin-right:4px}
.hero-pop>span{margin-right:6px}
.board{background:var(--brand-dark-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-m);color:#e7e7ec}
.board-head{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#9d9da8}
.board-head b{color:#fff;font-weight:700}
.board ol{list-style:none;margin:0;padding:0;counter-reset:b}
.board li a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"cat score" "pick score";gap:2px 12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none}
.board li a:hover{background:rgba(255,255,255,.04)}
.board-cat{grid-area:cat;font-size:.76rem;color:#9d9da8}
.board-pick{grid-area:pick;display:flex;align-items:center;gap:8px;font-weight:650;font-size:.95rem;color:#fff}
.board-pick .logo,.board-pick .mono{width:22px;height:22px;--s:22px;font-size:.55rem;border-radius:5px}
.board-score{grid-area:score;align-self:center;min-width:42px;text-align:center;padding:4px 0;border-radius:var(--r-s);background:rgba(182,156,246,.14);color:#cdbcfb;font-size:1rem;font-weight:800;font-stretch:110%}
.board-all{display:block;padding:12px 16px;font-size:.88rem;font-weight:600;color:#cdbcfb;text-decoration:none}
.board-all:hover{color:#fff}

/* Home category directory */
.dir{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:36px 40px}
.dir-col h3{font-size:.82rem;font-weight:700;font-stretch:100%;letter-spacing:0;color:var(--ink-3);margin:0 0 6px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.dir-col ul{list-style:none;margin:0;padding:0}
.dir-col li a{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none}
.dir-col li a:hover b{color:var(--cobalt)}
.dir-ic{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-s);background:var(--cobalt-soft);color:var(--cobalt);margin-top:2px}
.dir-ic .i{width:16px;height:16px}
.dir-txt{display:grid}
.dir-txt b{font-weight:700;font-size:1rem;line-height:1.3}
.dir-txt small{color:var(--ink-3);font-size:.84rem}
.more-link{margin-top:18px;font-weight:600}

/* Steps */
.step{border-top:1px solid var(--ink);padding-top:18px}

/* Category page */
.cat-hero .mega-ic{border-radius:var(--r-m);background:var(--card);border:1px solid var(--rule);box-shadow:none}
.rcard{border-radius:var(--r-m)}
.rcard .num{font-size:1.1rem;color:var(--ink-2);display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--rule-2);border-radius:var(--r-s);background:var(--mist)}
.rcard .rs b{font-size:1.6rem;color:var(--cobalt)}
.picks small{text-transform:none;letter-spacing:0;font-size:.8rem}
.picks li a{border-radius:var(--r-s)}

/* Plugin / comparison pages */
.tiles{border-radius:var(--r-m)}
.banner{border-radius:var(--r-m)}
.fgroup,.hl-col,.ibase>div,.plan,.plan+.plan,.box{border-radius:var(--r-m)}
.verdict-box,.diffline{border-radius:var(--r-s);border-left:3px solid var(--cobalt)}
.vs-hero{border-radius:var(--r-m)}

@media (max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:32px}.board{max-width:560px}}
@media (max-width:860px){.rcard .num{display:none}.board-score{min-width:36px}}
/* Directory: balanced columns */
.dir{display:block;columns:4 230px;column-gap:40px}
.dir-col{break-inside:avoid;margin:0 0 30px}
/* Logos with transparent backgrounds need a light tile in dark mode too */
img.logo{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}

/* ===== 1.5: alignment & detail fixes ===== */
:root{--gutter:24px}
@media (max-width:520px){:root{--gutter:18px}}
.wrap,.wrap[style]{padding-left:var(--gutter)!important;padding-right:var(--gutter)!important}
.layout{padding:44px var(--gutter) 72px}
.cat-body{padding-top:40px!important;padding-bottom:64px!important}
/* Sub-navs and tabs line up with the content edge */
.subnav .wrap{padding-left:calc(var(--gutter) - 12px)!important}
.tabs{gap:6px;border-bottom:0;margin-bottom:22px}
.tabs button{border:1px solid var(--rule);border-radius:var(--r-s);margin:0;padding:6px 11px;font-size:.88rem;font-weight:600;color:var(--ink-2);background:var(--card)}
.tabs button:hover{border-color:var(--ink-3);color:var(--ink)}
.tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
/* Home directory: three even columns */
.dir{columns:3 260px}
/* Category About copy */
.cat-about .prose p{margin:0 0 1em}
.cat-about .prose{max-width:none}
.cat-about-in{grid-template-columns:minmax(0,1fr) 320px;gap:48px}
/* Pricing cards */
.plans{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:stretch}
.plan{display:flex;flex-direction:column;gap:2px}
.plan h4{margin:0 0 8px;font-size:.95rem}
.plan b{font-size:1.55rem;line-height:1.1;white-space:nowrap}
.plan .plan-period{display:block;color:var(--ink-3);font-size:.82rem}
.plan .plan-sites{margin:8px 0 0;font-size:.86rem;font-weight:600;color:var(--ink-2)}
.plan .plan-note{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--rule);font-size:.8rem;line-height:1.45;color:var(--ink-3)}
/* Comparison table group rows: no bleed, flat */
.cgroup>summary{background:none;margin:0;padding:18px 0 8px;border-top:1px solid var(--ink);border-radius:0}
.cgroup>summary span{padding-left:16px}
.crow .cell .st+.tier{margin-left:6px}
.tier{vertical-align:middle}
.gl-b .gl-bar span{background:var(--ink-3)}
.chead{border-top:1px solid var(--ink)}
/* Plugin cards: even heights and tidy meta */
.grid{align-items:stretch}
.pcard{height:100%}
.pcard p{flex:1}
.pcard .meta .i{width:12px;height:12px}
/* Footer: categories in two columns */
.ftr-grid{grid-template-columns:1.1fr 1.9fr 1.2fr .8fr}
.ftr-grid ul.ftr-cats,.ftr-grid>div:nth-child(2) ul{columns:2;column-gap:24px;display:block}
.ftr-grid>div:nth-child(2) li{margin-bottom:8px;break-inside:avoid}
.ftr .brand span{color:#b69cf6}
@media (max-width:860px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-grid>div:first-child{grid-column:1/-1}.cat-about-in{grid-template-columns:1fr}}
@media (max-width:520px){.ftr-grid{grid-template-columns:1fr}.ftr-grid>div:nth-child(2) ul{columns:1}}
/* 404 + ghost buttons on dark */
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.hero-404 .hero-in{max-width:760px}
/* Mobile refinements */
@media (max-width:860px){
	.cat-hero{grid-template-columns:1fr;gap:14px}
	.cat-hero .mega-ic{width:48px;height:48px}
	.cat-hero .mega-ic .i{width:22px;height:22px}
	.tile b{font-size:1.15rem}
	.cform .cswap{height:0;overflow:hidden}
	.cform .cswap+.cfield{border-top:1px solid var(--rule)}
	.hero .cform .cswap+.cfield{border-top-color:#e5e5ea}
	.hero{padding:44px 0 40px}
	.board li a{padding:9px 14px}
	.p-hero h1{font-size:clamp(1.8rem,8vw,2.4rem)}
	.tabs button{font-size:.84rem;padding:5px 9px}
}

/* ===== 1.6: light only ===== */
:root{color-scheme:light;--tint:#f7f6fb;--tint-2:#efedf6}
[data-theme-toggle]{display:none!important}

/* Header: white bar, dark grey type */
.hdr{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--rule)}
.hdr .brand{color:var(--ink)}
.hdr .brand span{color:#6d28d9}
.hdr .nav>a,.hdr .nav>button{color:var(--ink-2)}
.hdr .nav>a:hover,.hdr .nav>button:hover,.hdr .nav>button[aria-expanded=true]{background:var(--mist);color:var(--ink)}
.hdr .search-btn{background:var(--mist);border-color:var(--rule);color:var(--ink-3)}
.hdr .search-btn:hover{background:#fff;border-color:var(--rule-2)}
.hdr .search-btn kbd{background:#fff;border-color:var(--rule);color:var(--ink-2)}
.hdr .icon-btn{color:var(--ink-2)}
.hdr .icon-btn:hover{background:var(--mist);color:var(--ink)}
.hdr .btn{background:#5b21b6;color:#fff}
.hdr .btn:hover{background:#4c1d95}

/* Home hero: light tint with charcoal type */
.hero{background:var(--tint);color:var(--ink);border-bottom:1px solid var(--rule);box-shadow:inset 0 -3px 0 #5b21b6}
.hero h1{color:var(--ink)}
.hero .lead{color:var(--ink-2)}
.kicker{color:#6d28d9}
.hero-pop>span{color:var(--ink-3)}
.hero-pop a{color:var(--ink);text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.hero-pop a:hover{color:#5b21b6;text-decoration-color:currentColor}
.hero-pop i{color:var(--ink-3)}
.hero .cform{border:1px solid var(--rule-2);box-shadow:0 1px 2px rgba(17,17,26,.04),0 12px 32px -18px rgba(17,17,26,.18)}
.hero .cswap::before{background:var(--rule-2)}
.btn-ghost{background:#fff;border:1px solid var(--rule-2);color:var(--ink)}
.btn-ghost:hover{background:var(--mist);border-color:var(--ink-3)}

/* Category leaders board: white card */
.board{background:#fff;border:1px solid var(--rule);color:var(--ink);box-shadow:0 1px 2px rgba(17,17,26,.04)}
.board-head{border-bottom:1px solid var(--rule);color:var(--ink-3)}
.board-head b{color:var(--ink)}
.board li a{border-bottom:1px solid var(--rule)}
.board li:last-child a{border-bottom:0}
.board li a:hover{background:var(--tint)}
.board-cat{color:var(--ink-3)}
.board-pick{color:var(--ink)}
.board-score{background:var(--cobalt-soft);color:#5b21b6}
.board-all{border-top:1px solid var(--rule);color:#5b21b6}
.board-all:hover{color:#4c1d95;background:var(--tint)}

/* Page heads */
.phead{background:var(--tint)}

/* Mega menu */
.mega{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);box-shadow:0 24px 48px -28px rgba(17,17,26,.28);max-height:calc(100vh - var(--hh) - 40px);overflow:auto}
.mega-in{grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:28px var(--gutter) 30px!important}
.mega-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 28px}
.mega-group h4{margin:0 0 6px;padding-bottom:8px;border-bottom:1px solid var(--rule);font-size:.78rem;font-weight:700;color:var(--ink-3);letter-spacing:0}
.mega-group ul{display:grid;gap:2px}
.mega-link{display:flex;align-items:center;gap:11px;margin:0 -8px;padding:7px 8px;border:0;border-radius:var(--r-s);color:var(--ink)}
.mega-link:hover{background:var(--tint)}
.mega-link:hover b{color:#5b21b6;text-decoration:none}
.mega-ic{width:32px;height:32px;border:0;border-radius:var(--r-s);background:var(--cobalt-soft);color:#5b21b6}
.mega-ic .i{width:16px;height:16px}
.mega-txt{display:grid;line-height:1.25}
.mega-link b{font-weight:650;font-size:.93rem}
.mega-link small{font-size:.78rem;color:var(--ink-3)}
.mega-side{border-left:1px solid var(--rule);padding-left:28px;display:flex;flex-direction:column}
.mega-side h4{margin:0 0 6px;padding-bottom:8px;border-bottom:1px solid var(--rule);font-size:.78rem;font-weight:700;color:var(--ink-3)}
.mega-side ul{list-style:none;margin:0 0 18px;padding:0}
.mega-side li a{display:block;padding:7px 0;border-bottom:1px solid var(--rule);color:var(--ink);font-size:.9rem;font-weight:600;text-decoration:none}
.mega-side li a:hover{color:#5b21b6}
.mega-cta{margin-top:auto;padding:16px;border-radius:var(--r-m);background:var(--tint);border:1px solid var(--rule)}
.mega-cta b{display:block;font-size:.95rem;margin-bottom:4px}
.mega-cta p{margin:0 0 12px;font-size:.85rem;color:var(--ink-2)}
.mega-cta .mega-all{display:block;margin-top:10px;border:0!important;font-size:.85rem;font-weight:600;color:#5b21b6;text-decoration:none}
.mega-cta .mega-all:hover{text-decoration:underline}
@media (max-width:1080px){.mega-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-side{border-left:0;padding-left:0}}

/* Mobile nav */
.mnav{background:#fff}
.mnav .mega-ic{width:28px;height:28px}

/* Logos: light tile with a hairline */
img.logo{background:#fff;box-shadow:inset 0 0 0 1px rgba(17,17,26,.06)}

/* Suggest a plugin form */
.suggest{max-width:760px;margin:8px 0 40px}
.suggest-form{display:grid;gap:18px;padding:24px;border:1px solid var(--rule);border-radius:var(--r-m);background:#fff}
.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sf-row{display:grid;gap:6px}
.sf-label{font-size:.88rem;font-weight:650;color:var(--ink)}
.sf-label em{font-style:normal;font-weight:500;color:var(--ink-3);margin-left:4px}
.suggest-form input[type=text],.suggest-form input[type=url],.suggest-form input[type=email],.suggest-form select,.suggest-form textarea{width:100%;padding:10px 12px;border:1px solid var(--rule-2);border-radius:var(--r-s);background:#fff;font:inherit;font-size:.95rem;color:var(--ink)}
.suggest-form textarea{resize:vertical;min-height:110px}
.suggest-form input:focus,.suggest-form select:focus,.suggest-form textarea:focus{outline:none;border-color:#5b21b6;box-shadow:0 0 0 3px var(--cobalt-soft)}
.sf-options{display:flex;flex-wrap:wrap;gap:8px}
.sf-options label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--rule-2);border-radius:var(--r-s);font-size:.9rem;cursor:pointer}
.sf-options label:has(input:checked){border-color:#5b21b6;background:var(--cobalt-soft)}
.sf-options input{accent-color:#5b21b6}
.sf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sf-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.suggest-ok,.suggest-err{padding:14px 16px;border-radius:var(--r-s);margin-bottom:16px;font-size:.95rem}
.suggest-ok{background:var(--yes-bg);color:var(--yes);border:1px solid color-mix(in srgb,var(--yes) 25%,transparent)}
.suggest-err{background:var(--no-bg);color:var(--no);border:1px solid color-mix(in srgb,var(--no) 25%,transparent)}
@media (max-width:640px){.sf-grid{grid-template-columns:1fr}.suggest-form{padding:18px}}
.sf-context{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-s);background:var(--tint);border:1px solid var(--rule);font-size:.92rem}
.sf-context a{margin-left:6px;font-weight:600}

/* Home hero: leaders board matches the left column and scrolls slowly */
.hero-grid{align-items:stretch}
.board{display:flex;flex-direction:column;contain:size;min-height:320px;overflow:hidden}
.board-head,.board-all{flex:none}
.board-viewport{position:relative;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.board-track{animation:pc-board-scroll var(--dur,40s) linear infinite;will-change:transform}
.board-viewport:hover .board-track,.board-viewport:focus-within .board-track{animation-play-state:paused}
.board ol li:last-child a{border-bottom:1px solid var(--rule)}
@keyframes pc-board-scroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){
	.board-track{animation:none}
	.board-track ol[aria-hidden]{display:none}
	.board-viewport{overflow-y:auto;-webkit-mask-image:none;mask-image:none}
}
@media (max-width:1080px){.board{contain:none;height:400px}}

/* 1.7: ranking tools, compare tray, pricing table, data verdicts */
.rcard[hidden]{display:none!important}
.rtools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.seg{display:inline-flex;padding:3px;border:1px solid var(--rule-2);border-radius:10px;background:var(--mist)}
.seg button{appearance:none;border:0;background:transparent;font:inherit;font-size:.88rem;font-weight:600;color:var(--ink-2);padding:6px 12px;border-radius:7px;cursor:pointer}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(17,24,39,.08),0 0 0 1px var(--rule)}
.rsort{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--ink-3)}
.rsort select{font:inherit;font-size:.9rem;color:var(--ink);padding:7px 30px 7px 10px;border:1px solid var(--rule-2);border-radius:var(--r-s);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b7585' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer}
.rsort select:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 3px var(--cobalt-soft)}
.ffilter{align-items:center}
.ffilter-l{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}
.rcard .rs{display:flex;flex-direction:column;align-items:center;gap:6px}
.cmp-pick{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--ink-2);padding:4px 8px;border-radius:7px;cursor:pointer;user-select:none;white-space:nowrap}
.cmp-pick:hover{background:var(--mist)}
.cmp-pick input{accent-color:var(--cobalt);width:15px;height:15px;margin:0}
.rcard.picked{border-color:var(--cobalt);box-shadow:0 0 0 1px var(--cobalt)}
.ctray{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ink);color:#fff;box-shadow:0 -8px 24px -12px rgba(17,24,39,.35)}
.ctray-in{display:flex;align-items:center;gap:14px;min-height:64px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.ctray-l{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ctray-picks{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ctray-picks>i{font-style:normal;font-size:.8rem;color:rgba(255,255,255,.55)}
.ctray-pick{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:9px;background:rgba(255,255,255,.1)}
.ctray-pick .logo{width:24px;height:24px;border-radius:6px}
.ctray-pick b{font-size:.92rem;font-weight:600}
.ctray-hint{font-size:.88rem;color:rgba(255,255,255,.65)}
.ctray .btn-primary{margin-left:auto;background:#fff;color:var(--ink)}
.ctray .btn-primary:hover{background:var(--cobalt-soft)}
.ctray .btn-primary.is-off{opacity:.45;pointer-events:none}
.ctray-x{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.7);font:inherit;font-size:.88rem;cursor:pointer;padding:6px}
.ctray-x:hover{color:#fff;text-decoration:underline}
body.has-ctray .ftr{padding-bottom:96px}
@media (max-width:640px){.ctray-hint{display:none}.ctray .btn-primary{margin-left:0}.ctray-in{gap:10px}}

.ptable-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r-l);background:var(--paper)}
.ptable{width:100%;border-collapse:collapse;font-size:.93rem;min-width:720px}
.ptable th,.ptable td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--rule);vertical-align:middle}
.ptable thead th{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);background:var(--mist);border-bottom-color:var(--rule-2)}
.ptable tbody tr:last-child>*{border-bottom:0}
.ptable tbody tr:hover{background:var(--tint,#f7f6fb)}
.ptable tbody th a{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;text-decoration:none}
.ptable tbody th a:hover span{text-decoration:underline}
.ptable td b{font-weight:700;color:var(--ink)}
.ptable td small{display:block;font-size:.8rem;color:var(--ink-3);line-height:1.35;margin-top:2px}
.ptable .yes{display:inline-flex;align-items:center;gap:4px;color:var(--yes,#15803d);font-weight:600}
.ptable .yes .i{width:14px;height:14px}

.data-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--cobalt-soft);color:var(--cobalt)}
.data-badge .i{width:14px;height:14px}
.diffs-h{font-size:1rem;margin:22px 0 10px}
.rcard .rs{display:grid;grid-template-columns:auto auto;align-items:center;justify-items:center;gap:2px 8px}
.rcard .rs>b,.rcard .rs>small{grid-column:1/-1}
.rcard .rs>small{margin-bottom:6px}
.cmp-pick{padding:6px 9px;border:1px solid var(--rule-2);border-radius:10px;font-size:.84rem;line-height:1.2}
.cmp-pick:has(input:checked){border-color:var(--cobalt);background:var(--cobalt-soft);color:var(--cobalt)}

/* 1.8: plugin directory search and filters */
.dir-search{position:relative;max-width:720px;margin-top:22px}
.dir-search input{width:100%;height:54px;padding:0 48px 0 48px;border:1px solid var(--rule-2);border-radius:12px;background:var(--paper);font:inherit;font-size:1.02rem;color:var(--ink);box-shadow:var(--shadow-1)}
.dir-search input::-webkit-search-cancel-button{display:none}
.dir-search input:focus{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 4px var(--cobalt-soft)}
.dir-search-ic{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--ink-3);display:flex}
.dir-search-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);appearance:none;border:0;background:var(--mist);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--ink-2);cursor:pointer}
.dir-search-x:hover{background:var(--mist-2)}
.dir-wrap{padding-top:32px;padding-bottom:72px}
.dir-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start}
.dir-side{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow:auto;padding:4px 6px 16px 2px;scrollbar-width:thin}
.dir-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--rule);margin-bottom:6px}
.dir-side-head b{font-size:1rem}
.dir-reset{appearance:none;border:0;background:none;color:var(--cobalt);font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;padding:2px 0}
.dir-reset:hover{text-decoration:underline}
.dir-close,.dir-apply,.dir-open{display:none}
.dfs{border:0;margin:0;padding:16px 0;border-bottom:1px solid var(--rule)}
.dfs:last-of-type{border-bottom:0}
.dfs legend{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:0;margin-bottom:8px}
.dopt{display:flex;align-items:center;gap:10px;padding:5px 6px;margin:0 -6px;border-radius:7px;font-size:.93rem;color:var(--ink-2);cursor:pointer;line-height:1.35}
.dopt:hover{background:var(--mist);color:var(--ink)}
.dopt input{accent-color:var(--cobalt);width:15px;height:15px;margin:0;flex:none}
.dopt span{flex:1}
.dopt em{font-style:normal;font-size:.78rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.dopt:has(input:checked){color:var(--ink);font-weight:600}
.dopt.is-zero{opacity:.45}
.dfs-note{font-size:.78rem;color:var(--ink-3);margin:6px 0 0;line-height:1.4}
.dgroup+.dgroup{margin-top:10px}
.dgroup small{display:block;font-size:.76rem;font-weight:600;color:var(--ink-3);margin:2px 0 2px}
.dir-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.dir-count{margin:0;margin-right:auto;color:var(--ink-3);font-size:.95rem}
.dir-count b{color:var(--ink);font-size:1.05rem}
.dir-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--cobalt);color:#fff;font-size:.75rem;margin-left:4px}
.dir-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.dchip{appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--cobalt);background:var(--cobalt-soft);color:var(--cobalt);font:inherit;font-size:.85rem;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer}
.dchip::after{content:"×";font-size:1.05rem;line-height:1;opacity:.8}
.dchip:hover{background:#e7ddfa}
.dir-main .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.dir-main [data-cats][hidden]{display:none!important}
.dir-empty{text-align:center;padding:56px 20px;border:1px dashed var(--rule-2);border-radius:var(--r-l);background:var(--tint,#f7f6fb)}
.dir-empty h2{font-size:1.3rem;margin:0 0 8px}
.dir-empty p{color:var(--ink-3);margin:0 auto 16px;max-width:460px}
.dir-more{text-align:center;margin-top:28px}
@media (max-width:960px){
	.dir-layout{grid-template-columns:1fr}
	.dir-open{display:inline-flex;align-items:center}
	.dir-side{position:fixed;inset:0 auto 0 0;z-index:80;width:min(340px,88vw);max-height:none;height:100%;background:var(--paper);padding:18px 20px 90px;box-shadow:0 0 0 100vmax rgba(17,24,39,.4);transform:translateX(-105%);transition:transform .2s ease;visibility:hidden}
	.dir-side.open{transform:none;visibility:visible}
	.dir-close{display:grid;place-items:center;appearance:none;border:0;background:var(--mist);width:32px;height:32px;border-radius:8px;cursor:pointer;margin-left:auto}
	.dir-side-head .dir-reset{margin-left:auto}
	.dir-side-head .dir-reset+.dir-close{margin-left:8px}
	.dir-apply{display:block;position:sticky;bottom:-70px;width:100%;margin-top:16px}
	body.dir-lock{overflow:hidden}
}
@media (max-width:560px){.dir-bar .rsort span{display:none}.dir-search input{height:50px;font-size:1rem}}
.dir-search-x[hidden]{display:none}

/* Mega menu "Start a comparison" button */
.mega .mega-cta .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:9px 16px!important;margin:0;border:0!important;border-radius:10px;background:var(--cobalt);color:#fff!important;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:0 1px 2px rgba(76,29,149,.25),inset 0 1px 0 rgba(255,255,255,.12)}
.mega .mega-cta .btn:hover{background:var(--cobalt-2);color:#fff!important}
.mega .mega-cta .btn::after{content:"→";font-weight:500;transition:transform .15s}
.mega .mega-cta .btn:hover::after{transform:translateX(2px)}
.mega .mega-cta .mega-all{text-align:center;padding:2px 0}
.mega .mega-cta b{white-space:nowrap;font-size:.9rem;letter-spacing:-.005em}
body.post-type-archive-ce_comparison .hero h1{max-width:none!important}

/* How we compare: one rule above the columns, not two */
.sec-head:has(+ .steps){border-bottom:0;padding-bottom:0}

/* Categories mega menu: compact masonry columns */
.mega-in{grid-template-columns:minmax(0,1fr) 260px;gap:32px;padding:22px var(--gutter) 24px!important}
.mega-groups{display:block!important;columns:4 200px;column-gap:26px}
.mega-group{break-inside:avoid;margin:0 0 18px}
.mega-group h4{margin:0 0 4px;padding-bottom:6px;font-size:.74rem;letter-spacing:.02em;text-transform:uppercase}
.mega-group ul{gap:0}
.mega-link{gap:9px;padding:5px 8px}
.mega-ic{width:26px;height:26px;flex:none}
.mega-ic .i{width:14px;height:14px}
.mega-txt{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex:1;min-width:0}
.mega-link b{font-size:.88rem;font-weight:600;line-height:1.3}
.mega-link small{font-size:.74rem;flex:none;font-variant-numeric:tabular-nums}
.mega-side{padding-left:24px}
.mega-side li a{padding:6px 0;font-size:.86rem}
@media (max-width:1080px){.mega-groups{columns:3 190px}}
/* Mega menu CTA text on two lines */
.mega-in{grid-template-columns:minmax(0,1fr) 272px!important}
.mega .mega-cta{padding:16px 14px}
.mega .mega-cta p{font-size:.82rem;line-height:1.5;text-wrap:balance}