/* KOBRAX — shared page layout
   One structural system for Home and every internal page.
   This file intentionally contains layout rules only; no overlays or visual effects. */

:root {
  --page-max-width: 1440px;
  --page-gutter: 1.75rem;
  --chrome-max-width: 1300px;
}

html {
  scrollbar-gutter: stable;
}

.container {
  width: 100%;
  max-width: var(--page-max-width) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-gutter);
  padding-right: var(--page-gutter);
}

/* Keep navigation/footer aligned with the Home composition. */
.navbar .container,
.gov-banner .container,
.footer .container {
  max-width: var(--chrome-max-width) !important;
}

/* Prevent page-to-page width changes caused by horizontal overflow. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

main,
section,
header,
footer {
  max-width: 100%;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
}

/* Desktop grids consume the same page frame as Home. */
.capability-grid,
.services-grid,
.proof-grid,
.split-feature,
.globe-layout {
  width: 100%;
  min-width: 0;
}

.split-feature > *,
.globe-layout > *,
.capability-grid > *,
.services-grid > *,
.proof-grid > * {
  min-width: 0;
}

@media (max-width: 768px) {
  :root {
    --page-gutter: 1rem;
  }

  .navbar .container,
  .gov-banner .container,
  .footer .container {
    max-width: var(--page-max-width) !important;
  }
}