/* ═══ EXTRAS PARA A VERSÃO G4 ═══ */

.block-title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  padding: 0 0.25rem;
}

/* ── Cases ── */
.case-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.case-tag {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent);
}

.case-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.3;
  margin-top: -0.25rem;
}

.case-block {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.case-block p {
  font-size: 0.82rem;
  color: #aaa;
  line-height: 1.6;
}

.case-label {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  width: fit-content;
}

.case-label.problem  { background: rgba(251,146,60,.12); color: var(--orange); }
.case-label.solution { background: rgba(96,165,250,.12);  color: var(--blue); }
.case-label.result   { background: rgba(74,222,128,.12);  color: var(--green); }

.case-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.4rem;
}

.case-results {
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.case-results li {
  font-size: 0.82rem;
  color: #aaa;
  line-height: 1.5;
}

.case-results li strong {
  color: var(--text);
}