/* Shared inner-page blocks (prefix ip-) */

.ip-section {
  width: 100%;
  margin-top: var(--section-gap-first);
  padding-bottom: var(--section-end);
  box-sizing: border-box;
}

.ip-section__inner {
  padding-inline: var(--container-pad);
  box-sizing: border-box;
}

.ip-section__head {
  max-width: clamp(300px, calc(700 / var(--design-width) * 100vw), 700px);
  margin-bottom: clamp(28px, calc(48 / var(--design-width) * 100vw), 48px);
}

.ip-section__head .ab-desc {
  margin-top: clamp(16px, calc(24 / var(--design-width) * 100vw), 24px);
}

.ip-panel {
  width: 100%;
  border-radius: var(--hero-radius-outer);
  padding: var(--hero-stroke);
  background-color: var(--color-white);
  box-sizing: border-box;
}

.ip-panel__inner {
  padding: clamp(24px, calc(40 / var(--design-width) * 100vw), 40px);
  border-radius: var(--hero-radius-inner);
  background: linear-gradient(145deg, #f7fbff 0%, #fff 38%, #dfeeff 100%);
  box-sizing: border-box;
}

.ip-panel__inner--plain {
  background: var(--color-blue-light);
}