/*
 * CungConHoc Claymorphism refresh.
 * This layer keeps existing content/shortcodes intact and only changes the visual system.
 */

:root {
  --cch-clay-ink: #17335f;
  --cch-clay-copy: #52637d;
  --cch-clay-muted: #74839a;
  --cch-clay-sky: #dff2ff;
  --cch-clay-sky-strong: #6bbaf8;
  --cch-clay-coral: #ff7448;
  --cch-clay-coral-dark: #d94a23;
  --cch-clay-mango: #ffc64d;
  --cch-clay-mint: #9ee7c1;
  --cch-clay-white: #fffefd;
  --cch-clay-line: rgba(23, 51, 95, .1);
  --cch-clay-shadow: 0 22px 48px rgba(23, 51, 95, .12);
  --cch-clay-shadow-soft: 0 14px 30px rgba(23, 51, 95, .09);
  --cch-clay-shadow-lift: 0 30px 58px rgba(23, 51, 95, .16);
  --cch-clay-inset: inset 0 1px 0 rgba(255, 255, 255, .88), inset 0 -10px 22px rgba(23, 51, 95, .035);
  --cch-clay-radius-lg: 30px;
  --cch-clay-radius-md: 22px;
  --cch-clay-radius-sm: 16px;
}

body {
  color: var(--cch-clay-ink);
  background:
    radial-gradient(circle at 8% 4%, rgba(255, 198, 77, .18) 0, rgba(255, 198, 77, 0) 32%),
    radial-gradient(circle at 92% 0%, rgba(107, 186, 248, .18) 0, rgba(107, 186, 248, 0) 30%),
    linear-gradient(180deg, #f8fcff 0%, #fffdf7 42%, #ffffff 100%);
}

.header-wrapper {
  border-top: 0 !important;
  background: rgba(255, 254, 253, .9) !important;
  box-shadow: 0 16px 42px rgba(23, 51, 95, .09) !important;
  backdrop-filter: blur(16px);
}

.header-main,
#masthead.header-main,
.stuck .header-main {
  border-bottom: 1px solid rgba(23, 51, 95, .08) !important;
}

.header-main .header-nav-main > li > a.nav-top-link,
.header-main .account-item > a.nav-top-link,
.header-main .account-item > a.account-link,
.mobile-sidebar .nav-sidebar li a {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.header-main .header-nav-main > li > a.nav-top-link {
  color: #263b63 !important;
  border-radius: 999px !important;
}

.header-main .header-nav-main > li.active > a.nav-top-link,
.header-main .header-nav-main > li.current-menu-item > a.nav-top-link,
.header-main .header-nav-main > li > a.nav-top-link:hover {
  background: linear-gradient(145deg, #fff7df 0%, #ffece4 100%) !important;
  color: var(--cch-clay-coral-dark) !important;
  box-shadow: var(--cch-clay-inset), 0 10px 24px rgba(217, 74, 35, .11) !important;
}

.header-main .header-search .header-button > a.button,
.header-main .header-search a.icon.button,
.header-main .account-item > a.nav-top-link,
.header-main .account-item > a.account-link {
  background: linear-gradient(145deg, #ffffff 0%, #f7fbff 100%) !important;
  border: 1px solid rgba(23, 51, 95, .1) !important;
  box-shadow: var(--cch-clay-inset), 0 10px 22px rgba(23, 51, 95, .08) !important;
}

.cch-home-v2 {
  overflow: hidden !important;
  padding: 24px 0 56px !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 198, 77, .34) 0, rgba(255, 198, 77, 0) 25%),
    radial-gradient(circle at 92% 7%, rgba(107, 186, 248, .32) 0, rgba(107, 186, 248, 0) 28%),
    radial-gradient(circle at 68% 48%, rgba(158, 231, 193, .18) 0, rgba(158, 231, 193, 0) 32%),
    linear-gradient(180deg, #f5fbff 0%, #fffdf6 47%, #f8fcff 100%) !important;
}

.cch-home-v2:before,
.cch-home-v2:after,
.cch-pricing-page:before,
.cch-pricing-page:after {
  opacity: 0 !important;
}

.cch-home-v2-shell,
.cch-pricing-shell,
.cch-latest-games,
.cch-home-race {
  max-width: 1180px !important;
}

.cch-home-v2-hero {
  gap: 34px !important;
}

.cch-home-v2-copy {
  position: relative;
  padding: 30px !important;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .94) 0%, rgba(244, 251, 255, .88) 100%) !important;
  box-shadow: var(--cch-clay-shadow);
}

.cch-home-v2-copy:after {
  content: "";
  position: absolute;
  right: 26px;
  bottom: 22px;
  width: 74px;
  height: 74px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(158, 231, 193, .9), rgba(107, 186, 248, .55));
  box-shadow: var(--cch-clay-inset), 0 18px 32px rgba(23, 51, 95, .11);
  transform: rotate(8deg);
  pointer-events: none;
}

.cch-home-v2-kicker,
.cch-home-v2-section-kicker,
.cch-latest-games-kicker,
.cch-home-race-kicker,
.cch-pricing-kicker,
.cch-section-kicker,
.cch-package-starter-kicker,
.cch-start-form-label {
  border: 1px solid rgba(255, 255, 255, .78) !important;
  background: linear-gradient(145deg, #ffffff 0%, #fff4dc 100%) !important;
  color: var(--cch-clay-coral-dark) !important;
  box-shadow: var(--cch-clay-inset), 0 12px 24px rgba(217, 74, 35, .09) !important;
}

.cch-home-v2-copy h1,
.cch-home-v2-section-head h2,
.cch-latest-games h2,
.cch-home-race h2,
.cch-pricing-page h1,
.cch-pricing-page h2,
.cch-pricing-page h3 {
  color: var(--cch-clay-ink) !important;
  letter-spacing: 0 !important;
}

.cch-home-v2-copy p,
.cch-home-v2-trust-item p,
.cch-home-v2-trust-offer p,
.cch-latest-games p,
.cch-home-race p,
.cch-pricing-page p {
  color: var(--cch-clay-copy) !important;
}

.cch-home-v2-primary,
.cch-pricing-primary,
.cch-card-button,
.cch-form-submit,
.cch-start-primary,
.cch-home-race-primary,
.cch-latest-game-cta {
  border: 0 !important;
  background: linear-gradient(145deg, var(--cch-clay-coral) 0%, var(--cch-clay-mango) 100%) !important;
  color: #fff !important;
  box-shadow: var(--cch-clay-inset), 0 18px 32px rgba(255, 116, 72, .28) !important;
}

.cch-home-v2-secondary,
.cch-pricing-secondary,
.cch-need-button,
.cch-start-secondary,
.cch-home-race-secondary {
  background: linear-gradient(145deg, #ffffff 0%, #eff8ff 100%) !important;
  border: 1px solid rgba(23, 51, 95, .11) !important;
  color: var(--cch-clay-ink) !important;
  box-shadow: var(--cch-clay-inset), var(--cch-clay-shadow-soft) !important;
}

.cch-home-v2-primary:hover,
.cch-home-v2-secondary:hover,
.cch-pricing-primary:hover,
.cch-pricing-secondary:hover,
.cch-card-button:hover,
.cch-form-submit:hover,
.cch-start-primary:hover,
.cch-start-secondary:hover,
.cch-home-race-actions a:hover,
.cch-latest-game-cta:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--cch-clay-inset), var(--cch-clay-shadow-lift) !important;
}

.cch-home-v2-links a,
.cch-home-v2-links span,
.cch-hero-tags span,
.cch-home-v2-cta-meta span,
.cch-form-package-pill {
  border: 1px solid rgba(255, 255, 255, .76) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .94) 0%, rgba(240, 249, 255, .9) 100%) !important;
  color: #304668 !important;
  box-shadow: var(--cch-clay-inset), 0 12px 22px rgba(23, 51, 95, .07) !important;
}

.cch-home-v2-stage-card,
.cch-home-v2-subject-card,
.cch-home-v2-poster-card {
  border: 8px solid rgba(255, 255, 255, .84) !important;
  border-radius: 32px !important;
  box-shadow: var(--cch-clay-inset), 0 26px 52px rgba(23, 51, 95, .18) !important;
}

.cch-home-v2-stage-card:before,
.cch-home-v2-subject-card:before,
.cch-home-v2-poster-card:before {
  background:
    linear-gradient(180deg, rgba(23, 51, 95, .02) 14%, rgba(23, 51, 95, .82) 100%) !important;
}

.cch-home-v2-stage-tag,
.cch-home-v2-subject-card span,
.cch-home-v2-poster-card span,
.cch-card-badge {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

.cch-home-v2-stage-note,
.cch-home-v2-trust-item,
.cch-home-v2-trust-offer,
.cch-home-v2-article-card,
.cch-home-v2-cta-card,
.cch-latest-game-card,
.cch-home-race-copy,
.cch-home-race-board,
.cch-pricing-hero-copy,
.cch-hero-step,
.cch-need-card,
.cch-pricing-card,
.cch-package-starter,
.cch-start-summary,
.cch-start-form-panel {
  border: 1px solid rgba(255, 255, 255, .76) !important;
  box-shadow: var(--cch-clay-inset), var(--cch-clay-shadow) !important;
}

.cch-home-v2-stage-note,
.cch-home-v2-trust-item,
.cch-home-v2-article-card,
.cch-latest-game-card,
.cch-home-race-board,
.cch-hero-step,
.cch-need-card,
.cch-pricing-card,
.cch-package-starter,
.cch-start-form-panel {
  background: linear-gradient(145deg, rgba(255, 255, 255, .96) 0%, rgba(243, 250, 255, .92) 100%) !important;
}

.cch-home-v2-trust-icon,
.cch-hero-step span,
.cch-section-index,
.cch-need-mark {
  background: linear-gradient(145deg, #ffffff 0%, var(--cch-clay-sky) 48%, #fff3cf 100%) !important;
  color: var(--cch-clay-ink) !important;
  box-shadow: var(--cch-clay-inset), 0 14px 26px rgba(23, 51, 95, .12) !important;
}

.cch-home-v2-trust-offer,
.cch-home-v2-cta-card,
.cch-start-summary,
.cch-home-race-leader {
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 198, 77, .28) 0, rgba(255, 198, 77, 0) 28%),
    linear-gradient(145deg, #17335f 0%, #245fb0 62%, #6bbaf8 100%) !important;
}

.cch-home-v2-trust-offer *,
.cch-home-v2-cta-card *,
.cch-start-summary *,
.cch-home-race-leader * {
  color: #fff !important;
}

.cch-home-v2-trust-offer p,
.cch-home-v2-cta-card p,
.cch-start-summary .cch-start-description,
.cch-start-summary p.cch-start-description {
  color: rgba(255, 255, 255, .9) !important;
}

.cch-latest-games {
  padding: 10px 18px 18px !important;
}

.latest-games-home-section,
.home-race-section {
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 198, 77, .2) 0, rgba(255, 198, 77, 0) 28%),
    linear-gradient(180deg, #f8fcff 0%, #fffdf8 100%) !important;
}

