.cs-body .fpc-beat {
  --fpc-accent: var(--md-sys-color-on-surface);
}

.cs-body .pv-chapter.is-banded.fpc-beat {
  --fpc-accent: var(--md-ref-palette-neutral96);
  padding-block: var(--jm-space-1600);
}

.cs-body .pv-chapter.is-banded + .pv-chapter.fpc-brief {
  padding-top: var(--jm-space-1200);
  padding-bottom: var(--md-sys-space-900);
}

.cs-body .pv-chapter.fpc-decision {
  padding-block: var(--md-sys-space-900);
}

.cs-body .fpc-beat .v6-head {
  margin: 0 0 var(--md-sys-space-400);
  text-align: start;
}

.cs-body .fpc-beat .v6-head .v6-eyebrow {
  text-align: start;
}

.cs-body .fpc-beat .v6-head h2 {
  margin: 0;
  text-align: start;
  font: var(--md-sys-typescale-display-sm);
  letter-spacing: var(--md-sys-typescale-display-sm-tracking);
}

.cs-body .fpc-split {
  grid-column: wide;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--jm-space-1200);
  align-items: center;
}

.cs-body .fpc-main .v6-copy {
  max-width: var(--jm-measure-body);
}

.cs-body .fpc-card {
  margin: 0;
  padding: var(--md-sys-space-500);
  border: 1px solid var(--jm-color-white-a12);
  border-radius: var(--v6-radius);
  background: var(--jm-color-white-a6);
}

.cs-body .fpc-split.is-media {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.cs-body .fpc-split.is-media .fpc-photo {
  grid-column: 1;
  grid-row: 1;
}

.cs-body .fpc-split.is-media .fpc-main {
  grid-column: 2;
  grid-row: 1;
}

.cs-body .fpc-photo {
  margin: 0;
}

.cs-body .fpc-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--v6-radius);
  box-shadow: var(--jm-shadow-case-cs-trio-cell);
}

.cs-body .fpc-fork {
  --fpc-pad: var(--md-sys-space-600);
  grid-column: wide;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  column-gap: var(--md-sys-space-300);
}

.cs-body .fpc-fork-bg {
  grid-row: 2 / 4;
  border-radius: var(--v6-radius);
}

.cs-body .fpc-fork-bg.is-a {
  grid-column: 1;
  border: 1px solid var(--md-sys-color-outline-variant);
}

.cs-body .fpc-fork-bg.is-b {
  grid-column: 2;
  background: var(--md-sys-color-surface-container-high);
}

.cs-body .fpc-beat .fpc-fork-head {
  grid-column: 1 / -1;
  grid-row: 1 / 3;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  margin: 0;
}

.cs-body .fpc-beat .fpc-fork-head .v6-eyebrow {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0 0 var(--md-sys-space-300);
}

.cs-body .fpc-beat .fpc-fork-head h2 {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: subgrid;
  max-width: none;
  font: var(--md-sys-typescale-headline-lg);
  letter-spacing: var(--md-sys-typescale-headline-lg-tracking);
}

.cs-body .fpc-fork-t {
  display: block;
  padding: var(--fpc-pad) var(--fpc-pad) 0;
}

.cs-body .fpc-fork-t.is-a {
  color: var(--md-sys-color-on-surface-variant);
}

.cs-body .fpc-fork-copy {
  grid-row: 3;
  padding: var(--md-sys-space-300) var(--fpc-pad) var(--fpc-pad);
}

.cs-body .fpc-fork-copy.is-a {
  grid-column: 1;
}

.cs-body .fpc-fork-copy.is-b {
  grid-column: 2;
}

.cs-body .pv-chapter.v6-panel.fpc-panel {
  padding-block: var(--jm-space-1200);
  background: var(--md-sys-color-surface-container-high);
}

.cs-body .fpc-exp {
  grid-column: wide;
}

.cs-body .fpc-figs {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  margin: 0 0 var(--md-sys-space-600);
  border-block: 1px solid var(--md-sys-color-outline-variant);
}

