/* Final Hostinger layout fixes */
*,
*::before,
*::after {
  box-sizing: border-box;
}

button,
a,
div,
span,
p,
h1,
h2,
h3 {
  min-width: 0;
}

/* Keep floating navigation pill shaped in exported/static hosting */
.floating-nav,
nav,
[aria-label="Main navigation"] {
  border-radius: 999px !important;
}

.rounded-full,
.rounded-\[999px\] {
  border-radius: 999px !important;
}

/* Force metric/KPI grids to stay as Role+Focus / Approach+Status */
.case-metrics,
.metric-row,
.kpi-row,
[class*="metric-row"],
[class*="case-metric"],
[class*="kpi"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  max-width: 48rem !important;
}

.case-metrics > *,
.metric-row > *,
.kpi-row > *,
[class*="metric-row"] > *,
[class*="case-metric"] > *,
[class*="kpi"] > * {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.case-metrics *,
.metric-row *,
.kpi-row *,
[class*="metric-row"] *,
[class*="case-metric"] *,
[class*="kpi"] * {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 640px) {
  .case-metrics,
  .metric-row,
  .kpi-row,
  [class*="metric-row"],
  [class*="case-metric"],
  [class*="kpi"] {
    grid-template-columns: 1fr !important;
  }
}



/* --- Leadership KPI card alignment fix --- */
.leadership-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
}

.leadership-kpi-grid > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 160px !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.leadership-kpi-grid > div * {
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.leadership-kpi-grid > div > div:first-child {
  white-space: nowrap !important;
  line-height: 1 !important;
}

@media (max-width: 640px) {
  .leadership-kpi-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Protect leadership cards from global aggressive wrapping */
section#leadership .grid > div {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

section#leadership .grid > div * {
  overflow-wrap: normal !important;
  word-break: normal !important;
}