/* Site-wide, ToriTom-inspired full-bleed bands, without altering stored content. */
/* The existing site's main.reading wrapper clips full-bleed sections. */
body.page:not(.home) main.reading {
  overflow: visible !important;
}
body.page .rr-layout-band {
  box-sizing: border-box;
  position: relative;
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  border: 0;
  border-radius: 0;
  padding: clamp(38px, 4vw, 72px) 24px;
}
body.page .rr-layout-inner { max-width: 1180px; margin: 0 auto; }
body.page .rr-tone-white { background: #fff; color: #202124; }
body.page .rr-tone-gray { background: #f2f3f4; color: #202124; }
body.page .rr-tone-dark { background: #1f2022; color: #fff; }
body.page .rr-layout-band h2 {
  max-width: 850px;
  font-size: clamp(30px, 3.4vw, 52px);
  line-height: 1.13;
  letter-spacing: -.025em;
  margin: 0 0 28px;
}
body.page .rr-layout-band p,
body.page .rr-layout-band li {
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.65;
}
body.page .rr-layout-band p { max-width: 850px; margin-bottom: 20px; }
body.page .rr-tone-dark :is(h1,h2,h3,h4,p,li,strong,a) { color: #fff !important; }
body.page .rr-tone-dark a { text-decoration-color: #b5f500; }
body.page .rr-layout-band .rr-dark-feature,
body.page .rr-layout-band .rr-dark-feature ~ .rr-dark-feature {
  color: inherit !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.page .rr-layout-band .rr-dark-feature * { color: inherit !important; }
body.page-id-31 .rr-layout-band.rr-tone-gray .rr-dark-feature,
body.page-id-31 .rr-layout-band.rr-tone-gray .rr-dark-feature * { color: #202124 !important; }
body.page-id-31 .rr-layout-band.rr-tone-dark .rr-dark-feature,
body.page-id-31 .rr-layout-band.rr-tone-dark .rr-dark-feature * { color: #fff !important; }
body.page .rr-layout-band .wp-block-group__inner-container { max-width: 1180px; margin-inline: auto; }
body.page .rr-layout-band ul { padding-left: 1.5em; }
@media (min-width: 900px) {
  body.page .rr-layout-grid,
  body.page .rr-layout-band .rr-dark-feature > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    column-gap: clamp(42px, 5vw, 88px);
    align-items: start;
  }
  body.page .rr-layout-lead { grid-column: 1; }
  body.page .rr-layout-copy { grid-column: 2; }
  body.page .rr-layout-copy > :first-child { margin-top: 0; }
  body.page .rr-layout-band .rr-dark-feature > .wp-block-group__inner-container > h2 {
    grid-column: 1;
    grid-row: 1 / span 12;
  }
  body.page .rr-layout-band .rr-dark-feature > .wp-block-group__inner-container > :not(h2) {
    grid-column: 2;
  }
  body.page .rr-layout-band .rr-dark-feature > .wp-block-group__inner-container > p:first-of-type {
    margin-top: 0;
  }
  body.page .rr-layout-band .rr-layout-inner:has(> ul) {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    column-gap: 65px;
    align-items: start;
  }
  body.page .rr-layout-band .rr-layout-inner:has(> ul) > :not(ul) { grid-column: 1; }
  body.page .rr-layout-band .rr-layout-inner:has(> ul) > ul {
    grid-column: 2;
    grid-row: 1 / span 10;
    margin-top: 4px;
    list-style: none;
    padding-left: 0;
  }
  body.page .rr-layout-band .rr-layout-inner:has(> ul) > ul li {
    border-bottom: 1px solid currentColor;
    padding: 12px 0;
  }
}
body.page .rr-layout-band .wp-block-buttons { margin-top: 30px; }
body.page .rr-layout-band .wp-block-button__link { background: #b5f500; color: #111 !important; font-weight: 700; border-radius: 4px; }
/* The theme renders the H1 outside the content filter. Align the intro with it. */
body.page .rr-layout-intro { padding-top: 10px !important; }
body.page .rr-layout-intro .rr-layout-inner { max-width: 850px; }
@media (max-width: 760px) {
  body.page .rr-layout-band { padding: 44px 20px; }
  body.page .rr-layout-band h2 { font-size: clamp(28px, 8vw, 38px); }
}