.cs-body .fpc-fig {
  display: block;
  padding-block: var(--md-sys-space-500);
}

.cs-body .fpc-fig.is-strip {
  padding-right: var(--md-sys-space-500);
}

.cs-body .fpc-fig + .fpc-fig {
  padding-left: var(--md-sys-space-500);
  border-left: 1px solid var(--md-sys-color-outline-variant);
}

.cs-body .fpc-strip {
  display: grid;
  grid-template-columns: repeat(15, minmax(0, 1fr));
  gap: var(--md-sys-space-75);
  max-width: var(--jm-content-width-sm);
  padding-top: var(--md-sys-space-400);
}

.cs-body .fpc-strip i {
  position: relative;
  aspect-ratio: 1;
  border: 1px solid var(--md-sys-color-outline);
  border-radius: var(--md-sys-shape-corner-xs);
}

.cs-body .fpc-strip i.is-neg {
  border-color: var(--fpc-accent);
  background: var(--fpc-accent);
}

.cs-body .fpc-strip b {
  position: absolute;
  bottom: calc(100% + var(--md-sys-space-100));
  left: 50%;
  transform: translateX(-50%);
  font: var(--md-sys-typescale-label-lg);
  letter-spacing: var(--md-sys-typescale-label-lg-tracking);
  color: var(--fpc-accent);
}

.cs-body .fpc-fig-k {
  display: block;
  margin-top: var(--md-sys-space-200);
  font: var(--md-sys-typescale-body-lg);
  letter-spacing: var(--md-sys-typescale-body-lg-tracking);
  color: var(--md-sys-color-on-surface-variant);
}

.cs-body .fpc-fig.is-cost .fpc-fig-k {
  margin-top: 0;
}

.cs-body .fpc-fig-v {
  display: block;
  margin-top: var(--md-sys-space-100);
  font: var(--md-sys-typescale-display-md);
  letter-spacing: var(--md-sys-typescale-display-md-tracking);
  font-variant-numeric: tabular-nums;
  color: var(--fpc-accent);
}

@media (min-width: 1200px) {
  .cs-body .fpc-two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--md-sys-space-800);
  }

  .cs-body .fpc-two p {
    margin: 0;
  }
}

@media (max-width: 1199px) {
  .cs-body .pv-chapter.is-banded.fpc-beat {
    padding-block: var(--jm-space-1200);
  }

  .cs-body .fpc-split {
    column-gap: var(--md-sys-space-600);
  }

  .cs-body .fpc-fork {
    --fpc-pad: var(--md-sys-space-400);
  }
}

@media (max-width: 839px) {
  .cs-body .pv-chapter.is-banded.fpc-beat {
    padding-block: var(--md-sys-space-800);
  }

  .cs-body .pv-chapter.is-banded + .pv-chapter.fpc-brief {
    padding-top: var(--md-sys-space-800);
    padding-bottom: var(--md-sys-space-600);
  }

  .cs-body .pv-chapter.fpc-decision {
    padding-block: var(--md-sys-space-600);
  }

  .cs-body .pv-chapter.v6-panel.fpc-panel {
    padding-block: var(--md-sys-space-600);
  }

  .cs-body .fpc-beat .v6-head {
    margin-bottom: var(--md-sys-space-300);
  }

  .cs-body .fpc-beat .v6-head h2 {
    font: var(--md-sys-typescale-headline-lg);
    letter-spacing: var(--md-sys-typescale-headline-lg-tracking);
  }

  .cs-body .fpc-split,
  .cs-body .fpc-fork,
  .cs-body .fpc-exp {
    grid-column: text;
  }

  .cs-body .fpc-split,
  .cs-body .fpc-split.is-media {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--md-sys-space-500);
  }

  .cs-body .fpc-split.is-media .fpc-main {
    grid-column: 1;
    grid-row: 1;
  }

  .cs-body .fpc-split.is-media .fpc-photo {
    grid-column: 1;
    grid-row: 2;
  }

  .cs-body .fpc-card {
    padding: var(--md-sys-space-300);
  }

    .cs-body .fpc-fork {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
  }

  .cs-body .fpc-fork-t {
    padding: 0;
  }

  .cs-body .fpc-fork-copy {
    padding: var(--md-sys-space-300);
  }

  .cs-body .fpc-fork-copy.is-a,
  .cs-body .fpc-fork-bg.is-a {
    grid-column: 1;
    grid-row: 3;
    margin-top: var(--md-sys-space-400);
  }

  .cs-body .fpc-fork-copy.is-b,
  .cs-body .fpc-fork-bg.is-b {
    grid-column: 1;
    grid-row: 4;
    margin-top: var(--md-sys-space-150);
  }

  .cs-body .fpc-figs {
    grid-template-columns: minmax(0, 1fr);
  }

  .cs-body .fpc-fig.is-strip {
    padding-right: 0;
  }

  .cs-body .fpc-fig + .fpc-fig {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--md-sys-color-outline-variant);
  }

  .cs-body .fpc-fig-v {
    font: var(--md-sys-typescale-display-sm);
    letter-spacing: var(--md-sys-typescale-display-sm-tracking);
  }
}

