.jdb-v3 .jdb-v3-featured-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--jdb-space-4)}
.jdb-v3 .jdb-v3-featured-card{position:relative;display:grid;min-height:220px;padding:var(--jdb-space-6);border:1px solid var(--jdb-color-border);border-radius:20px;background:var(--jdb-color-surface);box-shadow:var(--jdb-shadow-card);color:var(--jdb-color-text);text-decoration:none;transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease}
.jdb-v3 .jdb-v3-featured-card__icon{display:grid;width:32px;height:32px;place-items:center;color:var(--jdb-color-accent)}.jdb-v3 .jdb-v3-featured-card__icon svg{width:28px;height:28px}.jdb-v3 .jdb-v3-featured-card__eyebrow{margin-top:var(--jdb-space-4);color:var(--jdb-color-text-muted);font-size:12px;font-weight:700;letter-spacing:.08em}.jdb-v3 .jdb-v3-featured-card__title{margin-top:var(--jdb-space-2);font-size:20px;font-weight:700;line-height:1.45}.jdb-v3 .jdb-v3-featured-card__description{display:-webkit-box;margin-top:var(--jdb-space-3);overflow:hidden;color:var(--jdb-color-text-secondary);font-size:14px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.jdb-v3 .jdb-v3-featured-card__arrow{position:absolute;right:var(--jdb-space-5);bottom:var(--jdb-space-5);width:24px;height:24px;color:var(--jdb-color-text-secondary);transition:transform 220ms ease}.jdb-v3 .jdb-v3-featured-card__arrow svg{width:24px;height:24px}.jdb-v3 .jdb-v3-featured-card:focus-visible{outline:3px solid var(--jdb-color-accent);outline-offset:2px}.jdb-v3 .jdb-v3-featured-diagnostics{margin-top:var(--jdb-space-8);padding:var(--jdb-space-4);border:1px solid var(--jdb-color-border);border-radius:var(--jdb-radius-sm);font-size:12px}.jdb-v3 .jdb-v3-featured-diagnostics summary{min-height:44px;cursor:pointer;font-weight:700;line-height:44px}.jdb-v3 .jdb-v3-featured-diagnostics__scroll{min-width:0;overflow-wrap:anywhere}.jdb-v3 .jdb-v3-featured-diagnostics table{width:100%;table-layout:fixed;border-collapse:collapse}.jdb-v3 .jdb-v3-featured-diagnostics th,.jdb-v3 .jdb-v3-featured-diagnostics td{padding:var(--jdb-space-2);border-bottom:1px solid var(--jdb-color-border);text-align:left;overflow-wrap:anywhere}
@media (hover:hover) and (pointer:fine){.jdb-v3 .jdb-v3-featured-card:hover{transform:translateY(-3px);border-color:var(--jdb-color-border-strong);box-shadow:var(--jdb-shadow-hover)}.jdb-v3 .jdb-v3-featured-card:hover .jdb-v3-featured-card__arrow{transform:translateX(3px)}}
@media (max-width:767px){.jdb-v3 .jdb-v3-featured-card{min-height:262px;padding:var(--jdb-space-5);padding-bottom:calc(var(--jdb-space-5) + 32px)}.jdb-v3 .jdb-v3-featured-card__title{font-size:18px;line-height:1.45;overflow-wrap:normal;word-break:keep-all}.jdb-v3 .jdb-v3-featured-card__description{font-size:14px;line-height:1.7;-webkit-line-clamp:2}.jdb-v3 .jdb-v3-featured-card__arrow{right:var(--jdb-space-5);bottom:var(--jdb-space-5)}}
@media (min-width:768px){.jdb-v3 .jdb-v3-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--jdb-space-5)}}
@media (min-width:1024px){.jdb-v3 .jdb-v3-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.jdb-v3 .jdb-v3-featured-card,.jdb-v3 .jdb-v3-featured-card__arrow{transition:none}.jdb-v3 .jdb-v3-featured-card:hover,.jdb-v3 .jdb-v3-featured-card:hover .jdb-v3-featured-card__arrow{transform:none}}

/* TOP archive feature layout: four equal visual entries. */
.jdb-v3 .jdb-v3-featured-topics-section {
  border-block: 1px solid var(--jdb-color-border);
}

.jdb-v3 .jdb-v3-featured-card {
  isolation: isolate;
  min-width: 0;
  min-height: 360px;
  align-content: end;
  overflow: hidden;
  padding: 28px;
  border-radius: 12px;
  background: var(--jdb-color-elevated);
  box-shadow: none;
}

.jdb-v3 .jdb-v3-featured-card::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8, 12, 18, .18) 0%, rgba(8, 12, 18, .52) 44%, rgba(8, 12, 18, .96) 100%),
    linear-gradient(90deg, rgba(8, 12, 18, .56), transparent 72%);
  content: "";
}

.jdb-v3 .jdb-v3-featured-card__media {
  position: absolute;
  z-index: -2;
  inset: 0;
  overflow: hidden;
}

.jdb-v3 .jdb-v3-featured-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.72) contrast(1.06);
  transition: transform 420ms ease, filter 220ms ease;
}

.jdb-v3 .jdb-v3-featured-card__icon,
.jdb-v3 .jdb-v3-featured-card__eyebrow,
.jdb-v3 .jdb-v3-featured-card__title,
.jdb-v3 .jdb-v3-featured-card__description,
.jdb-v3 .jdb-v3-featured-card__arrow {
  position: relative;
  z-index: 1;
}

.jdb-v3 .jdb-v3-featured-card__icon {
  position: absolute;
  top: 24px;
  left: 24px;
  color: #ef3340;
}

.jdb-v3 .jdb-v3-featured-card__eyebrow {
  margin-top: 0;
  color: #c5cfdb;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .8);
}

.jdb-v3 .jdb-v3-featured-card__title {
  color: #f7f8fa;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.35;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .9);
  overflow-wrap: normal;
  word-break: keep-all;
}

.jdb-v3 .jdb-v3-featured-card__description {
  padding-right: 24px;
  color: #d3dae3;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .9);
  -webkit-line-clamp: 3;
}

.jdb-v3 .jdb-v3-featured-card__arrow {
  position: absolute;
  z-index: 1;
  right: 24px;
  bottom: 24px;
  color: #f7f8fa;
}

@media (min-width: 768px) {
  .jdb-v3 .jdb-v3-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .jdb-v3 .jdb-v3-featured-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }
}

@media (max-width: 767px) {
  .jdb-v3 .jdb-v3-featured-card {
    min-height: 320px;
    padding: 24px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .jdb-v3 .jdb-v3-featured-card:hover .jdb-v3-featured-card__media img {
    transform: scale(1.035);
    filter: saturate(.9) contrast(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .jdb-v3 .jdb-v3-featured-card__media img {
    transition: none;
  }

  .jdb-v3 .jdb-v3-featured-card:hover .jdb-v3-featured-card__media img {
    transform: none;
  }
}