/* Kudexa Blog 1.6.0 — the new design and colours, matching the home page.
   Printed only while Kudexa Site's switch "Home page: new design and colours" is on.
   Same blog, same words, same layout: only colours, shapes and shadows change.
   Every rule starts with "body .kxs" so it wins over blog.css and blog2.css whichever
   prints last, and reaches nothing outside the blog's own blocks (.kb). */
body .kxs .kb{
  --kn-grad:linear-gradient(90deg,#2F5BEA 0%,#7C4DFF 55%,#E8467C 100%);
  --kn-shadow:0 1px 0 rgba(16,20,45,.05),0 24px 48px -28px rgba(16,20,45,.28);
  --kn-dark:radial-gradient(420px 300px at 100% 0%,rgba(124,77,255,.55),transparent 70%),radial-gradient(380px 280px at 0% 100%,rgba(232,70,124,.28),transparent 70%),linear-gradient(155deg,#1B1446 0%,#0C0F1D 62%);
  --kc:#7C4DFF;
}
body .kxs[data-kx="dark"] .kb{--kn-shadow:0 1px 0 rgba(255,255,255,.04),0 24px 48px -28px rgba(0,0,0,.8)}

/* a colour per topic (data-kt on each card) */
/* the same order as the blog's own cover colours (kb-c1 … kb-c6), so card and cover always agree */
body .kxs .kb [data-kt="1"]{--kc:#2F5BEA}
body .kxs .kb [data-kt="2"]{--kc:#E8467C}
body .kxs .kb [data-kt="3"]{--kc:#13A865}
body .kxs .kb [data-kt="4"]{--kc:#FF8A1F}
body .kxs .kb [data-kt="5"]{--kc:#7C4DFF}
body .kxs .kb [data-kt="6"]{--kc:#0E8FA3}

/* labels */
body .kxs .kb .kb-kick,body .kxs .kb .kb2-kick,body .kxs .kb .kb2-mastk{color:#7C4DFF}
body .kxs .kb .kb2-kick:before{background:#7C4DFF}
body .kxs .kb .kb2-mastk{border-color:color-mix(in srgb,#7C4DFF 30%,var(--line));border-radius:999px}
body .kxs[data-kx="dark"] .kb .kb-kick,body .kxs[data-kx="dark"] .kb .kb2-kick,body .kxs[data-kx="dark"] .kb .kb2-mastk{color:#B9A2FF}

/* ---------- the home page band ---------- */
body .kxs .kb.kb-homeband{border:0;background:
  radial-gradient(700px 360px at 10% 0%,color-mix(in srgb,#7C4DFF 9%,transparent),transparent 70%),
  radial-gradient(700px 360px at 95% 100%,color-mix(in srgb,#E8467C 7%,transparent),transparent 70%),var(--soft)}
body .kxs .kb .kb-more{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:11px 20px;font-weight:800;font-size:15px;background:var(--card)}
body .kxs .kb .kb-more:hover{background:var(--ink);color:var(--page)}

/* ---------- cards (home band, blog page, related) ---------- */
body .kxs .kb .kb-card,body .kxs .kb .kb2-card{border-radius:24px;border-color:color-mix(in srgb,var(--kc) 16%,var(--line));
  box-shadow:0 1px 0 rgba(16,20,45,.05),0 24px 44px -32px var(--kc);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body .kxs .kb .kb-card:hover,body .kxs .kb .kb2-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--kc) 45%,var(--line));box-shadow:0 1px 0 rgba(16,20,45,.05),0 30px 50px -28px var(--kc)}
/* 1.6.2 — the picture framed inside the card, with room around it, so picture and words read as two things */
body .kxs .kb .kb-card,body .kxs .kb .kb2-card{padding:10px;background:var(--card)}
body .kxs .kb .kb-card .kb-cov,body .kxs .kb .kb2-cardcov{border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--kc) 18%,var(--line))}
body .kxs .kb .kb2-cardcov .kb-cov{border-radius:15px}
body .kxs .kb .kb-tx{padding:18px 12px 10px}
body .kxs .kb .kb2-cardtx{padding:18px 12px 10px;gap:10px}
body .kxs .kb .kb-meta{font-size:11.5px;letter-spacing:.08em;margin:0 0 10px}
body .kxs .kb .kb-tx .kb-h3,body .kxs .kb .kb2-cardh{font-size:18px;line-height:1.35;margin:0 0 8px}
body .kxs .kb .kb-ex,body .kxs .kb .kb2-cardex{font-size:14.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .kxs .kb .kb2-cardmeta{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:12.5px}
body .kxs .kb .kb2-tag{left:auto;right:10px;top:10px}   /* the picture has its own label top left */
body .kxs .kb .kb-meta b{color:var(--kc)}
body .kxs .kb .kb2-tag{background:var(--card);color:var(--kc);border-radius:999px;box-shadow:0 6px 16px -8px rgba(16,20,45,.45)}
body .kxs .kb .kb2-tag:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--kc);margin-right:6px;vertical-align:1px}
body .kxs .kb .kb-tx .kb-h3,body .kxs .kb .kb2-cardh{letter-spacing:-.02em}

/* ---------- blog page ---------- */
body .kxs .kb .kb2-mast{background:
  radial-gradient(640px 300px at 15% 0%,color-mix(in srgb,#7C4DFF 12%,transparent),transparent 70%),
  radial-gradient(640px 300px at 85% 0%,color-mix(in srgb,#E8467C 9%,transparent),transparent 70%),transparent}
body .kxs .kb .kb2-pillf{box-shadow:var(--kn-shadow)}
body .kxs .kb .kb2-pillf:focus-within{border-color:#7C4DFF;box-shadow:0 0 0 4px color-mix(in srgb,#7C4DFF 14%,transparent),var(--kn-shadow)}

/* "Start here": the dark premium card */
body .kxs .kb .kb2-hero{border:0;background:var(--kn-dark);box-shadow:0 30px 60px -30px rgba(76,45,190,.6);border-radius:28px}
body .kxs .kb .kb2-hero:hover{border-color:transparent}
body .kxs .kb .kb2-hero-h,body .kxs .kb .kb2-hero-by b{color:#fff}
body .kxs .kb .kb2-hero-ex,body .kxs .kb .kb2-hero-by small{color:#C9CCDA}
body .kxs .kb .kb2-pill{background:#FFC24D;color:#2A1A00;border-color:#FFC24D;border-radius:999px}
body .kxs .kb .kb2-btn{background:#fff;color:#0C0F1D;border-radius:999px;padding:12px 20px;font-weight:800}
body .kxs .kb .kb2-hero-cov:has(.kb-img){background:#1B1446}

/* topics and search */
body .kxs .kb .kb2-filter{border-radius:22px;box-shadow:var(--kn-shadow)}
body .kxs .kb .kb2-chips a{border-radius:999px;font-weight:600}
body .kxs .kb .kb2-chips a.on{background:var(--invert);color:var(--invert-ink);border-color:var(--invert)}
body .kxs .kb .kb2-srch{border-radius:999px}
body .kxs .kb .kb2-srch:focus-within,body .kxs .kb .kb-srch:focus-within{border-color:#7C4DFF}
body .kxs .kb .kb-tabs a.on{border-bottom-color:#7C4DFF}

/* the free-score / offer bands: the dark premium card */
body .kxs .kb .kb-band,body .kxs .kb .kb2-band{background:var(--kn-dark);border-radius:28px;box-shadow:0 30px 60px -30px rgba(76,45,190,.6)}
body .kxs .kb .kb-band:after,body .kxs .kb .kb2-band:after{background:rgba(255,255,255,.05)}
body .kxs .kb .kb-bandgo a,body .kxs .kb .kb2-band a{color:#0C0F1D;border-radius:999px}
body .kxs .kb .kb2-bandk{color:#B9A2FF;opacity:1}
body .kxs .kb .kb2-mini{border-radius:22px}
body .kxs .kb .kb2-mini span em{background:linear-gradient(90deg,#2F5BEA,#7C4DFF)}
body .kxs .kb .kb2-mini u{color:#7C4DFF}

/* pages and other links */
body .kxs .kb .kb-pag a{border-radius:999px;min-width:42px;text-align:center}
body .kxs .kb .kb2-relhead a{border-radius:999px;border:2px solid var(--ink);font-weight:800}

/* subscribe */
body .kxs .kb .kb-subf input[type=email],body .kxs .kb .kb-subf button{border-radius:999px}
body .kxs .kb .kb-subf input[type=email]:focus{border-color:#7C4DFF}
body .kxs .kb .kb-ps{border-radius:24px;border:1.5px dashed color-mix(in srgb,#FF8A1F 45%,var(--line));background:color-mix(in srgb,#FFC24D 9%,var(--card))}
body .kxs .kb .kb-slide{border-radius:22px;box-shadow:0 30px 60px -24px rgba(16,20,45,.45)}

/* ---------- the article ---------- */
body .kxs .kb .kb2-cover,body .kxs .kb .kb-art .kb-cov{border-radius:24px;border:0;box-shadow:var(--kn-shadow)}
body .kxs .kb .kb2-ico{border-radius:11px}
body .kxs .kb .kb2-ai a{border-radius:999px;color:var(--ink)}
body .kxs .kb .kb2-ai a:hover{border-color:#7C4DFF;color:#7C4DFF}

body .kxs .kb .kb2-ans,body .kxs .kb .kb-ans{border-radius:20px;border-color:color-mix(in srgb,#2F5BEA 18%,var(--line));border-left:5px solid #2F5BEA;
  background:linear-gradient(135deg,color-mix(in srgb,#2F5BEA 9%,var(--card)),color-mix(in srgb,#7C4DFF 6%,var(--card)))}
body .kxs .kb .kb2-ans small,body .kxs .kb .kb-ans small{color:#2F5BEA}
body .kxs[data-kx="dark"] .kb .kb2-ans small,body .kxs[data-kx="dark"] .kb .kb-ans small{color:#8FA8FF}

body .kxs .kb .kb2-takes{background:var(--card);border-radius:24px;box-shadow:var(--kn-shadow);padding:22px 26px 14px}
body .kxs .kb .kb2-takes ol{list-style:none;padding-left:0;counter-reset:kn}
body .kxs .kb .kb2-takes li{position:relative;padding-left:42px;counter-increment:kn;min-height:30px}
body .kxs .kb .kb2-takes li:before{content:counter(kn);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:10px;color:#fff;font:800 14px/30px Inter,sans-serif;text-align:center;
  background:linear-gradient(145deg,#6E8BFF,#2F5BEA)}
body .kxs .kb .kb2-takes li:nth-child(3n+2):before{background:linear-gradient(145deg,#C38BFF,#7C4DFF)}
body .kxs .kb .kb2-takes li:nth-child(3n):before{background:linear-gradient(145deg,#3BE39C,#13A865)}

/* the free-score box in the middle of the text */
body .kxs .kb .kb-mid{border:1px solid color-mix(in srgb,#7C4DFF 22%,var(--line));border-radius:22px;
  background:linear-gradient(135deg,color-mix(in srgb,#7C4DFF 9%,var(--card)),color-mix(in srgb,#2F5BEA 7%,var(--card)) 55%,color-mix(in srgb,#E8467C 7%,var(--card)))}
body .kxs .kb .kb-copy .kb-mid a,body .kxs .kb .kb-mid a{border-radius:999px}
/* one related article inside the text */
body .kxs .kb .kb2-also{border-radius:18px;border-left-color:#7C4DFF;box-shadow:0 18px 36px -30px rgba(16,20,45,.5)}
body .kxs .kb .kb2-also small,body .kxs .kb .kb2-also span{color:#7C4DFF}
body .kxs .kb .kb-copy a{color:#2F5BEA;border-bottom-color:color-mix(in srgb,#2F5BEA 30%,transparent)}
body .kxs[data-kx="dark"] .kb .kb-copy a{color:#8FA8FF}
body .kxs .kb .kb-copy blockquote{border-left:4px solid #7C4DFF;border-radius:16px}

/* questions people ask: soft cards, as on the home page */
body .kxs .kb .kb2-qa div,body .kxs .kb .kb-qa div{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px 20px;margin-top:10px}
body .kxs .kb .kb2-qa div:hover,body .kxs .kb .kb-qa div:hover{border-color:color-mix(in srgb,#7C4DFF 45%,var(--line))}

/* the author */
body .kxs .kb .kb-who{border-radius:24px;box-shadow:var(--kn-shadow);background:var(--card)}
body .kxs .kb .kb-who img{box-shadow:0 0 0 3px var(--card),0 0 0 5px #2F5BEA}
body .kxs .kb .kb-who a{color:#0A66C2}

/* the side: on this page, and the small free-score card */
body .kxs .kb .kb2-toc a.on{color:var(--ink);border-left-color:#7C4DFF;font-weight:800}
body .kxs .kb .kb2-sidego{border:0;border-radius:22px;background:var(--kn-dark);box-shadow:0 24px 44px -26px rgba(76,45,190,.6)}
body .kxs .kb .kb2-sidego b{color:#fff}
body .kxs .kb .kb2-sidego span{color:#C9CCDA}
body .kxs .kb .kb2-sidego em{display:inline-block;margin-top:2px;background:#fff;color:#0C0F1D;border-radius:999px;padding:8px 14px}
body .kxs .kb .kb2-toc-m{border-radius:18px}

/* phones: the button that stays */
body .kxs .kb .kb-stick a{border-radius:999px;background:var(--invert);color:var(--invert-ink)}

@media (max-width:640px){
  body .kxs .kb .kb2-hero{border-radius:22px}
  body .kxs .kb .kb-band,body .kxs .kb .kb2-band{border-radius:22px}
  body .kxs .kb .kb2-takes{padding:18px 18px 10px}
}