@media (min-width: 600px) and (max-width: 839px) {
  .cs-body .fpc-split.is-media {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    column-gap: var(--md-sys-space-400);
  }

  .cs-body .fpc-split.is-media .fpc-photo {
    grid-column: 1;
    grid-row: 1;
  }

  .cs-body .fpc-split.is-media .fpc-main {
    grid-column: 2;
    grid-row: 1;
  }
}

.cs-body .fpc-card.fpc-cal {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  grid-auto-flow: column;
  column-gap: var(--md-sys-space-500);
}

.cs-body .fpc-cal-k {
  display: block;
  font: var(--md-sys-typescale-label-lg);
  letter-spacing: var(--md-sys-typescale-label-lg-tracking);
  color: var(--md-ref-palette-neutral80);
}

.cs-body .fpc-cal-v {
  display: block;
  margin-top: var(--md-sys-space-75);
  font: var(--md-sys-typescale-headline-sm);
  letter-spacing: var(--md-sys-typescale-headline-sm-tracking);
  text-wrap: balance;
  color: var(--md-ref-palette-neutral96);
}

.cs-body .fpc-cal-nw {
  white-space: nowrap;
}

.cs-body .fpc-cal-month {
  display: grid;
  align-self: end;
  row-gap: var(--md-sys-space-100);
  margin-top: var(--md-sys-space-400);
}

.cs-body .fpc-cal-week {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  column-gap: var(--md-sys-space-75);
}

.cs-body .fpc-cal-week i {
  position: relative;
  aspect-ratio: 1;
  border: 1px solid var(--jm-color-white-a24);
  border-radius: var(--md-sys-shape-corner-full);
}

.cs-body .fpc-cal-week i.is-ship,
.cs-body .fpc-cal-month.is-daily i {
  border-color: var(--md-ref-palette-neutral96);
  background: var(--md-ref-palette-neutral96);
}

.cs-body .fpc-cal-month.is-daily .fpc-cal-week::before {
  content: '';
  position: absolute;
  inset: calc(-1 * var(--md-sys-space-50));
  border-radius: var(--md-sys-shape-corner-full);
  background: var(--jm-color-white-a12);
}

@media (max-width: 599px) {
  .cs-body .fpc-card.fpc-cal {
    column-gap: var(--md-sys-space-300);
  }

  .cs-body .fpc-cal-v {
    font: var(--md-sys-typescale-title-lg);
    letter-spacing: var(--md-sys-typescale-title-lg-tracking);
  }

  .cs-body .fpc-cal-month {
    row-gap: var(--md-sys-space-75);
    margin-top: var(--md-sys-space-300);
  }

  .cs-body .fpc-cal-week {
    column-gap: var(--md-sys-space-50);
  }
}