/* DocGard kits layout guard v264
   Scoped to .kit-v262. Fixes text overflow caused by global button nowrap
   and protects kit grids/cards from intrinsic-width overflow. */

.kit-v262,
.kit-v262-hero-grid,
.kit-v262-shell,
.kit-v262-index-intro,
.kit-v262-index-grid,
.kit-v262-scenario-buttons,
.kit-v262-doc-grid,
.kit-v262 .doc-summary-grid,
.kit-v262 .doc-compare-grid,
.kit-v262 .doc-process-grid,
.kit-v262 .doc-risk-grid,
.kit-v262 .doc-final-checklist ul {
  min-width: 0;
}

/* Scenario cards are <button>; the global site CSS intentionally keeps
   ordinary buttons on one line. Kits need descriptive text to wrap. */
.kit-v262 .kit-v262-scenario-button {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  white-space: normal !important;
  text-align: left;
}

.kit-v262 .kit-v262-scenario-button strong,
.kit-v262 .kit-v262-scenario-button span {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* All reusable kit cards should be allowed to shrink inside CSS grids. */
.kit-v262 .kit-v262-index-card,
.kit-v262 .kit-v262-doc,
.kit-v262 .kit-v262-doc-main,
.kit-v262 .doc-summary-item,
.kit-v262 .doc-compare-card,
.kit-v262 .doc-process-step,
.kit-v262 .doc-risk-item,
.kit-v262 .doc-final-checklist li {
  min-width: 0;
  max-width: 100%;
}

.kit-v262 .kit-v262-index-card b,
.kit-v262 .kit-v262-index-card span,
.kit-v262 .kit-v262-doc-main b,
.kit-v262 .kit-v262-doc-role,
.kit-v262 .doc-summary-item,
.kit-v262 .doc-compare-card > span:first-child,
.kit-v262 .doc-process-step,
.kit-v262 .doc-risk-item,
.kit-v262 .doc-final-checklist li {
  overflow-wrap: anywhere;
  word-break: normal;
}

.kit-v262 .kit-v262-group-head > *,
.kit-v262 .kit-v262-progress-meta > * {
  min-width: 0;
}

.kit-v262 .kit-v262-progress-meta {
  flex-wrap: wrap;
}

@media (max-width: 1180px) and (min-width: 981px) {
  .kit-v262 .kit-v262-scenario-button {
    padding: 13px 14px;
  }

  .kit-v262 .kit-v262-scenario-button span {
    font-size: 12.5px;
  }
}

/* v265: the .kit-v262 wrapper contains header + main + footer.
   Old styles-v197.css applies padding-bottom:68px to the wrapper itself,
   which creates an empty strip AFTER the footer. Move that spacing into main. */
.kit-v262 {
  padding-bottom: 0 !important;
}

.kit-v262 > main {
  padding-bottom: 68px;
}

/* The main content already has natural spacing on small screens; keep a
   slightly tighter ending before the footer there. */
@media (max-width: 680px) {
  .kit-v262 > main {
    padding-bottom: 42px;
  }
}