/* =========================================================
   Creaticio V9.3 — Global Typography & Layout Stability
   Keeps the existing visual identity; fixes wrapping/overflow.
   ========================================================= */

html, body { max-width: 100%; }
img, svg, video { max-width: 100%; }

/* Grid/flex children must be allowed to shrink. */
.v6-hero-grid > *,
.v6-intelligence-grid > *,
.section-grid > *,
.problem-grid > *,
.system-grid > *,
.process-grid > *,
.outcome-grid > *,
.insight-grid > *,
.solution-grid > *,
.capability-detail > *,
.cards2 > *,
.work-grid > *,
.list-grid > *,
.audit-duo > *,
.form-layout > *,
.quiz-intro > *,
.quiz-stage > *,
.result-hero > *,
.result-grid > *,
.footer-grid > *,
.v6-footer-grid > *,
.feature-strip > *,
.method > * {
  min-width: 0;
}

/* Balanced, resilient headings and readable body copy. */
h1, h2, h3, h4,
.statement,
.work-card h3,
.solution-card h3,
.card h3,
.list-card h3,
.result-title h1,
.quiz-q {
  text-wrap: balance;
  overflow-wrap: break-word;
}

p, li, .lead, .notice, .mini-stat b {
  text-wrap: pretty;
  overflow-wrap: break-word;
}

.btn, .btn-ghost, .nav-cta {
  max-width: 100%;
  text-align: center;
  line-height: 1.35;
}

/* Reusable cards: never let copy escape its container. */
.result-card,
.lead-capture,
.audit-card,
.problem-card,
.system-card,
.process-card,
.outcome-card,
.insight-card,
.solution-card,
.list-card,
.method-item,
.work-card,
.callout-band {
  min-width: 0;
}

.result-card *,
.lead-capture *,
.audit-card *,
.problem-card *,
.system-card *,
.process-card *,
.outcome-card *,
.insight-card *,
.solution-card *,
.list-card *,
.method-item *,
.work-card *,
.callout-band * {
  max-width: 100%;
}

/* ---------------------------------------------------------
   Expertise / capabilities
   --------------------------------------------------------- */
@media (min-width: 1101px) {
  .capability-detail {
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr);
    gap: 72px;
    align-items: start;
  }

  .capability-detail h2 {
    max-width: 360px;
    font-size: clamp(34px, 2.65vw, 42px);
    line-height: 1.22;
    letter-spacing: -.045em;
    word-break: normal;
    overflow-wrap: normal;
  }

  .capability-detail p { margin-top: 0; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .capability-detail {
    grid-template-columns: minmax(270px, 310px) minmax(0, 1fr);
    gap: 42px;
    align-items: start;
  }

  .capability-detail h2 {
    max-width: 310px;
    font-size: 34px;
    line-height: 1.24;
    letter-spacing: -.04em;
    word-break: normal;
    overflow-wrap: normal;
  }
}

@media (max-width: 760px) {
  .capability-detail h2 {
    max-width: none;
    line-height: 1.2;
  }
}

/* ---------------------------------------------------------
   Foundation card contrast inside light sections
   --------------------------------------------------------- */
.section.light .callout-band { color: #f7f4ef; }
.section.light .callout-band h3 { color: #f7f4ef; }
.section.light .callout-band p { color: #c8c3bb; }
.section.light .callout-band .mini-list li {
  color: #ddd8d0;
  border-color: #35332f;
}
.section.light .callout-band .btn-ghost {
  color: #f7f4ef;
  border-color: #777169;
  background: rgba(255,255,255,.02);
}
.section.light .callout-band .btn-ghost:hover {
  color: #fff;
  border-color: #a39b91;
  background: rgba(255,255,255,.055);
}

/* ---------------------------------------------------------
   Growth Audit / Export Readiness
   --------------------------------------------------------- */
.quiz-intro .intro-panel { min-width: 0; }

.quiz-intro .intro-panel .mini-stat span,
.quiz-intro .intro-panel .mini-stat b {
  min-width: 0;
}

.quiz-intro .intro-panel .mini-stat b {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

@media (min-width: 981px) {
  .quiz-intro {
    grid-template-columns: minmax(0, 1.25fr) minmax(350px, .75fr);
    gap: 56px;
    align-items: end;
  }

  .quiz-intro .intro-panel .mini-stat {
    display: grid;
    grid-template-columns: minmax(82px, .34fr) minmax(0, 1.66fr);
    align-items: start;
    gap: 18px;
  }

  .quiz-intro .intro-panel .mini-stat b {
    display: block;
    font-size: clamp(14px, 1.05vw, 18px);
    line-height: 1.28;
    letter-spacing: -.025em;
    text-align: right;
  }

  /* Five narrow cards were too tight for Turkish copy. */
  .what-next ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  .what-next li {
    min-width: 0;
    min-height: 142px;
  }
}

@media (min-width: 601px) and (max-width: 980px) {
  .what-next ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quiz-intro .intro-panel .mini-stat {
    display: grid;
    grid-template-columns: minmax(100px, .4fr) minmax(0, 1.6fr);
    gap: 16px;
    align-items: start;
  }

  .quiz-intro .intro-panel .mini-stat b {
    text-align: right;
    line-height: 1.3;
  }
}

@media (max-width: 600px) {
  .what-next ol {
    grid-template-columns: minmax(0, 1fr);
  }

  .what-next li { min-height: 0; }

  .quiz-intro .intro-panel .mini-stat {
    display: grid;
    grid-template-columns: minmax(78px, .38fr) minmax(0, 1.62fr);
    gap: 14px;
    align-items: start;
  }

  .quiz-intro .intro-panel .mini-stat b {
    text-align: right;
    font-size: 15px;
    line-height: 1.3;
  }
}

/* ---------------------------------------------------------
   Mid-size laptop protection
   --------------------------------------------------------- */
@media (min-width: 981px) and (max-width: 1180px) {
  .method {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .method-item {
    min-height: 0;
  }

  .solution-card h3 { font-size: 30px; }

  .problem-card h3,
  .system-card h3,
  .process-card h3,
  .outcome-card h3,
  .insight-card h3 {
    font-size: 22px;
  }

  .work-card h3 { font-size: 25px; }
}

/* Keep long CTAs usable instead of clipping. */
.actions { min-width: 0; }
.actions > * { min-width: 0; }