.cch-latest-games-controls button {
  background: linear-gradient(145deg, #ffffff 0%, #e8f5ff 100%) !important;
  color: var(--cch-clay-ink) !important;
  box-shadow: var(--cch-clay-inset), 0 14px 26px rgba(23, 51, 95, .12) !important;
}

.cch-latest-game-image {
  border-radius: 22px !important;
  margin: 12px 12px 0 !important;
}

.cch-latest-game-card {
  border-radius: 28px !important;
  overflow: hidden !important;
}

.cch-latest-game-image em {
  background: linear-gradient(145deg, #20c77a 0%, var(--cch-clay-mint) 100%) !important;
  color: #063b25 !important;
  box-shadow: var(--cch-clay-inset), 0 10px 20px rgba(32, 199, 122, .22) !important;
}

.cch-latest-game-image em.is-premium {
  background: linear-gradient(145deg, var(--cch-clay-coral) 0%, var(--cch-clay-mango) 100%) !important;
  color: #fff !important;
}

.cch-latest-game-tags span,
.cch-latest-game-age {
  background: linear-gradient(145deg, #ffffff 0%, #eaf7ff 100%) !important;
  color: #1d5793 !important;
  box-shadow: var(--cch-clay-inset) !important;
}

.cch-latest-game-tags span:nth-child(2) {
  background: linear-gradient(145deg, #ffffff 0%, #fff2d6 100%) !important;
  color: #a64d15 !important;
}

.cch-home-race-copy {
  background:
    radial-gradient(circle at 92% 10%, rgba(158, 231, 193, .36) 0, rgba(158, 231, 193, 0) 26%),
    linear-gradient(145deg, #ffffff 0%, #fff8e8 100%) !important;
}

.cch-home-race-list li {
  border: 1px solid rgba(23, 51, 95, .08) !important;
  background: linear-gradient(145deg, #ffffff 0%, #f2f9ff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important;
}

.cch-home-race-list li.is-current {
  background: linear-gradient(145deg, #fff8dc 0%, #ffece2 100%) !important;
  border-color: rgba(255, 116, 72, .28) !important;
}

.cch-pricing-page {
  padding: 34px 0 60px !important;
  background:
    radial-gradient(circle at 12% 4%, rgba(255, 198, 77, .3) 0, rgba(255, 198, 77, 0) 28%),
    radial-gradient(circle at 88% 6%, rgba(107, 186, 248, .28) 0, rgba(107, 186, 248, 0) 30%),
    radial-gradient(circle at 72% 56%, rgba(158, 231, 193, .2) 0, rgba(158, 231, 193, 0) 32%),
    linear-gradient(180deg, #f8fcff 0%, #fffdf8 44%, #f7fbff 100%) !important;
}

.cch-pricing-hero-copy {
  background:
    radial-gradient(circle at 92% 12%, rgba(255, 198, 77, .2) 0, rgba(255, 198, 77, 0) 28%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(243, 250, 255, .92)) !important;
}

.cch-pricing-hero-copy h1 {
  max-width: 14ch !important;
}

.cch-need-card,
.cch-pricing-card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.cch-need-card:hover,
.cch-pricing-card:hover,
.cch-latest-game-card:hover,
.cch-home-v2-subject-card:hover,
.cch-home-v2-poster-card:hover,
.cch-home-v2-article-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--cch-clay-inset), var(--cch-clay-shadow-lift) !important;
}

.cch-need-card.is-selected,
.cch-pricing-card.is-selected,
.cch-pricing-card.is-featured {
  border-color: rgba(255, 116, 72, .34) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 198, 77, .18) 0, rgba(255, 198, 77, 0) 32%),
    linear-gradient(145deg, #ffffff 0%, #fff7eb 100%) !important;
}

.cch-need-card:after,
.cch-pricing-card:after {
  background: linear-gradient(90deg, var(--cch-clay-mint), var(--cch-clay-mango), var(--cch-clay-coral)) !important;
}

.cch-card-price {
  color: var(--cch-clay-coral-dark) !important;
}

.cch-card-points li:before,
.cch-need-points li:before,
.cch-start-points li:before {
  background: linear-gradient(145deg, var(--cch-clay-mint), var(--cch-clay-sky-strong)) !important;
  box-shadow: 0 4px 10px rgba(107, 186, 248, .24) !important;
}

.cch-pricing-form input,
.cch-pricing-form select,
.cch-pricing-form textarea {
  border: 1px solid rgba(23, 51, 95, .12) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #ffffff 0%, #f5fbff 100%) !important;
  box-shadow: inset 0 2px 5px rgba(23, 51, 95, .04), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.cch-form-note {
  color: var(--cch-clay-muted) !important;
}

.absolute-footer,
.footer-wrapper .absolute-footer.dark {
  background: #17335f !important;
  color: rgba(255, 255, 255, .86) !important;
}

.cch-footer-policy-links a,
.absolute-footer a {
  color: #fff4b8 !important;
}

@media (max-width: 1100px) {
  .cch-home-v2-copy {
    padding: 24px !important;
  }
}

@media (max-width: 849px) {
  .cch-home-v2,
  .cch-pricing-page {
    padding-top: 18px !important;
  }

  .cch-home-v2-copy:after {
    display: none;
  }

  .cch-home-v2-copy,
  .cch-pricing-hero-copy,
  .cch-start-form-panel,
  .cch-start-summary {
    border-radius: 26px !important;
  }

  .cch-home-v2-stage-card,
  .cch-home-v2-subject-card,
  .cch-home-v2-poster-card {
    border-width: 5px !important;
  }
}

@media (max-width: 540px) {
  .cch-home-v2-shell,
  .cch-pricing-shell {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .cch-home-v2-copy,
  .cch-pricing-hero-copy,
  .cch-start-form-panel,
  .cch-start-summary,
  .cch-need-card,
  .cch-pricing-card {
    padding: 20px !important;
  }

  .cch-home-v2-copy h1 {
    line-height: 1 !important;
  }
}


/* Fidelity pass v2: closer to the generated Claymorphism concepts. */
.cch-home-v2{isolation:isolate;padding:44px 0 70px!important}.cch-home-v2:before{content:""!important;position:absolute!important;inset:18px max(18px,calc((100vw - 1220px)/2)) auto!important;height:640px!important;border-radius:42px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.28)),radial-gradient(circle at 18% 16%,rgba(255,198,77,.34),transparent 32%),radial-gradient(circle at 78% 18%,rgba(107,186,248,.32),transparent 34%),radial-gradient(circle at 64% 82%,rgba(158,231,193,.28),transparent 30%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 34px 80px rgba(23,51,95,.1)!important;opacity:1!important;z-index:-1}.cch-home-v2:after{content:""!important;position:absolute!important;width:160px!important;height:160px!important;right:max(18px,calc((100vw - 1130px)/2))!important;top:106px!important;border-radius:48px!important;background:linear-gradient(145deg,#ffe18a 0%,#ff7448 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 28px 48px rgba(255,116,72,.24)!important;transform:rotate(14deg);opacity:.92!important;z-index:-1}.cch-home-v2-shell{padding-left:22px!important;padding-right:22px!important}.cch-home-v2-hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;min-height:610px;align-items:center!important}.cch-home-v2-copy{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.cch-home-v2-copy:after{right:-24px;bottom:-34px;width:96px;height:96px;border-radius:30px;background:linear-gradient(145deg,#9ee7c1 0%,#6bbaf8 100%);transform:rotate(-12deg)}.cch-home-v2-copy h1{max-width:10.8ch;font-size:clamp(3.1rem,5.8vw,5.8rem)!important;line-height:.88!important;margin-top:18px!important;text-shadow:0 5px 0 rgba(255,255,255,.8)}.cch-home-v2-copy p{max-width:34rem!important;font-size:1.16rem!important;line-height:1.75!important}.cch-home-v2-actions{gap:16px!important;margin-top:28px!important}.cch-home-v2-primary,.cch-home-v2-secondary,.cch-pricing-primary,.cch-pricing-secondary,.cch-card-button,.cch-start-primary,.cch-start-secondary{min-height:58px!important;border-radius:20px!important;padding:15px 24px!important}.cch-home-v2-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,max-content));align-items:center;margin-top:24px!important}.cch-home-v2-links a,.cch-home-v2-links span{min-height:46px!important;border-radius:18px!important}.cch-home-v2-stage{min-height:620px!important;border-radius:44px;background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.85),transparent 26%),radial-gradient(circle at 78% 32%,rgba(255,198,77,.28),transparent 34%),linear-gradient(145deg,rgba(224,244,255,.72),rgba(255,249,232,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -24px 55px rgba(23,51,95,.045),0 34px 76px rgba(23,51,95,.14)}.cch-home-v2-stage:before,.cch-home-v2-stage:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.cch-home-v2-stage:before{width:96px;height:96px;left:28px;top:30px;background:linear-gradient(145deg,#ffffff,#dff2ff);box-shadow:var(--cch-clay-inset),0 18px 34px rgba(23,51,95,.12)}.cch-home-v2-stage:after{width:118px;height:118px;right:46px;bottom:42px;background:linear-gradient(145deg,#9ee7c1,#fff4bf);box-shadow:var(--cch-clay-inset),0 22px 38px rgba(23,51,95,.13)}.cch-home-v2-stage-main{inset:72px 168px 92px 58px!important;border-radius:40px!important;transform:rotate(-5deg) translateZ(0)!important;z-index:2}.cch-home-v2-stage-reading{top:36px!important;right:36px!important;width:260px!important;height:270px!important;border-radius:36px!important;transform:rotate(8deg)!important;z-index:3}.cch-home-v2-stage-extra{right:58px!important;bottom:84px!important;width:245px!important;height:230px!important;border-radius:34px!important;transform:rotate(5deg)!important;z-index:4}.cch-home-v2-stage-card{border-width:10px!important;transition:transform .28s ease,box-shadow .28s ease!important}.cch-home-v2-stage-card:hover{box-shadow:var(--cch-clay-inset),0 38px 72px rgba(23,51,95,.22)!important}.cch-home-v2-stage-card strong{font-size:clamp(1.35rem,2vw,2.05rem)!important;line-height:.98!important;text-shadow:0 4px 14px rgba(9,22,48,.36)}.cch-home-v2-stage-tag{border-radius:16px!important;padding:10px 14px!important}.cch-home-v2-mascot{z-index:7!important;filter:drop-shadow(0 20px 25px rgba(23,51,95,.24))!important}.cch-home-v2-mascot.is-rabbit{left:8px!important;top:112px!important;width:118px!important}.cch-home-v2-mascot.is-bear{left:76px!important;bottom:38px!important;width:142px!important}.cch-home-v2-mascot.is-truck{right:8px!important;top:298px!important;width:128px!important}.cch-home-v2-stage-note{left:104px!important;bottom:20px!important;padding:18px 22px!important;border-radius:26px!important;z-index:8!important}.cch-home-v2-stage-note strong{font-size:1.24rem!important}.cch-home-v2-section{margin-top:42px!important}.cch-home-v2-subject-grid{gap:22px!important}.cch-home-v2-subject-card{min-height:320px!important;border-width:9px!important;border-radius:34px!important;padding:26px!important}.cch-home-v2-subject-card.is-math{transform:rotate(-1.5deg)}.cch-home-v2-subject-card.is-reading{transform:translateY(16px) rotate(1deg)}.cch-home-v2-subject-card.is-parents{transform:rotate(-.5deg)}.cch-home-v2-subject-card:hover{transform:translateY(-8px) rotate(0deg)!important}.cch-home-v2-subject-card strong{max-width:10ch;font-size:2.1rem!important}.cch-home-v2-trust-section{grid-template-columns:1fr .62fr!important;gap:22px!important}.cch-home-v2-trust-list{gap:18px!important}.cch-home-v2-trust-item{min-height:190px;align-content:center;border-radius:30px!important;padding:24px!important}.cch-home-v2-trust-icon{width:70px!important;height:70px!important;border-radius:24px!important;font-size:2rem!important}.cch-home-v2-trust-offer{border-radius:34px!important;padding:30px!important}.cch-home-v2-trust-offer strong{font-size:2.15rem!important}.cch-home-v2-poster-grid{gap:20px!important}.cch-home-v2-poster-card{min-height:390px!important;border-radius:34px!important}.cch-home-v2-poster-card:nth-child(odd){transform:rotate(-1deg)}.cch-home-v2-poster-card:nth-child(even){transform:translateY(18px) rotate(1.2deg)}.cch-home-v2-poster-card:hover{transform:translateY(-8px) rotate(0deg)!important}.cch-home-v2-article-grid{gap:22px!important}.cch-home-v2-article-card{grid-template-columns:190px minmax(0,1fr);align-items:center;min-height:210px;border-radius:32px!important}.cch-home-v2-article-cover{height:100%;min-height:170px;aspect-ratio:auto!important;border:7px solid rgba(255,255,255,.82);border-radius:26px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 28px rgba(23,51,95,.12)}.cch-home-v2-cta-card{border-radius:38px!important;padding:40px!important}.cch-home-v2-cta-card h2{font-size:clamp(2.4rem,4vw,4rem)!important}.home-race-section,.latest-games-home-section{padding-top:58px!important;padding-bottom:58px!important}.cch-home-race{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:24px!important}.cch-home-race-copy,.cch-home-race-board{border-radius:34px!important}.cch-home-race-copy{padding:34px!important}.cch-home-race-board{padding:22px!important}.cch-home-race-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cch-home-race-list li{grid-template-columns:46px minmax(0,1fr);min-height:82px;border-radius:24px!important}.cch-home-race-list li em{grid-column:2}.cch-latest-games-head{padding:26px 28px;border:1px solid rgba(255,255,255,.78);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(239,248,255,.9));box-shadow:var(--cch-clay-inset),var(--cch-clay-shadow-soft)}.cch-latest-games-track{grid-auto-columns:minmax(286px,28%)!important;gap:22px!important;padding-top:26px!important}.cch-latest-game-card{border-radius:32px!important;padding-bottom:4px}.cch-latest-game-card:nth-child(3n+1){transform:rotate(-.8deg)}.cch-latest-game-card:nth-child(3n+2){transform:translateY(14px) rotate(.8deg)}.cch-latest-game-card:nth-child(3n){transform:rotate(.4deg)}.cch-latest-game-card:hover{transform:translateY(-8px) rotate(0deg)!important}.cch-latest-game-image{border:7px solid rgba(255,255,255,.8);border-radius:28px!important}.cch-pricing-page{padding-top:52px!important}.cch-pricing-hero{min-height:560px;align-items:center!important}.cch-pricing-hero-copy{padding:44px!important;border-radius:40px!important}.cch-pricing-hero-copy h1{max-width:12.5ch!important;font-size:clamp(3rem,5.4vw,5.2rem)!important;line-height:.9!important}.cch-pricing-hero-steps{transform:rotate(1deg)}.cch-hero-step{border-radius:32px!important;padding:28px!important}.cch-hero-step:nth-child(2){transform:translateX(-28px)}.cch-hero-step:nth-child(3){transform:translateX(22px)}.cch-needs-grid,.cch-pricing-grid{gap:22px!important}.cch-need-card,.cch-pricing-card{border-radius:34px!important;padding:30px!important}.cch-pricing-card.is-featured{transform:translateY(-18px) scale(1.025)}.cch-start-layout{gap:28px!important}.cch-start-summary,.cch-start-form-panel{border-radius:40px!important}.cch-start-summary{padding:38px!important}.cch-start-form-panel{padding:34px!important}@media(max-width:1100px){.cch-home-v2:before{height:760px!important}.cch-home-v2-hero,.cch-pricing-hero,.cch-home-v2-trust-section,.cch-home-race{grid-template-columns:1fr!important}.cch-home-v2-stage{min-height:560px!important}.cch-home-v2-copy h1{max-width:12ch}.cch-hero-step:nth-child(2),.cch-hero-step:nth-child(3),.cch-pricing-card.is-featured{transform:none}}@media(max-width:760px){.cch-home-v2{padding-top:28px!important}.cch-home-v2:before,.cch-home-v2:after{display:none!important}.cch-home-v2-hero{min-height:0}.cch-home-v2-copy h1,.cch-pricing-hero-copy h1{max-width:none!important;font-size:clamp(2.45rem,12vw,4rem)!important;line-height:.95!important}.cch-home-v2-links{grid-template-columns:1fr!important}.cch-home-v2-stage{min-height:470px!important;border-radius:32px!important}.cch-home-v2-stage-main{inset:42px 82px 74px 16px!important}.cch-home-v2-stage-reading{width:158px!important;height:176px!important;right:12px!important;top:24px!important}.cch-home-v2-stage-extra{width:160px!important;height:154px!important;right:14px!important;bottom:76px!important}.cch-home-v2-mascot.is-rabbit{width:72px!important;top:54px!important}.cch-home-v2-mascot.is-bear{width:92px!important;left:18px!important;bottom:46px!important}.cch-home-v2-mascot.is-truck{width:82px!important;top:216px!important}.cch-home-v2-stage-note{left:18px!important;right:18px!important;bottom:12px!important}.cch-home-v2-subject-grid,.cch-home-v2-poster-grid,.cch-home-v2-article-grid,.cch-home-race-list{grid-template-columns:1fr!important}.cch-home-v2-subject-card,.cch-home-v2-subject-card.is-reading,.cch-home-v2-poster-card,.cch-home-v2-poster-card:nth-child(even),.cch-home-v2-poster-card:nth-child(odd),.cch-latest-game-card,.cch-latest-game-card:nth-child(n){transform:none!important}.cch-home-v2-article-card{grid-template-columns:1fr}.cch-latest-games-head{display:grid!important;padding:22px!important}.cch-latest-games-track{grid-auto-columns:88%!important}}


/* Clay homepage rewrite. */
.cch-clay-home{position:relative;overflow:hidden;padding:42px 0 72px;background:radial-gradient(circle at 10% 6%,rgba(255,198,77,.36),transparent 28%),radial-gradient(circle at 86% 8%,rgba(107,186,248,.34),transparent 30%),radial-gradient(circle at 70% 54%,rgba(158,231,193,.24),transparent 34%),linear-gradient(180deg,#f5fbff 0%,#fffaf1 46%,#f8fcff 100%);font-family:"Nunito",sans-serif;color:#17335f}.cch-clay-home:before{content:"";position:absolute;inset:24px max(18px,calc((100vw - 1240px)/2)) auto;height:650px;border-radius:48px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 34px 78px rgba(23,51,95,.11)}.cch-clay-home:after{content:"";position:absolute;right:max(18px,calc((100vw - 1120px)/2));top:116px;width:150px;height:150px;border-radius:46px;background:linear-gradient(145deg,#ffe18a,#ff7448);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 28px 48px rgba(255,116,72,.24);transform:rotate(14deg)}.cch-clay-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 22px}.cch-clay-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:36px;align-items:center;min-height:650px}.cch-clay-kicker{display:inline-flex;width:max-content;padding:9px 15px;border-radius:18px;background:linear-gradient(145deg,#fff,#fff0d0);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px rgba(217,74,35,.09);color:#d94a23;font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.cch-clay-hero h1,.cch-clay-section h2,.cch-clay-final h2{margin:18px 0 14px;font-family:"Baloo 2",sans-serif;color:#17335f;letter-spacing:0}.cch-clay-hero h1{max-width:11ch;font-size:clamp(3.25rem,6vw,6rem);line-height:.88;text-shadow:0 5px 0 rgba(255,255,255,.8)}.cch-clay-hero p{max-width:35rem;margin:0;color:#52637d;font-size:1.16rem;line-height:1.75}.cch-clay-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.cch-clay-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:15px 24px;border-radius:20px;font-weight:900;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease}.cch-clay-button.is-primary{background:linear-gradient(145deg,#ff7448,#ffc64d);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 20px 34px rgba(255,116,72,.28)}.cch-clay-button.is-secondary{background:linear-gradient(145deg,#fff,#eff8ff);border:1px solid rgba(23,51,95,.11);color:#17335f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 16px 32px rgba(23,51,95,.1)}.cch-clay-button:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 30px 56px rgba(23,51,95,.16)}.cch-clay-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;max-width:640px}.cch-clay-hero-metrics span{display:grid;gap:3px;min-height:82px;padding:14px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,248,255,.86));border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px rgba(23,51,95,.09);color:#52637d}.cch-clay-hero-metrics strong{font-size:1.55rem;line-height:1;color:#17335f}.cch-clay-playground{position:relative;min-height:650px;border-radius:48px;background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.85),transparent 26%),radial-gradient(circle at 78% 32%,rgba(255,198,77,.28),transparent 34%),linear-gradient(145deg,rgba(224,244,255,.72),rgba(255,249,232,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -24px 55px rgba(23,51,95,.045),0 34px 76px rgba(23,51,95,.14)}.cch-clay-playground:before,.cch-clay-playground:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.cch-clay-playground:before{width:96px;height:96px;left:28px;top:30px;background:linear-gradient(145deg,#fff,#dff2ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 34px rgba(23,51,95,.12)}.cch-clay-playground:after{width:118px;height:118px;right:46px;bottom:42px;background:linear-gradient(145deg,#9ee7c1,#fff4bf);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 38px rgba(23,51,95,.13)}.cch-clay-screen{position:absolute;overflow:hidden;border:10px solid rgba(255,255,255,.84);border-radius:40px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 30px 58px rgba(23,51,95,.2)}.cch-clay-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,51,95,.02) 14%,rgba(23,51,95,.84) 100%)}.cch-clay-screen span,.cch-clay-screen strong{position:absolute;z-index:1;left:20px;color:#fff}.cch-clay-screen span{top:18px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.22);font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.cch-clay-screen strong{right:20px;bottom:20px;font-family:"Baloo 2",sans-serif;font-size:clamp(1.35rem,2vw,2.05rem);line-height:.98;text-shadow:0 4px 14px rgba(9,22,48,.36)}.cch-clay-screen.is-main{inset:72px 168px 92px 58px;transform:rotate(-5deg);z-index:2}.cch-clay-screen.is-reading{top:36px;right:36px;width:260px;height:270px;transform:rotate(8deg);z-index:3}.cch-clay-screen.is-logic{right:58px;bottom:84px;width:245px;height:230px;transform:rotate(5deg);z-index:4}.cch-clay-mascot{position:absolute;z-index:7;pointer-events:none;filter:drop-shadow(0 20px 25px rgba(23,51,95,.24))}.cch-clay-mascot.is-rabbit{left:8px;top:112px;width:118px}.cch-clay-mascot.is-bear{left:76px;bottom:38px;width:142px}.cch-clay-mascot.is-truck{right:8px;top:298px;width:128px}.cch-clay-note{position:absolute;left:104px;bottom:20px;z-index:8;display:grid;gap:3px;padding:18px 22px;border-radius:26px;background:linear-gradient(145deg,#fff,#f3fbff);border:1px solid rgba(255,255,255,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 42px rgba(23,51,95,.13)}.cch-clay-note strong{font-size:1.24rem;color:#17335f}.cch-clay-note span{color:#74839a}.cch-clay-section{margin-top:58px}.cch-clay-section-head{max-width:760px;margin:0 auto 24px;text-align:center}.cch-clay-section-head.is-split{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:none;text-align:left}.cch-clay-section h2,.cch-clay-final h2{font-size:clamp(2.25rem,4vw,4rem);line-height:.96}.cch-clay-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cch-clay-path-card{position:relative;display:grid;gap:12px;min-height:420px;padding:24px;border-radius:38px;background:linear-gradient(145deg,#fff,#f4fbff);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 48px rgba(23,51,95,.12);text-decoration:none!important;color:#17335f!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.cch-clay-path-card.is-math{transform:rotate(-1.5deg)}.cch-clay-path-card.is-reading{transform:translateY(18px) rotate(1deg)}.cch-clay-path-card.is-logic{transform:rotate(-.5deg)}.cch-clay-path-card:hover{transform:translateY(-8px) rotate(0deg)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 34px 64px rgba(23,51,95,.18)}.cch-clay-path-index{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#fff,#fff0d0);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px rgba(23,51,95,.1);font-weight:900;color:#d94a23}.cch-clay-path-art{display:block;aspect-ratio:1.25/1;margin-bottom:8px;border:8px solid rgba(255,255,255,.82);border-radius:30px;background-position:center;background-size:cover;box-shadow:0 18px 34px rgba(23,51,95,.12)}.cch-clay-path-kicker{width:max-content;padding:8px 12px;border-radius:14px;background:#fff0d0;color:#d94a23;font-weight:900;text-transform:uppercase;font-size:.78rem}.cch-clay-path-card strong{max-width:11ch;font-family:"Baloo 2",sans-serif;font-size:2rem;line-height:1;color:#17335f}.cch-clay-path-card em{font-style:normal;color:#52637d;line-height:1.6}.cch-clay-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cch-clay-game-card{display:grid;gap:14px;padding:16px 16px 20px;border-radius:34px;background:linear-gradient(145deg,#fff,#f3fbff);border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 48px rgba(23,51,95,.12);text-decoration:none!important;color:#17335f!important;transition:transform .24s ease,box-shadow .24s ease}.cch-clay-game-card:nth-child(3n+1){transform:rotate(-.8deg)}.cch-clay-game-card:nth-child(3n+2){transform:translateY(16px) rotate(.8deg)}.cch-clay-game-card:nth-child(3n){transform:rotate(.4deg)}.cch-clay-game-card:hover{transform:translateY(-8px) rotate(0deg)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 34px 64px rgba(23,51,95,.18)}.cch-clay-game-cover{position:relative;display:block;aspect-ratio:16/10;border:8px solid rgba(255,255,255,.82);border-radius:28px;background-position:center;background-size:cover;overflow:hidden;box-shadow:0 16px 30px rgba(23,51,95,.12)}.cch-clay-game-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(23,51,95,.72))}.cch-clay-game-cover em{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.22);color:#fff;font-style:normal;font-weight:900}.cch-clay-game-card strong{font-family:"Baloo 2",sans-serif;font-size:1.45rem;line-height:1.08;color:#17335f}.cch-clay-game-card>span:last-child{width:max-content;padding:10px 15px;border-radius:16px;background:linear-gradient(145deg,#ff7448,#ffc64d);color:#fff;font-weight:900}.cch-clay-parent-zone{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}.cch-clay-parent-card,.cch-clay-parent-stack article,.cch-clay-blog-card,.cch-clay-final{border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 48px rgba(23,51,95,.12)}.cch-clay-parent-card{padding:38px;border-radius:42px;background:radial-gradient(circle at 14% 12%,rgba(255,198,77,.26),transparent 30%),linear-gradient(145deg,#17335f,#245fb0 68%,#6bbaf8);color:#fff}.cch-clay-parent-card h2{margin:16px 0 12px;font-family:"Baloo 2",sans-serif;font-size:clamp(2.3rem,4vw,4.1rem);line-height:.95;color:#fff}.cch-clay-parent-card p{max-width:56ch;margin:0;color:rgba(255,255,255,.9);line-height:1.75}.cch-clay-parent-card .cch-clay-kicker{background:rgba(255,255,255,.16);color:#fff}.cch-clay-parent-card .cch-clay-button.is-secondary{background:#fff;color:#17335f!important}.cch-clay-parent-stack{display:grid;gap:18px}.cch-clay-parent-stack article{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px 16px;align-items:center;padding:22px;border-radius:30px;background:linear-gradient(145deg,#fff,#f4fbff)}.cch-clay-parent-stack span{grid-row:1/3;display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:linear-gradient(145deg,#fff,#fff0d0);font-weight:900;color:#d94a23;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px rgba(23,51,95,.1)}.cch-clay-parent-stack strong{font-family:"Baloo 2",sans-serif;font-size:1.5rem;line-height:1;color:#17335f}.cch-clay-parent-stack p{margin:0;color:#52637d;line-height:1.55}.cch-clay-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cch-clay-blog-card{display:grid;gap:14px;padding:16px;border-radius:32px;background:linear-gradient(145deg,#fff,#f4fbff);text-decoration:none!important;color:#17335f!important}.cch-clay-blog-card span{display:block;aspect-ratio:16/10;border:7px solid rgba(255,255,255,.82);border-radius:26px;background-position:center;background-size:cover;box-shadow:0 16px 30px rgba(23,51,95,.12)}.cch-clay-blog-card strong{font-family:"Baloo 2",sans-serif;font-size:1.45rem;line-height:1.08;color:#17335f}.cch-clay-final{margin-top:64px;padding:44px;border-radius:44px;text-align:center;background:radial-gradient(circle at 18% 14%,rgba(255,198,77,.28),transparent 30%),linear-gradient(145deg,#17335f,#245fb0 70%,#6bbaf8);color:#fff}.cch-clay-final .cch-clay-kicker{margin:0 auto;background:rgba(255,255,255,.16);color:#fff}.cch-clay-final h2{color:#fff}.cch-clay-final p{max-width:56ch;margin:0 auto;color:rgba(255,255,255,.9);line-height:1.7}.cch-clay-final .cch-clay-actions{justify-content:center}.cch-clay-final .cch-clay-button.is-secondary{background:#fff;color:#17335f!important}@media(max-width:1100px){.cch-clay-home:before{height:760px}.cch-clay-hero,.cch-clay-parent-zone{grid-template-columns:1fr}.cch-clay-playground{min-height:560px}.cch-clay-path-grid,.cch-clay-game-grid,.cch-clay-blog-grid{grid-template-columns:1fr 1fr}.cch-clay-section-head.is-split{display:grid}}@media(max-width:760px){.cch-clay-home{padding-top:28px}.cch-clay-home:before,.cch-clay-home:after{display:none}.cch-clay-shell{padding:0 14px}.cch-clay-hero{min-height:0}.cch-clay-hero h1{max-width:none;font-size:clamp(2.6rem,13vw,4.2rem);line-height:.95}.cch-clay-hero-metrics,.cch-clay-path-grid,.cch-clay-game-grid,.cch-clay-blog-grid{grid-template-columns:1fr}.cch-clay-playground{min-height:480px;border-radius:34px}.cch-clay-screen.is-main{inset:42px 82px 74px 16px}.cch-clay-screen.is-reading{width:158px;height:176px;right:12px;top:24px}.cch-clay-screen.is-logic{width:160px;height:154px;right:14px;bottom:76px}.cch-clay-mascot.is-rabbit{width:72px;top:54px}.cch-clay-mascot.is-bear{width:92px;left:18px;bottom:46px}.cch-clay-mascot.is-truck{width:82px;top:216px}.cch-clay-note{left:18px;right:18px;bottom:12px}.cch-clay-path-card,.cch-clay-path-card.is-reading,.cch-clay-game-card,.cch-clay-game-card:nth-child(n){transform:none!important}.cch-clay-parent-stack article{grid-template-columns:1fr}.cch-clay-actions{display:grid}.cch-clay-button{width:100%}}


/* Homepage takeover: remove Flatsome chrome so the Clay layout feels native. */
body.home #header,
body.home .header-wrapper,
body.home #footer,
body.home .footer-wrapper {
    display: none !important;
}

body.home #main,
body.home #content,
body.home .page-wrapper,
body.home .content-area,
body.home .entry-content,
body.home .entry-content > .row,
body.home .entry-content > .row > .col,
body.home .entry-content > .row > .col > .col-inner {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.home .entry-content {
    overflow: hidden;
}

body.home .cch-clay-home {
    padding-top: 18px;
}

.cch-clay-nav {
    position: sticky;
    top: 12px;
    z-index: 60;
    width: min(1180px, calc(100% - 28px));
    min-height: 74px;
    margin: 0 auto 22px;
    padding: 12px 14px 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(255, 247, 232, 0.68));
    box-shadow: 14px 16px 34px rgba(135, 104, 74, 0.15), -10px -10px 24px rgba(255, 255, 255, 0.76), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(18px);
}

.cch-clay-brand {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    min-width: 168px;
    color: #273344;
    text-decoration: none !important;
    line-height: 1.05;
}

.cch-clay-brand span {
    font-size: 20px;
    font-weight: 900;
    color: #233245;
}

.cch-clay-brand em {
    margin-top: 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    color: #7d6a56;
}

.cch-clay-nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 1 1 auto;
}

.cch-clay-nav-links a {
    min-height: 42px;
    padding: 12px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #354254;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none !important;
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.cch-clay-nav-links a:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 2px 2px 8px rgba(119, 96, 73, 0.08), inset -3px -3px 8px rgba(255, 255, 255, 0.78);
}

.cch-clay-nav-cta {
    min-height: 48px;
    padding: 14px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: linear-gradient(135deg, #ff7f66, #ffb84d);
    color: #fff !important;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 8px 10px 20px rgba(242, 112, 78, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.cch-clay-site-footer {
    width: min(1180px, 100%);
    margin: 24px auto 0;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(255, 255, 255, 0.66);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.58);
    box-shadow: 12px 14px 30px rgba(120, 91, 69, 0.12), inset -8px -8px 18px rgba(255, 255, 255, 0.55), inset 8px 8px 18px rgba(174, 141, 105, 0.08);
}

.cch-clay-site-footer div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.cch-clay-site-footer a:not(.cch-clay-brand) {
    padding: 10px 13px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.56);
    color: #354254;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none !important;
}

@media (max-width: 760px) {
    body.home .cch-clay-home {
        padding-top: 10px;
    }

    .cch-clay-nav {
        top: 8px;
        width: calc(100% - 18px);
        min-height: 64px;
        padding: 10px;
        border-radius: 22px;
    }

    .cch-clay-brand {
        min-width: 126px;
    }

    .cch-clay-brand span {
        font-size: 17px;
    }

    .cch-clay-brand em {
        font-size: 11px;
    }

    .cch-clay-nav-links {
        display: none;
    }

    .cch-clay-nav-cta {
        min-height: 44px;
        max-width: 150px;
        padding: 11px 13px;
        border-radius: 17px;
        font-size: 12px;
        text-align: center;
        line-height: 1.15;
    }

    .cch-clay-site-footer {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px;
        border-radius: 24px;
    }

    .cch-clay-site-footer div {
        justify-content: flex-start;
    }
}


/* Full-bleed homepage background: remove the white side gutters from Flatsome rows. */
body.home,
body.home #wrapper,
body.home #main,
body.home #content {
    background: #f5fbff !important;
}

body.home #content > .row,
body.home #content > .row-main,
body.home #content > .row > .col,
body.home #content > .row-main > .col,
body.home #content > .row > .col > .col-inner,
body.home #content > .row-main > .col > .col-inner {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.home .cch-clay-home {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

@supports (width: 100dvw) {
    body.home .cch-clay-home {
        width: 100dvw !important;
        max-width: 100dvw !important;
        margin-left: calc(50% - 50dvw) !important;
        margin-right: calc(50% - 50dvw) !important;
    }
}


/* Clay color boost: fewer words, bigger toy-like shapes, closer to the visual demos. */
.cch-clay-home {
    background:
        radial-gradient(ellipse at 8% 8%, rgba(255, 207, 86, 0.62), transparent 34%),
        radial-gradient(ellipse at 90% 4%, rgba(92, 207, 255, 0.56), transparent 34%),
        radial-gradient(ellipse at 78% 48%, rgba(149, 244, 180, 0.48), transparent 38%),
        radial-gradient(ellipse at 18% 72%, rgba(255, 138, 167, 0.38), transparent 34%),
        linear-gradient(180deg, #eaf8ff 0%, #fff2c8 44%, #f0fbff 100%) !important;
}

.cch-clay-home:before {
    inset: 20px max(12px, calc((100vw - 1280px) / 2)) auto !important;
    height: 680px !important;
    border-radius: 42px !important;
    background:
        linear-gradient(130deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.2)),
        linear-gradient(90deg, rgba(255, 197, 77, 0.34) 0 10%, transparent 10% 100%) !important;
}

.cch-clay-hero {
    min-height: 600px !important;
    gap: 28px !important;
}

.cch-clay-hero h1 {
    max-width: 9.6ch !important;
    font-size: clamp(4rem, 7vw, 7.1rem) !important;
}

.cch-clay-hero p {
    max-width: 27rem !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
}

.cch-clay-kicker {
    background: linear-gradient(145deg, #ffffff, #ffe39a) !important;
    color: #ff5b3d !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 20px rgba(255,91,61,.13) !important;
}

.cch-clay-playground {
    min-height: 620px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.56), rgba(255,255,255,.16)),
        linear-gradient(135deg, #c8f0ff 0%, #fff3b8 48%, #cdf6d4 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -32px 70px rgba(23,51,95,.055), 0 36px 80px rgba(23,51,95,.16) !important;
}

.cch-clay-screen {
    border-width: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 34px 70px rgba(23,51,95,.24) !important;
}

.cch-clay-screen.is-main {
    inset: 76px 158px 78px 44px !important;
    transform: rotate(-7deg) !important;
}

.cch-clay-screen.is-reading {
    width: 285px !important;
    height: 280px !important;
    transform: rotate(10deg) !important;
}

.cch-clay-screen.is-logic {
    width: 260px !important;
    height: 220px !important;
    transform: rotate(7deg) !important;
}

.cch-clay-mascot.is-rabbit { width: 128px !important; left: 2px !important; }
.cch-clay-mascot.is-bear { width: 156px !important; bottom: 24px !important; }
.cch-clay-mascot.is-truck { width: 140px !important; right: 0 !important; }

.cch-clay-hero-metrics span {
    min-height: 74px !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,242,184,.68)) !important;
}

.cch-clay-section {
    margin-top: 46px !important;
}

.cch-clay-section-head {
    margin-bottom: 18px !important;
}

.cch-clay-section h2,
.cch-clay-final h2 {
    font-size: clamp(2.4rem, 4.8vw, 4.7rem) !important;
}

.cch-clay-path-grid,
.cch-clay-game-grid {
    gap: 18px !important;
}

.cch-clay-path-card {
    min-height: 360px !important;
    padding: 18px !important;
    border-width: 0 !important;
    border-radius: 34px !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 26px 54px rgba(23,51,95,.16) !important;
}

.cch-clay-path-card:before {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -24px;
    width: 148px;
    height: 104px;
    border-radius: 32px;
    background: rgba(255,255,255,.28);
    transform: rotate(-16deg);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

.cch-clay-path-card.is-math {
    background: linear-gradient(145deg, #ff6f52 0%, #ffc34c 100%) !important;
}

.cch-clay-path-card.is-reading {
    background: linear-gradient(145deg, #5c73ff 0%, #45d7ff 100%) !important;
}

.cch-clay-path-card.is-logic {
    background: linear-gradient(145deg, #13bd8f 0%, #b8ef5a 100%) !important;
}

.cch-clay-path-card strong {
    max-width: 7ch !important;
    color: #ffffff !important;
    font-size: clamp(2.15rem, 3vw, 3.15rem) !important;
    text-shadow: 0 5px 18px rgba(9,22,48,.22) !important;
}

.cch-clay-path-card em {
    display: none !important;
}

.cch-clay-path-kicker,
.cch-clay-path-index {
    background: rgba(255,255,255,.26) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.44), 0 12px 24px rgba(23,51,95,.1) !important;
}

.cch-clay-path-art {
    aspect-ratio: 1.35 / 1 !important;
    border-width: 7px !important;
    border-radius: 28px !important;
}

.cch-clay-game-card {
    gap: 10px !important;
    padding: 12px 12px 16px !important;
    border-width: 0 !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, #ffffff, #e8f7ff) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 24px 48px rgba(23,51,95,.14) !important;
}

.cch-clay-game-card:nth-child(3n+1) { background: linear-gradient(145deg, #fff2a6, #ffb2a3) !important; }
.cch-clay-game-card:nth-child(3n+2) { background: linear-gradient(145deg, #bcefff, #b7b8ff) !important; }
.cch-clay-game-card:nth-child(3n) { background: linear-gradient(145deg, #c7f7c9, #fff0a5) !important; }

.cch-clay-game-cover {
    border-width: 7px !important;
    border-radius: 24px !important;
}

.cch-clay-game-card strong {
    min-height: 2.1em !important;
    font-size: 1.28rem !important;
}

.cch-clay-parent-zone {
    grid-template-columns: .95fr 1.05fr !important;
    gap: 18px !important;
}

.cch-clay-parent-card {
    padding: 30px !important;
    border-radius: 36px !important;
    background: linear-gradient(145deg, #ff6f52 0%, #5c73ff 58%, #45d7ff 100%) !important;
}

.cch-clay-parent-card h2 {
    font-size: clamp(2.5rem, 4.7vw, 4.6rem) !important;
}

.cch-clay-parent-card p {
    max-width: 33rem !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
}

.cch-clay-parent-stack article {
    min-height: 118px !important;
    border-width: 0 !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, #ffffff, #fff1b8) !important;
}

.cch-clay-parent-stack article:nth-child(2) { background: linear-gradient(145deg, #ffffff, #c8f0ff) !important; }
.cch-clay-parent-stack article:nth-child(3) { background: linear-gradient(145deg, #ffffff, #c7f7c9) !important; }

.cch-clay-parent-stack article p {
    display: none !important;
}

.cch-clay-parent-stack strong {
    font-size: 1.85rem !important;
}

.cch-clay-blog-card {
    padding: 12px !important;
    border-width: 0 !important;
    background: linear-gradient(145deg, #fff, #ffe8ee) !important;
}

.cch-clay-blog-card strong {
    font-size: 1.2rem !important;
}

.cch-clay-final {
    margin-top: 48px !important;
    padding: 36px !important;
    border-width: 0 !important;
    background: linear-gradient(145deg, #17335f 0%, #5c73ff 52%, #ff7f66 100%) !important;
}

.cch-clay-final p {
    max-width: 32rem !important;
}

@media (max-width: 760px) {
    .cch-clay-hero h1 {
        font-size: clamp(3.25rem, 15vw, 4.9rem) !important;
        max-width: 8ch !important;
    }

    .cch-clay-hero p,
    .cch-clay-final p {
        font-size: .98rem !important;
    }

    .cch-clay-path-card {
        min-height: 300px !important;
    }

    .cch-clay-path-card strong {
        max-width: 9ch !important;
    }

    .cch-clay-parent-zone {
        grid-template-columns: 1fr !important;
    }
}


/* PNG brand logo in Clay nav. */
.cch-clay-brand.is-logo {
    min-width: 246px !important;
    width: 246px !important;
    max-width: 30vw !important;
    display: inline-flex !important;
    align-items: center !important;
}

.cch-clay-brand.is-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 68px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 14px rgba(23, 51, 95, 0.12));
}

.cch-clay-site-footer .cch-clay-brand.is-logo {
    width: 220px !important;
    min-width: 220px !important;
}

.cch-clay-site-footer .cch-clay-brand.is-logo img {
    max-height: 62px !important;
}

@media (max-width: 760px) {
    .cch-clay-brand.is-logo {
        min-width: 158px !important;
        width: 158px !important;
        max-width: 48vw !important;
    }

    .cch-clay-brand.is-logo img {
        max-height: 50px !important;
    }

    .cch-clay-site-footer .cch-clay-brand.is-logo {
        min-width: 178px !important;
        width: 178px !important;
    }
}


/* Compact replacement for the first logo pass. */
.cch-clay-nav .cch-clay-brand.is-logo {
    width: 218px !important;
    min-width: 218px !important;
    max-width: 24vw !important;
}

.cch-clay-nav .cch-clay-brand.is-logo img {
    max-height: 60px !important;
    filter: drop-shadow(0 5px 9px rgba(23, 51, 95, 0.10)) !important;
}

.cch-clay-site-footer .cch-clay-brand.is-logo {
    width: 198px !important;
    min-width: 198px !important;
}

@media (max-width: 760px) {
    .cch-clay-nav .cch-clay-brand.is-logo {
        width: 148px !important;
        min-width: 148px !important;
        max-width: 44vw !important;
    }

    .cch-clay-nav .cch-clay-brand.is-logo img {
        max-height: 42px !important;
    }
}


/* Use the selected AI-generated Clay logo from the green-background concept. */
.cch-clay-nav .cch-clay-brand.is-logo {
    width: 292px !important;
    min-width: 292px !important;
    max-width: 30vw !important;
}

.cch-clay-nav .cch-clay-brand.is-logo img {
    max-height: 70px !important;
    filter: drop-shadow(0 6px 10px rgba(23, 51, 95, 0.12)) !important;
}

.cch-clay-site-footer .cch-clay-brand.is-logo {
    width: 252px !important;
    min-width: 252px !important;
}

@media (max-width: 760px) {
    .cch-clay-nav .cch-clay-brand.is-logo {
        width: 176px !important;
        min-width: 176px !important;
        max-width: 48vw !important;
    }

    .cch-clay-nav .cch-clay-brand.is-logo img {
        max-height: 48px !important;
    }
}


/* Hero Claymorphism upgrade: stronger molded slabs, inset highlights, and toy-like depth. */
.cch-clay-home {
    background:
        radial-gradient(circle at 12% 12%, rgba(255, 205, 72, .68), transparent 26%),
        radial-gradient(circle at 88% 8%, rgba(77, 210, 255, .58), transparent 28%),
        radial-gradient(circle at 78% 72%, rgba(103, 232, 146, .48), transparent 32%),
        linear-gradient(135deg, #fff2b6 0%, #d9f6ff 46%, #c8f8df 100%) !important;
}

.cch-clay-home:before {
    inset: 22px max(12px, calc((100vw - 1260px) / 2)) auto !important;
    height: 690px !important;
    border-radius: 44px !important;
    background:
        radial-gradient(circle at 20% 18%, rgba(255,255,255,.9), transparent 22%),
        linear-gradient(145deg, rgba(255, 255, 255, .54), rgba(255, 244, 184, .32) 42%, rgba(171, 237, 255, .28)) !important;
    box-shadow:
        22px 28px 55px rgba(120, 102, 55, .18),
        -18px -18px 42px rgba(255,255,255,.78),
        inset 12px 12px 30px rgba(255, 255, 255, .62),
        inset -18px -18px 34px rgba(95, 154, 166, .12) !important;
}

.cch-clay-home:after {
    width: 140px !important;
    height: 180px !important;
    top: 104px !important;
    right: max(18px, calc((100vw - 1180px) / 2)) !important;
    border-radius: 36px !important;
    background: linear-gradient(145deg, #ffc75a, #ff7b55) !important;
    box-shadow:
        18px 22px 42px rgba(255, 116, 72, .22),
        -10px -10px 26px rgba(255,255,255,.55),
        inset 8px 8px 18px rgba(255,255,255,.42),
        inset -12px -14px 22px rgba(178, 72, 36, .14) !important;
}

.cch-clay-hero {
    position: relative !important;
    min-height: 610px !important;
    padding: 16px 0 30px !important;
}

.cch-clay-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    padding: 30px 26px 26px !important;
    border-radius: 38px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,244,190,.24)) !important;
    box-shadow:
        16px 18px 34px rgba(126, 104, 64, .12),
        -12px -12px 28px rgba(255,255,255,.66),
        inset 9px 9px 20px rgba(255,255,255,.56),
        inset -12px -12px 24px rgba(117, 142, 145, .10) !important;
}

.cch-clay-hero-copy:before,
.cch-clay-hero-copy:after {
    content: "" !important;
    position: absolute !important;
    pointer-events: none !important;
    border-radius: 999px !important;
    z-index: -1 !important;
}

.cch-clay-hero-copy:before {
    width: 92px !important;
    height: 92px !important;
    left: -18px !important;
    top: 28px !important;
    background: linear-gradient(145deg, #fff4a8, #ffb85a) !important;
    box-shadow: inset 7px 7px 14px rgba(255,255,255,.55), inset -9px -10px 18px rgba(199,98,38,.12), 10px 14px 26px rgba(207,121,34,.12) !important;
}

.cch-clay-hero-copy:after {
    width: 72px !important;
    height: 72px !important;
    right: 18px !important;
    bottom: 92px !important;
    background: linear-gradient(145deg, #74e6ff, #6ee597) !important;
    box-shadow: inset 6px 6px 12px rgba(255,255,255,.50), inset -8px -9px 16px rgba(43,126,112,.12), 10px 14px 24px rgba(56,151,154,.12) !important;
}

.cch-clay-hero h1 {
    max-width: 9.4ch !important;
    color: #17335f !important;
    text-shadow: 0 5px 0 rgba(255,255,255,.86), 0 16px 28px rgba(23,51,95,.12) !important;
}

.cch-clay-kicker {
    border-radius: 999px !important;
    background: linear-gradient(145deg, #fffdf5, #ffe58b) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow:
        8px 9px 16px rgba(178,104,42,.12),
        -6px -6px 14px rgba(255,255,255,.76),
        inset 5px 5px 10px rgba(255,255,255,.62),
        inset -5px -6px 10px rgba(222,145,38,.09) !important;
}

.cch-clay-button {
    border-radius: 21px !important;
    box-shadow:
        10px 12px 22px rgba(120, 86, 52, .14),
        -7px -7px 16px rgba(255,255,255,.72),
        inset 6px 6px 12px rgba(255,255,255,.28),
        inset -8px -8px 14px rgba(84, 57, 35, .10) !important;
}

.cch-clay-hero-metrics span {
    border: 0 !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,238,157,.58)) !important;
    box-shadow:
        10px 12px 24px rgba(126, 104, 64, .12),
        -8px -8px 18px rgba(255,255,255,.72),
        inset 7px 7px 16px rgba(255,255,255,.58),
        inset -9px -9px 16px rgba(170, 130, 55, .10) !important;
}

.cch-clay-playground {
    overflow: visible !important;
    border-radius: 42px !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.88), transparent 18%),
        radial-gradient(circle at 80% 82%, rgba(255,233,126,.54), transparent 28%),
        linear-gradient(145deg, rgba(207,244,255,.86), rgba(255,241,173,.72) 54%, rgba(179,246,205,.72)) !important;
    box-shadow:
        24px 30px 62px rgba(68, 118, 128, .20),
        -18px -18px 42px rgba(255,255,255,.76),
        inset 14px 14px 34px rgba(255,255,255,.66),
        inset -24px -26px 46px rgba(58, 128, 141, .12) !important;
}

.cch-clay-playground:before {
    width: 112px !important;
    height: 112px !important;
    left: 34px !important;
    top: 30px !important;
    background: linear-gradient(145deg, #ffffff, #dff5ff) !important;
    box-shadow: inset 10px 10px 20px rgba(255,255,255,.78), inset -12px -12px 22px rgba(76,138,160,.10), 10px 14px 24px rgba(55,105,130,.10) !important;
}

.cch-clay-playground:after {
    width: 156px !important;
    height: 156px !important;
    right: 30px !important;
    bottom: 34px !important;
    background: linear-gradient(145deg, #d7f69a, #9de8b2) !important;
    box-shadow: inset 12px 12px 24px rgba(255,255,255,.58), inset -16px -16px 26px rgba(66,143,88,.13), 12px 16px 28px rgba(66,143,88,.13) !important;
}

.cch-clay-screen {
    border: 11px solid rgba(255,255,255,.86) !important;
    outline: 1px solid rgba(255,255,255,.46) !important;
    box-shadow:
        18px 22px 44px rgba(23,51,95,.24),
        -8px -8px 18px rgba(255,255,255,.68),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.cch-clay-screen.is-main {
    inset: 78px 156px 84px 50px !important;
    border-radius: 38px !important;
    transform: rotate(-6deg) translateZ(0) !important;
}

.cch-clay-screen.is-reading {
    width: 286px !important;
    height: 286px !important;
    border-radius: 34px !important;
    top: 54px !important;
    right: 32px !important;
    transform: rotate(9deg) translateZ(0) !important;
}

.cch-clay-screen.is-logic {
    width: 262px !important;
    height: 218px !important;
    border-radius: 32px !important;
    right: 54px !important;
    bottom: 88px !important;
    transform: rotate(5deg) translateZ(0) !important;
}

.cch-clay-note {
    border: 0 !important;
    background: linear-gradient(145deg, #ffffff, #eaf8ff) !important;
    box-shadow:
        12px 15px 28px rgba(23,51,95,.18),
        -8px -8px 18px rgba(255,255,255,.74),
        inset 7px 7px 14px rgba(255,255,255,.68),
        inset -8px -8px 16px rgba(62,113,142,.08) !important;
}

@media (max-width: 760px) {
    .cch-clay-hero-copy {
        padding: 22px 18px !important;
        border-radius: 30px !important;
    }

    .cch-clay-playground {
        border-radius: 34px !important;
        overflow: hidden !important;
    }

    .cch-clay-screen {
        border-width: 8px !important;
    }
}


/* Hero copy balance: keep headline compact so it does not dominate the composition. */
.cch-clay-hero {
    grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr) !important;
    gap: 26px !important;
    min-height: 560px !important;
}

.cch-clay-hero-copy {
    max-width: 390px !important;
    padding: 24px 22px 22px !important;
}

.cch-clay-hero h1 {
    max-width: 8.8ch !important;
    margin: 14px 0 12px !important;
    font-size: clamp(3.15rem, 4.35vw, 4.75rem) !important;
    line-height: .94 !important;
}

.cch-clay-hero p {
    max-width: 24rem !important;
    font-size: .98rem !important;
    line-height: 1.45 !important;
}

.cch-clay-actions {
    gap: 10px !important;
    margin-top: 20px !important;
}

.cch-clay-hero .cch-clay-button {
    min-height: 46px !important;
    padding: 11px 16px !important;
    border-radius: 17px !important;
    font-size: 13px !important;
}

.cch-clay-hero-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 18px !important;
    max-width: 350px !important;
}

.cch-clay-hero-metrics span {
    min-height: 56px !important;
    padding: 10px 11px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
}

.cch-clay-hero-metrics strong {
    font-size: 1.22rem !important;
}

.cch-clay-playground {
    min-height: 560px !important;
}

@media (max-width: 1100px) {
    .cch-clay-hero {
        grid-template-columns: 1fr !important;
    }

    .cch-clay-hero-copy {
        max-width: none !important;
    }

    .cch-clay-hero h1 {
        max-width: 12ch !important;
    }
}

@media (max-width: 760px) {
    .cch-clay-hero h1 {
        max-width: 9.2ch !important;
        font-size: clamp(2.65rem, 11vw, 3.85rem) !important;
    }

    .cch-clay-hero-metrics {
        max-width: none !important;
    }
}


/* Clay nav upgrade: make the menu feel like molded soft UI, not a flat glass bar. */
.cch-clay-nav {
    top: 14px !important;
    min-height: 86px !important;
    padding: 13px 16px 13px 18px !important;
    border: 0 !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 10% 20%, rgba(255,255,255,.92), transparent 25%),
        linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,245,192,.52) 48%, rgba(220,247,255,.50)) !important;
    box-shadow:
        18px 22px 42px rgba(90, 113, 112, .16),
        -14px -14px 30px rgba(255,255,255,.78),
        inset 10px 10px 22px rgba(255,255,255,.62),
        inset -14px -14px 26px rgba(96, 135, 135, .11) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
}

.cch-clay-nav:before,
.cch-clay-nav:after {
    content: "" !important;
    position: absolute !important;
    pointer-events: none !important;
    border-radius: 999px !important;
}

.cch-clay-nav:before {
    left: 18px !important;
    top: 12px !important;
    width: 88px !important;
    height: 44px !important;
    background: rgba(255,255,255,.52) !important;
    filter: blur(.2px) !important;
}

.cch-clay-nav:after {
    right: 148px !important;
    bottom: -12px !important;
    width: 74px !important;
    height: 30px !important;
    background: linear-gradient(145deg, rgba(115,230,255,.68), rgba(118,231,151,.52)) !important;
    box-shadow: inset 5px 5px 10px rgba(255,255,255,.52), inset -6px -6px 10px rgba(42,128,126,.10) !important;
}

.cch-clay-nav .cch-clay-brand.is-logo {
    position: relative !important;
    z-index: 2 !important;
    width: 286px !important;
    min-width: 286px !important;
    padding: 7px 10px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.28)) !important;
    box-shadow:
        9px 10px 18px rgba(80, 104, 106, .08),
        -7px -7px 16px rgba(255,255,255,.70),
        inset 5px 5px 10px rgba(255,255,255,.55),
        inset -6px -6px 12px rgba(92,126,130,.07) !important;
}

.cch-clay-nav-links {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 1 auto !important;
    gap: 10px !important;
    padding: 7px !important;
    border-radius: 25px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.46), rgba(232,248,255,.24)) !important;
    box-shadow:
        inset 6px 6px 12px rgba(140, 166, 166, .08),
        inset -7px -7px 14px rgba(255,255,255,.58) !important;
}

.cch-clay-nav-links a {
    min-height: 44px !important;
    padding: 11px 17px !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,247,207,.52)) !important;
    color: #243653 !important;
    font-weight: 900 !important;
    box-shadow:
        7px 8px 15px rgba(81, 105, 107, .10),
        -5px -5px 12px rgba(255,255,255,.72),
        inset 4px 4px 8px rgba(255,255,255,.50),
        inset -5px -5px 9px rgba(121, 147, 145, .07) !important;
}

.cch-clay-nav-links a:nth-child(1) { background: linear-gradient(145deg, #fff9d8, #ffe493) !important; }
.cch-clay-nav-links a:nth-child(2) { background: linear-gradient(145deg, #ecfbff, #bdefff) !important; }
.cch-clay-nav-links a:nth-child(3) { background: linear-gradient(145deg, #fff2f0, #ffcbc0) !important; }
.cch-clay-nav-links a:nth-child(4) { background: linear-gradient(145deg, #f1fff4, #bff2cb) !important; }

.cch-clay-nav-links a:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        10px 13px 22px rgba(81, 105, 107, .14),
        -7px -7px 16px rgba(255,255,255,.76),
        inset 5px 5px 9px rgba(255,255,255,.52),
        inset -6px -6px 10px rgba(121, 147, 145, .08) !important;
}

.cch-clay-nav-cta {
    position: relative !important;
    z-index: 2 !important;
    min-height: 54px !important;
    padding: 15px 21px !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, #ff8b68, #ffc24b) !important;
    box-shadow:
        12px 14px 25px rgba(255, 116, 72, .25),
        -7px -7px 16px rgba(255,255,255,.66),
        inset 6px 6px 12px rgba(255,255,255,.34),
        inset -8px -8px 14px rgba(173, 74, 33, .14) !important;
}

.cch-clay-nav-cta:hover {
    transform: translateY(-3px) !important;
}

@media (max-width: 760px) {
    .cch-clay-nav {
        min-height: 70px !important;
        padding: 10px !important;
        border-radius: 25px !important;
    }

    .cch-clay-nav .cch-clay-brand.is-logo {
        width: 166px !important;
        min-width: 166px !important;
        padding: 5px 7px !important;
        border-radius: 18px !important;
    }

    .cch-clay-nav:after {
        display: none !important;
    }

    .cch-clay-nav-cta {
        min-height: 46px !important;
        padding: 11px 13px !important;
        border-radius: 18px !important;
    }
}


/* Fit the added typing-practice menu item into the Clay nav. */
.cch-clay-nav-links {
    gap: 7px !important;
    padding: 6px !important;
}

.cch-clay-nav-links a {
    min-height: 42px !important;
    padding: 10px 13px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.cch-clay-nav-links a:nth-child(5) {
    background: linear-gradient(145deg, #f4edff, #d9c4ff) !important;
}

@media (max-width: 1180px) {
    .cch-clay-nav .cch-clay-brand.is-logo {
        width: 250px !important;
        min-width: 250px !important;
    }

    .cch-clay-nav-links a {
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 12.5px !important;
    }
}


/* Clay homepage blocks: latest games and leaderboard. */
.cch-clay-latest-block,
.cch-clay-race-block {
    position: relative !important;
}

.cch-clay-latest-block:before,
.cch-clay-race-block:before {
    content: "" !important;
    position: absolute !important;
    inset: -18px -12px auto !important;
    height: 72% !important;
    border-radius: 40px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.38), rgba(255,239,166,.16), rgba(191,241,255,.18)) !important;
    box-shadow: inset 10px 10px 22px rgba(255,255,255,.44), inset -12px -12px 24px rgba(84,128,133,.08) !important;
    pointer-events: none !important;
}

.cch-clay-latest-block .cch-latest-games,
.cch-clay-race-block .cch-home-race {
    position: relative !important;
    z-index: 1 !important;
    max-width: none !important;
    padding: 0 !important;
}

.cch-clay-latest-block .cch-latest-games-head {
    align-items: center !important;
    padding: 22px 24px !important;
    border-radius: 34px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(229,248,255,.52)) !important;
    box-shadow: 16px 18px 34px rgba(70,108,117,.13), -10px -10px 24px rgba(255,255,255,.72), inset 8px 8px 18px rgba(255,255,255,.58), inset -10px -10px 18px rgba(90,130,135,.08) !important;
}

.cch-clay-latest-block .cch-latest-games-kicker,
.cch-clay-race-block .cch-home-race-kicker {
    border-radius: 999px !important;
    background: linear-gradient(145deg, #fff7bd, #ffbd64) !important;
    color: #d94a23 !important;
    box-shadow: 7px 8px 15px rgba(188,110,42,.12), -5px -5px 12px rgba(255,255,255,.72), inset 4px 4px 8px rgba(255,255,255,.48), inset -5px -5px 9px rgba(162,92,26,.08) !important;
}

.cch-clay-latest-block .cch-latest-games h2,
.cch-clay-race-block .cch-home-race h2 {
    margin-top: 10px !important;
    font-size: clamp(2.05rem, 3.8vw, 3.7rem) !important;
    line-height: .96 !important;
    color: #17335f !important;
    text-shadow: 0 4px 0 rgba(255,255,255,.78) !important;
}

.cch-clay-latest-block .cch-latest-games p,
.cch-clay-race-block .cch-home-race p {
    max-width: 42rem !important;
    color: #52637d !important;
    line-height: 1.55 !important;
}

.cch-clay-latest-block .cch-latest-games-controls button {
    background: linear-gradient(145deg, #5fd2ff, #5c73ff) !important;
    box-shadow: 10px 12px 22px rgba(62,115,190,.18), -7px -7px 16px rgba(255,255,255,.72), inset 5px 5px 10px rgba(255,255,255,.32), inset -6px -6px 12px rgba(38,62,160,.16) !important;
}

.cch-clay-latest-block .cch-latest-games-track {
    grid-auto-columns: minmax(260px, 28%) !important;
    gap: 18px !important;
    padding: 24px 6px 20px !important;
}

.cch-clay-latest-block .cch-latest-game-card {
    border: 0 !important;
    border-radius: 30px !important;
    background: linear-gradient(145deg, #ffffff, #e8f8ff) !important;
    box-shadow: 16px 18px 34px rgba(23,51,95,.14), -9px -9px 20px rgba(255,255,255,.74), inset 7px 7px 14px rgba(255,255,255,.58), inset -8px -8px 15px rgba(82,125,140,.08) !important;
    overflow: hidden !important;
}

.cch-clay-latest-block .cch-latest-game-card:nth-child(3n+1) { background: linear-gradient(145deg, #fff5b8, #ffb5a4) !important; }
.cch-clay-latest-block .cch-latest-game-card:nth-child(3n+2) { background: linear-gradient(145deg, #c9f4ff, #d3c4ff) !important; }
.cch-clay-latest-block .cch-latest-game-card:nth-child(3n) { background: linear-gradient(145deg, #c8f7ce, #fff0a6) !important; }

.cch-clay-latest-block .cch-latest-game-image {
    margin: 12px 12px 0 !important;
    border: 7px solid rgba(255,255,255,.78) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 24px rgba(23,51,95,.14) !important;
}

.cch-clay-latest-block .cch-latest-game-body {
    padding: 14px 16px 18px !important;
}

.cch-clay-latest-block .cch-latest-game-card h3 {
    font-size: 1.28rem !important;
    color: #17335f !important;
}

.cch-clay-latest-block .cch-latest-game-cta,
.cch-clay-race-block .cch-home-race-primary,
.cch-clay-race-block .cch-home-race-secondary {
    border-radius: 18px !important;
    box-shadow: 8px 10px 18px rgba(23,51,95,.14), -5px -5px 12px rgba(255,255,255,.68), inset 4px 4px 8px rgba(255,255,255,.32), inset -5px -5px 9px rgba(58,84,120,.11) !important;
}

.cch-clay-race-block .cch-home-race {
    grid-template-columns: minmax(0, .84fr) minmax(360px, 1.16fr) !important;
    gap: 20px !important;
}

.cch-clay-race-block .cch-home-race-copy,
.cch-clay-race-block .cch-home-race-board {
    border: 0 !important;
    border-radius: 34px !important;
    box-shadow: 16px 18px 36px rgba(72,95,108,.14), -10px -10px 24px rgba(255,255,255,.72), inset 8px 8px 18px rgba(255,255,255,.56), inset -10px -10px 18px rgba(92,126,130,.08) !important;
}

.cch-clay-race-block .cch-home-race-copy {
    background: linear-gradient(145deg, #fff5bc, #ffd1c7 56%, #d8f5ff) !important;
}

.cch-clay-race-block .cch-home-race-board {
    padding: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(232,248,255,.58)) !important;
}

.cch-clay-race-block .cch-home-race-leader {
    border-radius: 24px !important;
    background: linear-gradient(145deg, #5c73ff, #45d7ff 52%, #ff8b68) !important;
    box-shadow: inset 7px 7px 14px rgba(255,255,255,.22), inset -8px -8px 16px rgba(23,51,95,.14), 10px 12px 24px rgba(64,100,170,.18) !important;
}

.cch-clay-race-block .cch-home-race-list li {
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, #ffffff, #fff2bd) !important;
    box-shadow: 8px 10px 18px rgba(23,51,95,.08), -5px -5px 12px rgba(255,255,255,.70), inset 4px 4px 8px rgba(255,255,255,.48), inset -5px -5px 9px rgba(110,130,135,.07) !important;
}

.cch-clay-race-block .cch-home-race-list li:nth-child(even) {
    background: linear-gradient(145deg, #ffffff, #dff6ff) !important;
}

@media (max-width: 849px) {
    .cch-clay-latest-block .cch-latest-games-head,
    .cch-clay-race-block .cch-home-race {
        display: grid !important;
    }

    .cch-clay-race-block .cch-home-race {
        grid-template-columns: 1fr !important;
    }

    .cch-clay-latest-block .cch-latest-games-track {
        grid-auto-columns: minmax(238px, 78%) !important;
    }
}

/* Claymorphism learning paths page (/lo-trinh-hoc/). */
body.page-id-1409 {
    background: linear-gradient(135deg, #fff1a8 0%, #d8f8ff 46%, #d8f6dc 100%) !important;
}

body.page-id-1409 #main {
    background: linear-gradient(120deg, rgba(255,246,178,.95) 0%, rgba(222,249,255,.92) 48%, rgba(216,246,220,.95) 100%) !important;
    overflow: hidden !important;
}

body.page-id-1409 #main > .row-main {
    max-width: none !important;
    width: 100% !important;
}

body.page-id-1409 #main > .row-main > .large-12 {
    padding: 0 !important;
}

body.page-id-1409 #main > .row-main > .large-12 > .col-inner {
    padding: 0 !important;
}

body.page-id-1409 .cch-learning-paths-page {
    background: linear-gradient(135deg, rgba(255,244,172,.92) 0%, rgba(208,248,255,.90) 52%, rgba(199,246,211,.92) 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: 26px !important;
    max-width: none !important;
    min-height: calc(100vh - 122px) !important;
    padding: 34px max(18px, calc((100vw - 1180px) / 2)) 54px !important;
    position: relative !important;
}

body.page-id-1409 .cch-learning-paths-page:before,
body.page-id-1409 .cch-learning-paths-page:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body.page-id-1409 .cch-learning-paths-page:before {
    background: linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,189,91,.58)) !important;
    border-radius: 34px !important;
    box-shadow: 14px 16px 28px rgba(187,119,45,.14), inset 9px 9px 18px rgba(255,255,255,.34), inset -10px -10px 20px rgba(201,119,51,.12) !important;
    height: 150px !important;
    right: max(16px, calc((100vw - 1180px) / 2 - 30px)) !important;
    top: 22px !important;
    transform: rotate(13deg) !important;
    width: 84px !important;
}

body.page-id-1409 .cch-learning-paths-page:after {
    background: linear-gradient(145deg, rgba(83,215,255,.52), rgba(113,236,154,.48)) !important;
    border-radius: 38px !important;
    bottom: 72px !important;
    box-shadow: 16px 18px 30px rgba(58,137,148,.14), inset 8px 8px 18px rgba(255,255,255,.38), inset -12px -12px 18px rgba(48,128,116,.10) !important;
    height: 116px !important;
    left: max(14px, calc((100vw - 1180px) / 2 - 48px)) !important;
    transform: rotate(-10deg) !important;
    width: 146px !important;
}

body.page-id-1409 .cch-learning-paths-hero,
body.page-id-1409 .cch-learning-path-card {
    border: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

body.page-id-1409 .cch-learning-paths-hero {
    align-items: end !important;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,247,202,.58) 38%, rgba(211,246,255,.66)) !important;
    border-radius: 38px !important;
    box-shadow: 24px 26px 52px rgba(51,91,102,.16), -14px -14px 34px rgba(255,255,255,.70), inset 10px 10px 24px rgba(255,255,255,.58), inset -12px -12px 24px rgba(117,145,136,.10) !important;
    grid-template-columns: minmax(0, .95fr) minmax(280px, .64fr) !important;
    min-height: 330px !important;
    overflow: visible !important;
    padding: clamp(26px, 4.8vw, 54px) !important;
}

body.page-id-1409 .cch-learning-paths-hero:before {
    align-items: center !important;
    background: linear-gradient(145deg, #5cdcff, #5f78ff 48%, #ff7b5f) !important;
    border: 8px solid rgba(255,255,255,.78) !important;
    border-radius: 34px !important;
    box-shadow: 18px 20px 38px rgba(34,70,125,.18), inset 8px 8px 16px rgba(255,255,255,.30), inset -9px -9px 18px rgba(23,51,95,.18) !important;
    color: #fff !important;
    content: "3-9" !important;
    display: flex !important;
    font-family: "Baloo 2", "Nunito", sans-serif !important;
    font-size: clamp(4.2rem, 9vw, 7.2rem) !important;
    font-weight: 900 !important;
    grid-column: 2 !important;
    grid-row: 1 / span 4 !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 230px !important;
    text-shadow: 0 5px 0 rgba(20,45,83,.20) !important;
}

body.page-id-1409 .cch-learning-paths-hero > span {
    background: linear-gradient(145deg, #fff8bd, #ffcf6c) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 999px !important;
    box-shadow: 8px 10px 18px rgba(186,117,38,.12), inset 4px 4px 8px rgba(255,255,255,.52), inset -5px -5px 10px rgba(201,111,36,.10) !important;
    color: #ec5730 !important;
    padding: 9px 15px !important;
}

body.page-id-1409 .cch-learning-paths-hero h1 {
    color: #17335f !important;
    font-size: clamp(2.25rem, 4.4vw, 4.7rem) !important;
    letter-spacing: 0 !important;
    line-height: .92 !important;
    max-width: 720px !important;
    text-shadow: 0 4px 0 rgba(255,255,255,.82) !important;
}

body.page-id-1409 .cch-learning-paths-hero p {
    color: #4f617f !important;
    font-size: clamp(1rem, 1.35vw, 1.12rem) !important;
    line-height: 1.58 !important;
    max-width: 640px !important;
}

body.page-id-1409 .cch-learning-paths-hero div {
    gap: 12px !important;
}

body.page-id-1409 .cch-learning-paths-hero a,
body.page-id-1409 .cch-path-card-link {
    border: 1px solid rgba(255,255,255,.70) !important;
    border-radius: 18px !important;
    box-shadow: 9px 11px 20px rgba(23,51,95,.14), -5px -5px 13px rgba(255,255,255,.70), inset 5px 5px 9px rgba(255,255,255,.30), inset -6px -6px 11px rgba(32,63,102,.11) !important;
    min-height: 46px !important;
    padding: 11px 18px !important;
}

body.page-id-1409 .cch-learning-paths-hero a:first-child,
body.page-id-1409 .cch-path-card-link {
    background: linear-gradient(145deg, #ff7b5f, #ffc44f) !important;
    color: #fff !important;
}

body.page-id-1409 .cch-learning-paths-hero a + a {
    background: linear-gradient(145deg, #ffffff, #e9f8ff) !important;
    color: #17335f !important;
}

body.page-id-1409 .cch-learning-path-cards {
    gap: 20px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    position: relative !important;
    z-index: 1 !important;
}

body.page-id-1409 .cch-learning-path-card {
    background: linear-gradient(145deg, var(--path-soft) 0%, rgba(255,255,255,.78) 72%) !important;
    border-radius: 32px !important;
    box-shadow: 16px 18px 34px rgba(38,73,96,.14), -9px -9px 20px rgba(255,255,255,.72), inset 8px 8px 18px rgba(255,255,255,.56), inset -10px -10px 18px rgba(80,110,120,.09) !important;
    min-height: 260px !important;
    padding: 22px !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

body.page-id-1409 .cch-learning-path-card:hover {
    box-shadow: 20px 22px 42px rgba(38,73,96,.18), -10px -10px 22px rgba(255,255,255,.76), inset 8px 8px 18px rgba(255,255,255,.60), inset -10px -10px 18px rgba(80,110,120,.10) !important;
    transform: translateY(-4px) !important;
}

body.page-id-1409 .cch-learning-path-card:before {
    border: 6px solid rgba(255,255,255,.72) !important;
    border-radius: 22px !important;
    box-shadow: 10px 12px 22px rgba(23,65,125,.16), inset 5px 5px 10px rgba(255,255,255,.28), inset -6px -6px 12px rgba(23,51,95,.14) !important;
    height: 58px !important;
    right: 18px !important;
    top: 18px !important;
    width: 58px !important;
}

body.page-id-1409 .cch-learning-path-card > div:first-child > span {
    background: linear-gradient(145deg, #fff9c8, #ffffff) !important;
    border-radius: 999px !important;
    box-shadow: inset 3px 3px 7px rgba(255,255,255,.62), inset -4px -4px 8px rgba(126,139,110,.09) !important;
    display: inline-flex !important;
    padding: 7px 12px !important;
}

body.page-id-1409 .cch-learning-path-card h2 {
    font-size: clamp(1.45rem, 2.2vw, 1.95rem) !important;
    margin: 12px 74px 8px 0 !important;
}

body.page-id-1409 .cch-learning-path-card h2 a {
    color: #17335f !important;
}

body.page-id-1409 .cch-learning-path-card p,
body.page-id-1409 .cch-path-card-progress small {
    color: #52637d !important;
    font-weight: 800 !important;
    line-height: 1.55 !important;
}

body.page-id-1409 .cch-path-card-progress {
    background: rgba(255,255,255,.36) !important;
    border-radius: 22px !important;
    box-shadow: inset 5px 5px 10px rgba(255,255,255,.52), inset -7px -7px 12px rgba(83,112,120,.08) !important;
    padding: 12px !important;
}

body.page-id-1409 .cch-path-card-progress strong {
    color: var(--path-accent, #ef6b3d) !important;
}

body.page-id-1409 .cch-path-card-progress span {
    background: rgba(23,51,95,.10) !important;
    box-shadow: inset 3px 3px 7px rgba(23,51,95,.08), inset -3px -3px 7px rgba(255,255,255,.60) !important;
    height: 13px !important;
}

body.page-id-1409 .cch-learning-path-card.is-ky-nang-vao-lop-1 { --path-soft: #fff0a6; }
body.page-id-1409 .cch-learning-path-card.is-toan-nen-tang { --path-soft: #bdf1ff; }
body.page-id-1409 .cch-learning-path-card.is-tieng-viet { --path-soft: #ffc4dc; }
body.page-id-1409 .cch-learning-path-card.is-tu-duy-logic { --path-soft: #d8c7ff; }
body.page-id-1409 .cch-learning-path-card.is-tin-hoc-co-ban { --path-soft: #c9f7ce; }

@media (max-width: 1024px) {
    body.page-id-1409 .cch-learning-paths-hero {
        grid-template-columns: 1fr !important;
    }

    body.page-id-1409 .cch-learning-paths-hero:before {
        grid-column: 1 !important;
        grid-row: auto !important;
        min-height: 150px !important;
    }

    body.page-id-1409 .cch-learning-path-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body.page-id-1409 .cch-learning-paths-page {
        padding: 18px 12px 34px !important;
    }

    body.page-id-1409 .cch-learning-paths-page:before,
    body.page-id-1409 .cch-learning-paths-page:after {
        display: none !important;
    }

    body.page-id-1409 .cch-learning-paths-hero {
        border-radius: 30px !important;
        min-height: auto !important;
        padding: 22px !important;
    }

    body.page-id-1409 .cch-learning-paths-hero h1 {
        font-size: clamp(2.05rem, 12vw, 3.05rem) !important;
    }

    body.page-id-1409 .cch-learning-paths-hero a,
    body.page-id-1409 .cch-path-card-link {
        justify-content: center !important;
        width: 100% !important;
    }

    body.page-id-1409 .cch-learning-path-cards {
        grid-template-columns: 1fr !important;
    }

    body.page-id-1409 .cch-learning-path-card {
        border-radius: 28px !important;
        min-height: 0 !important;
        padding: 20px !important;
    }
}

/* Tidy learning path background: keep one continuous page background. */
body.page-id-1409 .cch-learning-paths-page {
    background: transparent !important;
}

body.page-id-1409 .cch-learning-paths-page:before,
body.page-id-1409 .cch-learning-paths-page:after {
    opacity: .58 !important;
}

body.page-id-1409 .cch-learning-paths-hero {
    margin-top: 0 !important;
}

/* Remove the large hero sheet on /lo-trinh-hoc/: one page background only. */
body.page-id-1409 .cch-learning-paths-hero {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding: clamp(30px, 5vw, 64px) clamp(12px, 3vw, 34px) 22px !important;
}

body.page-id-1409 .cch-learning-paths-hero:before {
    justify-self: center !important;
    margin: 18px 0 0 !important;
}

body.page-id-1409 .cch-learning-paths-page:before {
    right: max(18px, calc((100vw - 1180px) / 2 + 18px)) !important;
    top: 88px !important;
}

body.page-id-1409 .cch-learning-paths-page:after {
    bottom: auto !important;
    left: auto !important;
    right: max(20px, calc((100vw - 1180px) / 2 + 180px)) !important;
    top: 390px !important;
}

@media (max-width: 1024px) {
    body.page-id-1409 .cch-learning-paths-hero {
        padding-top: 26px !important;
    }
}

@media (max-width: 640px) {
    body.page-id-1409 .cch-learning-paths-hero {
        padding: 18px 4px 14px !important;
    }
}

/* Hard remove any remaining white wrapper sheet on /lo-trinh-hoc/. */
body.wp-singular.page-id-1409 .row-main,
body.wp-singular.page-id-1409 .row-main > .col,
body.wp-singular.page-id-1409 .row-main > .col > .col-inner,
body.wp-singular.page-id-1409 section.cch-learning-paths-page,
body.wp-singular.page-id-1409 header.cch-learning-paths-hero {
    background: none !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.wp-singular.page-id-1409 .row-main {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.wp-singular.page-id-1409 header.cch-learning-paths-hero:after {
    display: none !important;
}

/* Rebalance /lo-trinh-hoc/ hero composition. */
body.wp-singular.page-id-1409 .cch-learning-paths-page {
    gap: 30px !important;
    padding-top: 22px !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-page:before,
body.wp-singular.page-id-1409 .cch-learning-paths-page:after {
    display: none !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero {
    align-items: center !important;
    column-gap: clamp(28px, 6vw, 74px) !important;
    grid-template-columns: minmax(0, 1fr) clamp(280px, 31vw, 380px) !important;
    margin: 0 auto !important;
    max-width: 1060px !important;
    padding: clamp(24px, 4vw, 46px) 0 18px !important;
    width: 100% !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero > span,
body.wp-singular.page-id-1409 .cch-learning-paths-hero h1,
body.wp-singular.page-id-1409 .cch-learning-paths-hero p,
body.wp-singular.page-id-1409 .cch-learning-paths-hero div {
    grid-column: 1 !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero h1 {
    font-size: clamp(2.25rem, 4vw, 4.15rem) !important;
    line-height: .96 !important;
    max-width: 600px !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero p {
    max-width: 560px !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero:before {
    grid-column: 2 !important;
    grid-row: 1 / span 4 !important;
    justify-self: stretch !important;
    margin: 0 !important;
    min-height: clamp(210px, 27vw, 300px) !important;
    width: 100% !important;
}

body.wp-singular.page-id-1409 .cch-learning-path-cards {
    margin: 0 auto !important;
    max-width: 1120px !important;
    width: 100% !important;
}

@media (max-width: 900px) {
    body.wp-singular.page-id-1409 .cch-learning-paths-hero {
        grid-template-columns: 1fr !important;
        max-width: 680px !important;
        row-gap: 18px !important;
        text-align: left !important;
    }

    body.wp-singular.page-id-1409 .cch-learning-paths-hero:before {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
        max-width: 360px !important;
    }
}

@media (max-width: 640px) {
    body.wp-singular.page-id-1409 .cch-learning-paths-hero {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.wp-singular.page-id-1409 .cch-learning-paths-hero h1 {
        font-size: clamp(2rem, 10.5vw, 2.75rem) !important;
    }
}

/* Final hero simplification on /lo-trinh-hoc/: remove confusing 3-9 block. */
body.wp-singular.page-id-1409 .cch-learning-paths-page {
    padding-top: clamp(28px, 4vw, 52px) !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    max-width: 820px !important;
    padding: 18px 12px 22px !important;
    row-gap: 14px !important;
    text-align: center !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero:before {
    display: none !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero > span,
body.wp-singular.page-id-1409 .cch-learning-paths-hero h1,
body.wp-singular.page-id-1409 .cch-learning-paths-hero p,
body.wp-singular.page-id-1409 .cch-learning-paths-hero div {
    grid-column: 1 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero h1 {
    font-size: clamp(2.25rem, 4.3vw, 4.35rem) !important;
    line-height: .98 !important;
    max-width: 760px !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero p {
    max-width: 650px !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-hero div {
    justify-content: center !important;
}

body.wp-singular.page-id-1409 .cch-learning-path-cards {
    padding-top: 8px !important;
}

@media (max-width: 640px) {
    body.wp-singular.page-id-1409 .cch-learning-paths-hero {
        text-align: left !important;
        justify-items: start !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body.wp-singular.page-id-1409 .cch-learning-paths-hero > span,
    body.wp-singular.page-id-1409 .cch-learning-paths-hero h1,
    body.wp-singular.page-id-1409 .cch-learning-paths-hero p,
    body.wp-singular.page-id-1409 .cch-learning-paths-hero div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.wp-singular.page-id-1409 .cch-learning-paths-hero div {
        justify-content: stretch !important;
        width: 100% !important;
    }
}

/* Use homepage Clay nav on /lo-trinh-hoc/ and hide the old Flatsome header. */
body.wp-singular.page-id-1409 #header,
body.wp-singular.page-id-1409 .header-wrapper {
    display: none !important;
}

body.wp-singular.page-id-1409 .cch-clay-shared-nav {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

body.wp-singular.page-id-1409 #wrapper,
body.wp-singular.page-id-1409 #main,
body.wp-singular.page-id-1409 #content {
    background: linear-gradient(120deg, rgba(255,246,178,.95) 0%, rgba(222,249,255,.92) 48%, rgba(216,246,220,.95) 100%) !important;
}

body.wp-singular.page-id-1409 #main {
    padding-top: 0 !important;
}

body.wp-singular.page-id-1409 .cch-learning-paths-page {
    padding-top: 10px !important;
}

@media (max-width: 760px) {
    body.wp-singular.page-id-1409 .cch-clay-shared-nav {
        margin-top: 10px !important;
        margin-bottom: 12px !important;
    }
}

/* Full redesign for /lo-trinh-hoc/. */
body.wp-singular.page-id-1409 #main,
body.wp-singular.page-id-1409 #content,
body.wp-singular.page-id-1409 .page-wrapper,
body.wp-singular.page-id-1409 .row-main,
body.wp-singular.page-id-1409 .row-main > .col,
body.wp-singular.page-id-1409 .row-main > .col > .col-inner {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

.cch-path-redesign {
    color: #17335f;
    display: grid;
    gap: 28px;
    overflow: hidden;
    padding: 10px max(18px, calc((100vw - 1180px) / 2)) 64px;
}

.cch-path-redesign-hero {
    align-items: center;
    display: grid;
    gap: clamp(24px, 5vw, 70px);
    grid-template-columns: minmax(0, .95fr) minmax(340px, .82fr);
    min-height: 470px;
}

.cch-path-redesign-copy {
    display: grid;
    gap: 16px;
    justify-items: start;
}

.cch-path-redesign-kicker,
.cch-path-redesign-label {
    background: linear-gradient(145deg, #fff9c8, #ffc965);
    border-radius: 999px;
    box-shadow: 9px 10px 18px rgba(187,119,45,.12), -5px -5px 12px rgba(255,255,255,.72), inset 4px 4px 8px rgba(255,255,255,.48), inset -5px -5px 9px rgba(162,92,26,.08);
    color: #ee5933;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .04em;
    padding: 9px 15px;
    text-transform: uppercase;
    width: max-content;
}

.cch-path-redesign h1,
.cch-path-redesign h2,
.cch-path-redesign-card strong {
    color: #17335f;
    font-family: "Baloo 2", "Nunito", sans-serif;
    letter-spacing: 0;
    margin: 0;
}

.cch-path-redesign h1 {
    font-size: clamp(2.9rem, 5.6vw, 5.8rem);
    line-height: .9;
    max-width: 10.6ch;
    text-shadow: 0 5px 0 rgba(255,255,255,.78);
}

.cch-path-redesign-copy p,
.cch-path-redesign-cta p,
.cch-path-redesign-card em,
.cch-path-redesign-strip span {
    color: #52637d;
    font-weight: 800;
    line-height: 1.65;
    margin: 0;
}

.cch-path-redesign-copy p {
    font-size: 1.12rem;
    max-width: 600px;
}

.cch-path-redesign-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 10px;
}

.cch-path-redesign-button {
    align-items: center;
    border-radius: 20px;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 56px;
    padding: 14px 22px;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.cch-path-redesign-button.is-primary {
    background: linear-gradient(145deg, #ff7c5d, #ffc84f);
    box-shadow: 12px 14px 24px rgba(255,116,72,.24), -6px -6px 14px rgba(255,255,255,.64), inset 6px 6px 12px rgba(255,255,255,.32), inset -8px -8px 14px rgba(169,74,31,.12);
    color: #fff !important;
}

.cch-path-redesign-button.is-secondary {
    background: linear-gradient(145deg, #ffffff, #eaf8ff);
    box-shadow: 9px 11px 20px rgba(23,51,95,.12), -6px -6px 14px rgba(255,255,255,.70), inset 5px 5px 10px rgba(255,255,255,.46), inset -6px -6px 12px rgba(84,118,132,.08);
    color: #17335f !important;
}

.cch-path-redesign-button:hover {
    transform: translateY(-3px);
}

.cch-path-redesign-board {
    aspect-ratio: 1.08 / 1;
    background: linear-gradient(145deg, rgba(255,255,255,.60), rgba(219,249,255,.48) 48%, rgba(255,241,174,.50));
    border-radius: 44px;
    box-shadow: 24px 28px 56px rgba(42,87,105,.16), -13px -13px 30px rgba(255,255,255,.70), inset 10px 10px 22px rgba(255,255,255,.54), inset -12px -12px 22px rgba(78,117,126,.10);
    min-height: 360px;
    position: relative;
}

.cch-path-redesign-board img {
    filter: drop-shadow(0 18px 24px rgba(23,51,95,.20));
    position: absolute;
    z-index: 2;
}

.cch-path-redesign-board .is-bear {
    bottom: 24px;
    left: 28px;
    width: min(46%, 230px);
}

.cch-path-redesign-board .is-rabbit {
    right: 30px;
    top: 34px;
    width: min(38%, 188px);
}

.cch-path-redesign-mini {
    background: linear-gradient(145deg, #fff, #f0fbff);
    border-radius: 28px;
    box-shadow: 14px 16px 30px rgba(23,51,95,.13), -7px -7px 16px rgba(255,255,255,.70), inset 6px 6px 12px rgba(255,255,255,.46), inset -7px -7px 13px rgba(85,116,128,.08);
    display: grid;
    gap: 3px;
    padding: 17px 20px;
    position: absolute;
    z-index: 3;
}

.cch-path-redesign-mini strong {
    color: #17335f;
    font-family: "Baloo 2", "Nunito", sans-serif;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    line-height: 1;
}

.cch-path-redesign-mini span {
    color: #64748b;
    font-size: .9rem;
    font-weight: 900;
}

.cch-path-redesign-mini.is-one { left: 38px; top: 40px; }
.cch-path-redesign-mini.is-two { right: 42px; bottom: 44px; }
.cch-path-redesign-mini.is-three { left: 45%; top: 45%; transform: rotate(-4deg); }

.cch-path-redesign-strip {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cch-path-redesign-strip article {
    align-items: center;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(236,250,255,.56));
    border-radius: 28px;
    box-shadow: 13px 15px 28px rgba(23,51,95,.10), -7px -7px 16px rgba(255,255,255,.70), inset 6px 6px 12px rgba(255,255,255,.44), inset -7px -7px 13px rgba(84,118,132,.07);
    display: grid;
    gap: 14px;
    grid-template-columns: 54px minmax(0, 1fr);
    min-height: 88px;
    padding: 16px;
}

.cch-path-redesign-strip strong {
    background: linear-gradient(145deg, #5cdcff, #5f78ff);
    border-radius: 19px;
    box-shadow: inset 5px 5px 10px rgba(255,255,255,.28), inset -6px -6px 12px rgba(23,51,95,.16), 8px 10px 18px rgba(51,99,170,.16);
    color: #fff;
    display: grid;
    font-family: "Baloo 2", "Nunito", sans-serif;
    font-size: 1.7rem;
    height: 54px;
    place-items: center;
    width: 54px;
}

.cch-path-redesign-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.cch-path-redesign-card {
    background: linear-gradient(145deg, var(--path-bg-a), var(--path-bg-b));
    border-radius: 34px;
    box-shadow: 17px 19px 36px rgba(37,75,96,.14), -9px -9px 20px rgba(255,255,255,.72), inset 8px 8px 18px rgba(255,255,255,.54), inset -10px -10px 18px rgba(80,110,120,.09);
    color: #17335f !important;
    display: grid;
    gap: 12px;
    min-height: 330px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.cch-path-redesign-card:nth-child(1),
.cch-path-redesign-card:nth-child(2),
.cch-path-redesign-card:nth-child(3) { grid-column: span 2; }
.cch-path-redesign-card:nth-child(4),
.cch-path-redesign-card:nth-child(5) { grid-column: span 3; }

.cch-path-redesign-card:hover {
    box-shadow: 22px 24px 44px rgba(37,75,96,.18), -10px -10px 22px rgba(255,255,255,.76), inset 8px 8px 18px rgba(255,255,255,.58), inset -10px -10px 18px rgba(80,110,120,.10);
    transform: translateY(-5px);
}

.cch-path-redesign-card.is-sun { --path-bg-a: #fff0a6; --path-bg-b: #ffd0bb; }
.cch-path-redesign-card.is-sky { --path-bg-a: #bdf1ff; --path-bg-b: #d9e2ff; }
.cch-path-redesign-card.is-rose { --path-bg-a: #ffc4dc; --path-bg-b: #ffe4a6; }
.cch-path-redesign-card.is-violet { --path-bg-a: #d8c7ff; --path-bg-b: #c8f0ff; }
.cch-path-redesign-card.is-mint { --path-bg-a: #c9f7ce; --path-bg-b: #fff1a8; }

.cch-path-redesign-mark {
    align-items: center;
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.46));
    border-radius: 22px;
    box-shadow: 9px 10px 18px rgba(23,51,95,.12), inset 5px 5px 10px rgba(255,255,255,.48), inset -6px -6px 12px rgba(78,110,124,.08);
    color: #17335f;
    display: flex;
    font-family: "Baloo 2", "Nunito", sans-serif;
    font-size: 1.45rem;
    font-weight: 900;
    height: 62px;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 62px;
    z-index: 2;
}

.cch-path-redesign-image {
    aspect-ratio: 16 / 10;
    background-position: center;
    background-size: cover;
    border: 7px solid rgba(255,255,255,.78);
    border-radius: 26px;
    box-shadow: 0 16px 28px rgba(23,51,95,.13);
    display: block;
    margin-bottom: 4px;
}

.cch-path-redesign-card strong {
    font-size: clamp(1.55rem, 2.4vw, 2.05rem);
    line-height: 1;
    padding-right: 54px;
}

.cch-path-redesign-card em {
    font-style: normal;
}

.cch-path-redesign-meta {
    align-self: end;
    background: rgba(255,255,255,.45);
    border-radius: 18px;
    box-shadow: inset 4px 4px 8px rgba(255,255,255,.48), inset -5px -5px 9px rgba(92,126,130,.07);
    color: #17335f;
    display: inline-flex;
    font-weight: 900;
    padding: 11px 13px;
    width: max-content;
}

.cch-path-redesign-cta {
    align-items: center;
    background: linear-gradient(145deg, #17335f, #2f6edc 58%, #5cdcff);
    border-radius: 38px;
    box-shadow: 20px 24px 48px rgba(23,51,95,.20), -9px -9px 20px rgba(255,255,255,.52), inset 8px 8px 18px rgba(255,255,255,.18), inset -10px -10px 20px rgba(4,18,48,.18);
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 8px;
    padding: 30px;
}

.cch-path-redesign-cta h2 {
    color: #fff;
    font-size: clamp(2rem, 3.4vw, 3.25rem);
    line-height: .98;
}

.cch-path-redesign-cta p {
    color: rgba(255,255,255,.88);
    max-width: 680px;
}

.cch-path-redesign-cta .cch-path-redesign-kicker {
    background: rgba(255,255,255,.16);
    box-shadow: inset 5px 5px 10px rgba(255,255,255,.14), inset -6px -6px 12px rgba(4,18,48,.10);
    color: #fff;
    margin-bottom: 12px;
}

@media (max-width: 980px) {
    .cch-path-redesign-hero,
    .cch-path-redesign-cta {
        grid-template-columns: 1fr;
    }

    .cch-path-redesign-board {
        max-width: 520px;
        width: 100%;
    }

    .cch-path-redesign-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cch-path-redesign-card:nth-child(n) {
        grid-column: span 1;
    }
}

@media (max-width: 680px) {
    .cch-path-redesign {
        gap: 22px;
        padding: 8px 14px 42px;
    }

    .cch-path-redesign h1 {
        font-size: clamp(2.45rem, 12vw, 3.7rem);
        max-width: 11ch;
    }

    .cch-path-redesign-actions,
    .cch-path-redesign-button {
        width: 100%;
    }

    .cch-path-redesign-strip,
    .cch-path-redesign-grid {
        grid-template-columns: 1fr;
    }

    .cch-path-redesign-board {
        aspect-ratio: auto;
        min-height: 360px;
    }

    .cch-path-redesign-mini.is-three {
        left: 32px;
        top: 155px;
    }

    .cch-path-redesign-card {
        min-height: 0;
    }

    .cch-path-redesign-cta {
        border-radius: 30px;
        padding: 24px;
    }
}

/* Polish /lo-trinh-hoc/ cards: distinct thumbnails, progress, stronger Claymorphism. */
.cch-path-redesign-grid {
    gap: 26px !important;
}

.cch-path-redesign-card {
    border: 1px solid rgba(255,255,255,.72) !important;
    box-shadow:
        22px 26px 48px rgba(44, 82, 96, .18),
        -12px -12px 28px rgba(255,255,255,.76),
        inset 10px 10px 22px rgba(255,255,255,.56),
        inset -14px -14px 24px rgba(78,110,120,.13) !important;
    gap: 14px !important;
    padding: 22px !important;
}

.cch-path-redesign-card:hover {
    box-shadow:
        26px 30px 58px rgba(44, 82, 96, .22),
        -13px -13px 30px rgba(255,255,255,.80),
        inset 10px 10px 22px rgba(255,255,255,.60),
        inset -14px -14px 24px rgba(78,110,120,.14) !important;
}

.cch-path-redesign-image {
    aspect-ratio: 16 / 9 !important;
    border: 8px solid rgba(255,255,255,.86) !important;
    box-shadow:
        0 18px 32px rgba(23,51,95,.15),
        inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.cch-path-redesign-mark {
    border: 1px solid rgba(255,255,255,.72) !important;
    box-shadow:
        10px 12px 22px rgba(23,51,95,.14),
        -5px -5px 12px rgba(255,255,255,.72),
        inset 6px 6px 12px rgba(255,255,255,.52),
        inset -7px -7px 13px rgba(78,110,124,.10) !important;
}

.cch-path-redesign-progress {
    align-self: end;
    background: linear-gradient(145deg, rgba(255,255,255,.56), rgba(255,255,255,.26)) !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    border-radius: 22px !important;
    box-shadow:
        inset 6px 6px 13px rgba(115, 144, 144, .10),
        inset -7px -7px 14px rgba(255,255,255,.64) !important;
    display: grid !important;
    gap: 9px !important;
    padding: 12px !important;
}

.cch-path-redesign-progress-head {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.cch-path-redesign-progress-head b {
    color: #17335f !important;
    font-family: "Baloo 2", "Nunito", sans-serif !important;
    font-size: 1.22rem !important;
    line-height: 1 !important;
}

.cch-path-redesign-progress-head small {
    color: #52637d !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
}

.cch-path-redesign-progress-track {
    background: rgba(23,51,95,.11) !important;
    border-radius: 999px !important;
    box-shadow:
        inset 4px 4px 8px rgba(23,51,95,.10),
        inset -4px -4px 8px rgba(255,255,255,.58) !important;
    display: block !important;
    height: 13px !important;
    overflow: hidden !important;
}

.cch-path-redesign-progress-track i {
    background: linear-gradient(90deg, #ff7c5d 0%, #ffc84f 40%, #5cdcff 100%) !important;
    border-radius: inherit !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 6px 12px rgba(255,124,93,.18) !important;
    display: block !important;
    height: 100% !important;
    min-width: 10px !important;
}

.cch-path-redesign-meta {
    background: linear-gradient(145deg, #ffffff, #eff9ff) !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    box-shadow:
        8px 10px 18px rgba(23,51,95,.10),
        -5px -5px 12px rgba(255,255,255,.70),
        inset 5px 5px 10px rgba(255,255,255,.48),
        inset -6px -6px 12px rgba(84,118,132,.08) !important;
}

.cch-path-redesign-card.is-sun { --path-bg-a: #fff3a8; --path-bg-b: #ffc7ae; }
.cch-path-redesign-card.is-sky { --path-bg-a: #a8ecff; --path-bg-b: #c7d8ff; }
.cch-path-redesign-card.is-rose { --path-bg-a: #ffb8d5; --path-bg-b: #ffd89b; }
.cch-path-redesign-card.is-violet { --path-bg-a: #ccb7ff; --path-bg-b: #aeeeff; }
.cch-path-redesign-card.is-mint { --path-bg-a: #b7f7bf; --path-bg-b: #fff098; }

/* Remove stray decorative nav capsule on /lo-trinh-hoc/. */
body.wp-singular.page-id-1409 .cch-clay-shared-nav:before,
body.wp-singular.page-id-1409 .cch-clay-shared-nav:after {
    display: none !important;
}

body.wp-singular.page-id-1409 .cch-clay-shared-nav {
    overflow: hidden !important;
}