/* ==========================================================================
   KOBIL — Industry Public Administration — Section: Overview (Aug 2026
   redesign). Figma: D-Industries/Public Administration → overview,
   node 5882:46185 (desktop), 5882:49711 (mobile).
   Eyebrow tag + a 2-column row: serif H2 (576px, gradient accent on the
   last part) and a 1-paragraph body (488px), gap 91px. Same pattern as
   css/industries/_shared/overview.css.
   ========================================================================== */

/* Per-page themed background wash accent, consumed by
   .page-surface--seamless::before in css/base.css — pink  (Secondary/Pink #CA80F4) */
.page-surface--seamless {
  --surface-accent: #ca80f4;
}

.sec-public-administration-overview {
  display: flex;
  flex-direction: column;
  gap: var(--w24);
  width: 100%;
  padding: var(--w80) var(--w80) 0;
}

.sec-public-administration-overview__tag {
  font-family: var(--font-mono);
  font-size: var(--w12);
  font-weight: 500;
  line-height: var(--w18);
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: var(--navy-70);
}

.sec-public-administration-overview__row {
  display: flex;
  gap: var(--w91);
  align-items: center;
}

.sec-public-administration-overview__title {
  flex: 1 1 var(--w576);
  min-width: 0;
  max-width: var(--w576);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--w56);
  line-height: 1.3;
  color: var(--navy);
}

.sec-public-administration-overview__title-accent {
  background-image: linear-gradient(
    90deg,
    #3ebffc 3.4632%,
    #1046cf 13.161%,
    #696ef5 41.167%,
    #ca80f4 63.622%,
    #ffc4a0 99.443%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.sec-public-administration-overview__desc {
  flex: 1 1 var(--w488);
  min-width: 0;
  max-width: var(--w488);
  font-family: var(--font-sans);
  font-size: var(--w16);
  font-weight: 400;
  line-height: var(--w23);
  color: var(--navy-80);
}

@media (max-width: 768px) {
  .sec-public-administration-overview {
    padding: var(--w64) var(--w40) 0;
  }

  .sec-public-administration-overview__row {
    flex-direction: column;
    gap: var(--w24);
  }

  .sec-public-administration-overview__title,
  .sec-public-administration-overview__desc {
    width: 100%;
    /* lift the desktop column caps — stacked, both run the full width */
    max-width: none;
    flex: 0 0 auto;
  }

  .sec-public-administration-overview__title {
    font-size: var(--w44);
  }
}

@media (max-width: 768px) {
  .sec-public-administration-overview {
    padding: var(--m48) var(--m24) 0;
  }

  .sec-public-administration-overview__title {
    font-size: var(--m34);
    line-height: 1.2;
  }

  .sec-public-administration-overview__desc {
    font-size: var(--m14);
    line-height: var(--m20);
  }
}