/* =========================================================
   NUR — App overview card (/apps product grid) ONLY.

   Deliberately independent of product-app-nur.css (the Nur
   product page): every selector lives under .nur-app-card,
   custom properties are prefixed --nur-card-, and no .nur-page
   class names are reused, so the two stylesheets can never
   interfere with each other.

   The card frame (size, radius) still comes from sections.css
   .card; this file supplies the Nur brand treatment on top.

   Brand tokens (Nur Brand Guidelines v1.0 · July 2026):
   - Slate 500 #6E819D — card background (explicit request;
     note the guide otherwise reserves Slate for interactive
     moments, never a background wash)
   - Wordmark: one color only, white, min 64px wide
   - Type: Instrument Sans 400/500/600
   ========================================================= */

.nur-app-card {
  --nur-card-slate-500: #6E819D;
  --nur-card-font: 'Instrument Sans', system-ui, sans-serif;
}

/* Card background: flat Slate 500 (replaces the nur_card.webp photo from sections.css) */
.nur-app-card .card-nur {
  background-image: none;
  background-color: var(--nur-card-slate-500);
}

/* Centred editorial stack inside the shared .card frame */
.nur-app-card .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

/* Wordmark — always white, never below the 64px brand minimum */
.nur-app-card__logo {
  display: block;
  width: clamp(120px, 14vw, 180px);
  height: auto;
  fill: #0;
  margin: 0;
}

.nur-app-card__title {
  margin: 0;
  font-family: var(--nur-card-font);
  font-weight: 600;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: #0;
}