/* Interior pages use the same cool paper, grid and blue rule as the homepage. */
body.rg-interior {
  --interior-paper: #f8fafb;
  --interior-ink: #132846;
  --interior-muted: #445775;
  --interior-rule: #c5d0e2;
  --interior-accent: #244fb0;
}

.rg-interior .rg-interior-hero {
  position: relative;
  background-color: var(--interior-paper);
  background-image: linear-gradient(90deg, transparent calc(75% - 1px), #dfe7f1 75%, transparent calc(75% + 1px));
  border-bottom: 1px solid var(--interior-rule);
}

.rg-interior .rg-interior-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: max(48px, calc((100% - 1280px) / 2 + 48px));
  width: 48px;
  height: 3px;
  background: var(--interior-accent);
}

.rg-interior .rg-interior-hero h1 {
  color: var(--interior-ink);
  font-family: Inter, Arial, sans-serif;
  text-wrap: balance;
}

.rg-interior .rg-interior-hero :is(.rg-page-intro, .rg-lead) { color: var(--interior-muted); }
.rg-interior .services-hero h1 + p { max-width: 64ch; margin-top: 20px; }
.rg-interior .rg-interior-hero .eyebrow { color: var(--interior-accent); }

.rg-interior main .rg-section + .rg-section {
  border-top: 1px solid var(--interior-rule);
}

.rg-interior .rg-footer {
  border-top: 1px solid var(--interior-rule);
}

@media (max-width: 760px) {
  .rg-interior .rg-interior-hero { background-image: none; }
  .rg-interior .rg-interior-hero::before { left: 20px; width: 34px; }
}