/**
 * Just for Fun landing — topic placards (shared --kz-placard-* tokens).
 */

body.kz-just-for-fun-landing-page .wp-block-post-title,
body.kz-just-for-fun-landing-page .entry-title {
  display: none !important;
}

.kz-just-for-fun-landing__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  max-width: var(--kz-chrome-width, 90%);
  margin-left: auto;
  margin-right: auto;
}

.kz-just-for-fun-landing__card {
  min-height: var(--kz-placard-min-height);
  padding: var(--kz-placard-pad);
  gap: var(--kz-placard-gap);
  align-items: stretch;
}

.kz-just-for-fun-landing__icon {
  width: 100%;
  max-width: none;
  aspect-ratio: var(--kz-placard-aspect);
  object-fit: var(--kz-placard-fit);
  border-radius: var(--kz-placard-radius);
  background: var(--kz-placard-bg);
}

.kz-just-for-fun-landing__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 1.15rem;
  font-family: var(--wp--preset--font-family--heading, Nunito, system-ui, sans-serif);
  font-size: 1.85rem;
  font-weight: 800;
  color: #16324a;
  background: linear-gradient(145deg, #e8f2ff 0%, #f3f8f5 100%);
}

.kz-just-for-fun-landing__card--coral .kz-just-for-fun-landing__mark {
  background: linear-gradient(145deg, #ffe4e0 0%, #ffd4c8 100%);
}

.kz-just-for-fun-landing__card--sky .kz-just-for-fun-landing__mark {
  background: linear-gradient(145deg, #dcebff 0%, #c5e4fc 100%);
}

.kz-just-for-fun-landing__card--mint .kz-just-for-fun-landing__mark {
  background: linear-gradient(145deg, #d8f5e4 0%, #c6f0d6 100%);
}

.kz-just-for-fun-landing__card--lilac .kz-just-for-fun-landing__mark {
  background: linear-gradient(145deg, #efe4ff 0%, #e0c8ff 100%);
}

.kz-just-for-fun-landing__card--sun .kz-just-for-fun-landing__mark {
  background: linear-gradient(145deg, #fff1c9 0%, #f5c16c 100%);
}

.kz-just-for-fun-landing__card--peach .kz-just-for-fun-landing__mark {
  background: linear-gradient(145deg, #ffe8d2 0%, #ffd4a8 100%);
}

.kz-just-for-fun-landing__card--teal .kz-just-for-fun-landing__mark {
  background: linear-gradient(145deg, #ccfbf1 0%, #99f6e4 100%);
}

.kz-just-for-fun-landing__blurb {
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: center;
  color: #7a8799;
  font-weight: 500;
}

.kz-just-for-fun-landing .kz-letter-landing__label {
  font-size: 0.95rem;
  font-weight: 800;
  text-align: center;
}

@media (max-width: 900px) {
  .kz-just-for-fun-landing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .kz-just-for-fun-landing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kz-just-for-fun-landing__card {
    padding: var(--kz-placard-pad-sm);
  }
}

.kz-just-for-fun-hub-page .kz-letter-hub__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
}

.kz-just-for-fun-hub-page .kz-letter-hub__eyebrow a {
  color: #16324a;
  text-decoration: none;
}

.kz-just-for-fun-hub-page .kz-letter-hub__eyebrow a:hover,
.kz-just-for-fun-hub-page .kz-letter-hub__eyebrow a:focus-visible {
  text-decoration: underline;
}