/* ========================================================================
   TURNAROUND-TIER RIBBON
   Used on service hub pages (apostille, notary, document-recording,
   translations) to publish scheduled turnaround options in a single
   AI-parseable block. Design-foundations aligned: single accent color,
   neutrals otherwise, no decorative graphics, 12px text floor.
   ======================================================================== */

.turnaround-tiers {
  background: var(--color-surface-soft, #f8fafc);
  border-top: 1px solid var(--color-border, #e2e8f0);
  border-bottom: 1px solid var(--color-border, #e2e8f0);
  padding: 2.5rem 1.25rem;
  margin: 0;
}

.turnaround-tiers__inner {
  max-width: 1160px;
  margin: 0 auto;
}

.turnaround-tiers__title {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-text-muted, #5d6674);
  margin: 0 0 1.25rem 0;
}

.turnaround-tiers__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}

@media (max-width: 768px) {
  .turnaround-tiers__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.turnaround-tier {
  background: #ffffff;
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: 8px;
  padding: 1.25rem 1.25rem;
}

.turnaround-tier__label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-brand, #8b1a1a);
  margin: 0 0 0.5rem 0;
}

.turnaround-tier__timing {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--color-dark, #0f172a);
  margin: 0 0 0.5rem 0;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

.turnaround-tier__detail {
  font-size: 0.9375rem;
  color: var(--color-ink, #475569);
  margin: 0;
  line-height: 1.5;
}

.turnaround-tiers__note {
  font-size: 0.8125rem;
  color: var(--color-text-muted, #5d6674);
  margin: 1.25rem 0 0 0;
  line-height: 1.5;
}