/* sub-chapter-page. ex: fastr inner page */
:root {
  --content-width-md: 800px;
  --body-texts-vr-gap: 30px;
  --sub-chapter-m-b: var(--sp12);
}

body.padding-around .main-container {
  --arround-padding: calc(var(--page-x-sp) + var(--sp6));
}

.sub-chapter-page .page-content-area {
  padding: 0;
}

.sub-chapter-page .region-content {
  padding-bottom: var(--sp11);
}

.sub-chapters-section {
  padding-top: var(--sp12);
}

.sub-chapter:not(:last-child) {
  margin-bottom: var(--sub-chapter-m-b);
}

.sub-chapter-title {
  font-size: var(--fs-26);
  line-height: 1.3076923;
  text-transform: unset;
  margin-bottom: var(--sp8);
}

p:has(+figure):has(.strong-heading) {
  padding-top: var(--sp8);
}


/* fig-box-style */
.fig-box-style {
  background: var(--clr-neutral-100);
}

/* banner */
.ui-banner {
  --default-br: var(--radius-50);
  width: 100%;
  background: var(--clr-neutral-100);
  min-height: 256px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--sp12) var(--sp8);
}

.ui-banner__title {
  line-height: 1.1875;
  margin-bottom: var(--sp6);
}

.ui-banner__inner {
  min-height: 136px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.no-body .ui-banner__title {
  margin-bottom: 0;
}

.ui-banner__inner {
  position: relative;
}

.ui-banner__back-link-sec {
  position: absolute;
  right: 0;
  top: -24px;
}

.ui-banner__back-link:hover .svg-shape {
  fill: var(--clr-primary);
}

.ui-banner__back-link:hover .svg-text {
  fill: var(--clr-white);
}

/* ui-banner__with-patterns */
.ui-banner__with-patterns {
  --pattern-offset: 60px;
  background-image: url("/themes/custom/gff/components/redesign/base/page/sub-chapter-page/img/motif_down.svg"), url("/themes/custom/gff/components/redesign/base/page/sub-chapter-page/img/motif_up.svg");
  background-repeat: no-repeat;
  /* 1st image → right, 2nd image → left */
  background-position: right var(--pattern-offset) top, left var(--pattern-offset) bottom;
}