/* Breakdance wrapper compatibility for the bounded IT3 client-review build. */
html {
  overflow-x: clip;
}

body.page-id-43 {
  margin: 0;
  overflow-x: clip;
}

body.page-id-43 #bde-main,
body.page-id-43 .dw-cb-shell,
body.page-id-43 .dw-cb-shell > .section-container,
body.page-id-43 .dw-section-codeblock {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

body.page-id-43 .dw-cb-shell {
  background: transparent;
}

body.page-id-43 #post-45,
body.page-id-43 .dw-global-code-shell-header {
  position: sticky;
  top: 0;
  z-index: 100;
  --ground: #0b0d10;
  --ground-2: #101418;
  --hair: rgba(255,255,255,.13);
  --hair-2: rgba(255,255,255,.22);
  --ctl: #6a7d8c;
  --txt: #fff;
  --txt-2: #b7c2c8;
  --txt-3: #8a9aa2;
  --accent: #f4634a;
  --accent-hi: #ff8055;
  --on-accent: #0b0f12;
  --cold: #5ae2e4;
  --body: "Plex Sans", "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "Plex Mono", "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --rail: 1320px;
  --gut: clamp(18px,3vw,40px);
  --r-nav: 12px;
  color: #fff;
  background: #0b0d10;
}

body.page-id-43 #post-45 .dw-global-code-shell-header {
  position: relative;
  top: auto;
}

body.page-id-43 .dw-global-header-codeblock .v2-head {
  width: 100%;
  background: #0b0d10;
}

@media (max-width: 1119px) {
  body.page-id-43 .v2-head .phone {
    display: none;
  }
}

@media (max-width: 479px) {
  body.page-id-43 .v2-head .rail,
  body.page-id-43 .v2-head-end {
    gap: 8px;
  }

  body.page-id-43 .v2-head-end .btn {
    min-height: 44px;
    padding-inline: 10px;
    font-size: .74rem;
  }
}

body.page-id-43 .bde-code-block {
  max-width: none;
}

body.page-id-43 .bde-button.btn {
  padding: 0;
  border: 0;
  background: transparent;
}

body.page-id-43 .bde-button.btn > .breakdance-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

body.page-id-43 :where(.bde-div, .bde-column) {
  min-width: 0;
}

body.page-id-43 .bde-image .breakdance-image-object {
  display: block;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-43 *,
  body.page-id-43 *::before,
  body.page-id-43 *::after {
    scroll-behavior: auto !important;
  }
}

/* Public staging review must not expose internal design/source-state labels. */
body.page-id-43 .shot .v2-tag,
body.page-id-43 #range .r-spec-open i,
body.page-id-43 .foot-note > span:last-child {
  display: none !important;
}

/* DWP-004 uses the same bounded Code Block shells as page 43. */
body.page-id-109 {
  margin: 0;
  overflow-x: clip;
}

body.page-id-109 #bde-main,
body.page-id-109 .dw-cb-shell,
body.page-id-109 .dw-cb-shell > .section-container,
body.page-id-109 .dw-section-codeblock {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

body.page-id-109 .dw-cb-shell {
  background: transparent;
}

body.page-id-109 #post-45,
body.page-id-109 .dw-global-code-shell-header {
  position: sticky;
  top: 0;
  z-index: 100;
}

body.page-id-109 #post-45 .dw-global-code-shell-header {
  position: relative;
  top: auto;
}

body.page-id-109 .bde-code-block {
  max-width: none;
}

body.page-id-109 :where(.bde-div, .bde-column) {
  min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-109 *,
  body.page-id-109 *::before,
  body.page-id-109 *::after {
    scroll-behavior: auto !important;
  }
}

/* Remaining systems pages use the same bounded Breakdance Code Block shells. */
body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) {
  margin: 0;
  overflow-x: clip;
}

body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) #bde-main,
body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) .dw-cb-shell,
body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) .dw-cb-shell > .section-container,
body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) .dw-section-codeblock {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) .dw-cb-shell {
  background: transparent;
}

body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) #post-45,
body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) .dw-global-code-shell-header {
  position: sticky;
  top: 0;
  z-index: 100;
}

body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) #post-45 .dw-global-code-shell-header {
  position: relative;
  top: auto;
}

body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) .bde-code-block {
  max-width: none;
}

body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) :where(.bde-div, .bde-column) {
  min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
  body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) *,
  body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) *::before,
  body:is(.page-id-121, .page-id-123, .page-id-124, .page-id-125) *::after {
    scroll-behavior: auto !important;
  }
}


@media (max-width: 359px) {
  .srow {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .srow dd {
    text-align: left;
  }
}

/* Runtime target invariant: this file is enqueued only by
   dryways_runtime_is_target(), so wrapper normalization must never depend on
   a page-ID allowlist. New target pages inherit the safe shell automatically. */
body {
  margin: 0;
  overflow-x: clip;
}

#bde-main,
.dw-cb-shell,
.dw-cb-shell > .section-container,
.dw-section-codeblock {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.dw-cb-shell {
  background: transparent;
}

#post-45,
.dw-global-code-shell-header {
  position: sticky;
  top: 0;
  z-index: 100;
}

#post-45 .dw-global-code-shell-header {
  position: relative;
  top: auto;
}

.bde-code-block {
  max-width: none;
}

:where(.bde-div, .bde-column) {
  min-width: 0;
}

/* Site-wide benefit cards: preserve contrast on hover. */
.tile:hover {
  background: var(--panel);
  border-color: var(--txt);
  transform: translateY(-3px);
}