/* CARD: playful colorful tiles */
body{background:#fff}
.nav-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.nav-item{position:relative;border:0;border-radius:22px;color:#152; padding:22px 18px;font-weight:700;letter-spacing:.1px}
.nav-item:nth-child(6n+1){background:#ecf3ff}
.nav-item:nth-child(6n+2){background:#ffe9ec}
.nav-item:nth-child(6n+3){background:#eaf9f0}
.nav-item:nth-child(6n+4){background:#f3ecff}
.nav-item:nth-child(6n+5){background:#fff6e5}
.nav-item:nth-child(6n+6){background:#e9fbff}
.nav-item::after{content:'›';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;opacity:.35}
.nav-item:hover{filter:brightness(.98)}

.nav-item{color:#0f172a}


/* Card CTA */
.nav-item{background:#7c3aed;color:#fff;border:0}
.nav-item:hover{filter:brightness(1.05)}


/* Colored CTA even if tile palette is light */
.nav-item{background:#7c3aed;color:#fff}
body{color:#0f172a}


body.theme-Card .nav-item{background:#7c3aed !important;color:#fff !important;border:0}

body.theme-Card .nav-item{background:#7c3aed !important;color:#fff !important;border:0 !important}