/* Stable integration layer for the extracted v16 content components. */
.content-page {
  --pad: var(--page-pad);
  --mono-ink: rgba(0, 46, 109, .72);
  --navy-d: var(--navy-dark);
  --hdr-h: var(--site-header-height, 76px);
  --air-step: clamp(56px, 6vw, 88px);
  --air-run: clamp(48px, 5vw, 72px);
  --air-seam: clamp(56px, 6vw, 88px);
  --air-breath: clamp(56px, 6vw, 88px);
  --air-open: clamp(56px, 6vw, 88px);
}

/* One content edge and one spacing rhythm, including the extracted pages. */
.content-page img { height: auto; }
.content-page .button { padding: 12px 22px; }
.content-page .button:hover { color: #fff; background: var(--navy-dark); }
.content-page .button--solid { color: #fff; }
.content-page .rd-mark { display: none; }
.content-page .hero h1 { max-width: 20ch; }
.content-page > .item.onwash { margin-top: var(--air-seam); }
.content-page > .item.onwash { border-block: 0; }
.content-page > .item.onwash + .item.onwash { margin-top: 0; }
.content-page > .band + .item.onwash { margin-top: 0; }
.content-page > .peak + .band { margin-top: 0; }
.content-page .band--story { min-height: 0; background: var(--navy-dark); }
.content-page .band--story .wrap { padding-block: var(--air-run); }
.content-page .band--story h2 { max-width: 30ch; }
.content-page > .decide { border-top: 0; }
.content-page > .item.onwash + .decide { margin-top: 0; }
.content-page--rates .hero .nmb-grid { border-bottom: 0; }
.content-page .item .head { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.content-page .item .head h2 { font-size: clamp(22px, 2.4vw, 30px); line-height: 1.2; text-transform: none; }
.content-page .item:not(.withshot) .body { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.content-page .item:not(.withshot) .body > * { grid-column: 1; }
.content-page .peak { padding-block: var(--air-run); }
.content-page :is(.item, .peak, .band, .pause, .decide) { scroll-margin-top: calc(var(--hdr-h) + 54px); }
.content-page .sheet { padding: 0; border: 0; box-shadow: none; background: transparent; }
.content-page .sheet .shead { display: grid; gap: 12px; padding: 0; margin: 0; border: 0; background: transparent; }
.content-page .sheet .shead h2 { max-width: 32ch; font-size: clamp(26px, 3vw, 38px); line-height: 1.18; text-transform: none; color: var(--navy); }
.content-page .sheet .shead .lbl { color: var(--mono-ink); }
.content-page .sheet .shead .lbl:last-child { font-size: 10px; }
.content-page .sheet .intent { margin-top: 24px; font-size: 18px; max-width: 42em; }
.content-page .fronts,
.content-page .hourgrid { border: 0; gap: 28px 48px; margin-top: 32px; }
.content-page .fronts .fr,
.content-page .hourgrid .hg { padding: 20px 0 0; border: 0; border-top: 1px solid var(--rule); }
.content-page .hourgrid .hg li { border: 0; padding: 6px 0 6px 18px; position: relative; }
.content-page .hourgrid .hg li::before { content: "·"; position: absolute; left: 0; color: var(--navy); }
.content-page .sheet .resp { margin-top: 32px; padding-top: 20px; }
.content-page .docs { border-inline: 0; background: transparent; }
.content-page .docs .d { padding: 20px 0; }
.content-page .source-form-replacement { border: 0; border-top: 1px solid var(--rule); padding: 24px 0 0; background: transparent; }
.content-page--rates .nmb-grid { margin-top: 0; }
.content-page--rates .rc-trio { gap: 16px; }
.content-page--rates .rc-lead { margin-inline: 0; text-align: left; }
.content-page .item.withshot .body { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); column-gap: 48px; }
.content-page .item.shotright .body > * { grid-column: 1; }
.content-page .item.shotright .workshot,
.content-page .item.shotright .rc-duo { grid-column: 2; }
.content-page .item.shotleft .body > * { grid-column: 2; }
.content-page .item.shotleft .workshot { grid-column: 1; }
.content-page #i30-3 .body { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
.content-page #i30-3 .lead { grid-column: 1; }
.content-page #i30-3 .workshot { grid-column: 2; }
.content-page #i30-3 .flow,
.content-page #i30-3 .flownote,
.content-page #i30-4 .body .nums3 { grid-column: 1 / -1; }

@media (max-width: 940px) {
  .content-page .item.withshot .body { display: flex; flex-direction: column; gap: 24px; }
  .content-page .item.withshot .body > * { width: 100%; }
  .content-page .item.withshot .rc-duo,
  .content-page .item.withshot .workshot { width: 100%; margin-top: 0; }
}

@media (max-width: 620px) {
  .content-page--rates .rc-trio { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .content-page--rates .rc-trio img { aspect-ratio: 1; }
  .content-page--rates .rc-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content-page .sheet .shead { gap: 10px; }
  .content-page .item .body { margin-top: 24px; }
  .content-page .docs .d { grid-template-columns: 1fr; gap: 8px; }
  .content-page .sheet .resp { flex-direction: column; gap: 12px; }
  .content-page .source-form-replacement { padding: 24px 0 0; }
}

.content-page .wrap {
  width: min(100%, 1280px);
  margin-inline: auto;
  padding-right: var(--page-pad);
  padding-left: var(--page-pad);
}

.content-page .proof { border: 1px solid var(--rule); border-top: 0; }
.content-page .withshot figure::after,
.content-page .item figure::after { display: none; }
.content-page--rates .herogrid--solo { grid-template-columns: minmax(0, 1fr); }
.content-page--rates .nmb-grid {
  display: grid;
  margin-top: 0;
  padding-bottom: 8px;
  border-top: 2px solid var(--navy);
  border-bottom: 1px solid var(--rule);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.content-page--rates .nmb-stat { padding: 28px; border-right: 1px solid var(--rule); }
.content-page--rates .nmb-stat:first-child { padding-left: 0; }
.content-page--rates .nmb-stat:last-child { border-right: 0; }
.content-page--rates .nmb-stat .figure {
  color: var(--navy);
  font: 650 clamp(40px, 4.4vw, 60px)/1 var(--display);
  font-variant-numeric: tabular-nums;
}
.content-page--rates .nmb-stat .figure .pre {
  display: block; margin-bottom: 7px; color: var(--mono-ink);
  font: 400 10px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase;
}
.content-page--rates .nmb-stat .unit {
  margin-top: 13px; color: var(--mono-ink);
  font: 500 10.5px/1.35 var(--mono); letter-spacing: .12em; text-transform: uppercase;
}
.content-page--rates .nmb-stat .basis { max-width: 24em; margin-top: 11px; font-size: 14.5px; line-height: 1.5; }

.content-page .source-form-replacement {
  margin-top: 28px; padding: 24px 0 0; border: 0; border-top: 1px solid var(--rule);
  background: transparent;
}
.content-page .source-form-replacement h3 {
  margin-top: 9px; color: var(--navy); font: 600 clamp(22px, 2.4vw, 30px)/1.18 var(--display);
}
.content-page .source-form-replacement p { max-width: 43em; margin-top: 13px; }
.content-page .source-form-replacement .button { margin-top: 22px; }

@media (max-width: 1100px) {
  .site-nav, .header-cta { display: none; }
  .menu-toggle { display: block; }
}

@media (max-width: 940px) {
  .content-page .herogrid { grid-template-columns: 1fr; }
  .content-page .hero .wrap { padding-top: clamp(48px, 10vw, 72px); }
}

@media (max-width: 620px) {
  .content-page .hero h1 { font-size: clamp(38px, 11vw, 52px); }
  .content-page .hero .acts { align-items: stretch; flex-direction: column; }
  .content-page .hero .acts .button { width: 100%; }
  .content-page--rates .nmb-grid { grid-template-columns: 1fr; }
  .content-page--rates .nmb-stat,
  .content-page--rates .nmb-stat:first-child { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--rule); }
  .content-page--rates .nmb-stat:last-child { border-bottom: 0; }
  .content-page .source-form-replacement { padding: 24px 0 0; }
  .content-page .matrix,
  .content-page .ready { overflow: visible; }
  .content-page .matrix > .mh,
  .content-page .ready > .rh { display: none; }
  .content-page .matrix > .mr,
  .content-page .ready > .rr {
    display: grid; min-width: 0; padding: 18px 0; grid-template-columns: 1fr; gap: 6px;
  }
  .content-page .matrix > .mr > span + span,
  .content-page .ready > .rr > span + span { margin-top: 5px; }
  .content-page .ready > .rr .who { text-align: left; }
}