/* ==========================================================================
   huhu.Media — concepts-v2 · Leistungen
   Page-specific extensions on top of style.css
   ========================================================================== */

/* Accordion: number + quoted problem title in the summary row */
.accordion__title {
  display: flex;
  align-items: baseline;
  gap: clamp(.7rem, .5rem + 1vw, 1.4rem);
  min-width: 0;
}

.accordion__num {
  font-family: var(--font-mono);
  font-weight: 400;
  color: var(--lime);
  font-size: var(--text-xs);
  flex: 0 0 auto;
}

/* Cards: eyebrow row with number left, arrow right */
.card__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-s);
}

.card__arrow {
  font-family: var(--font-mono);
  color: var(--muted);
  font-size: var(--text-sm);
}

/* Featured card (lime gradient) */
.card--lime {
  background: linear-gradient(160deg, rgba(204, 255, 0, .1), rgba(255, 255, 255, .04));
  border-color: rgba(204, 255, 0, .3);
}

/* Wide cards span two tracks once the grid is wide enough for three */
@media (min-width: 64rem) {
  .card--wide { grid-column: span 2; }
}