/* =====================
   Tags — small chip components used as section "kicker" labels
   above section titles.

   Source of truth: Figma chip pattern repeated across all sections
   (Problem, Audience, etc.) — bg #2a2a2a, radius 4, Inter Medium.
===================== */

.tag_main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;          /* 6px 12px */
  border-radius: 0.25rem;              /* 4px */
  background-color: #2a2a2a;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1rem;                     /* 16px desktop */
  line-height: 1.5;                    /* 24/16 */
  white-space: nowrap;
}
@media (max-width: 991px) {
  .tag_main {
    font-size: 0.875rem;               /* 14px mobile */
    line-height: 1.4286;               /* 20/14 */
  }
}