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

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

.ip-section__inner {
  padding-inline: 0;
  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(--panel-pad-lg);
  background-color: var(--color-white);
  box-sizing: border-box;
}

.ip-panel__inner {  
  border-radius: var(--hero-radius-inner);
  background-color: var(--color-white);
  box-sizing: border-box;
}

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

@media (max-width: 767px) {
  .ip-section {
    padding-inline: 16px;
  }

  .ip-section__head {
    margin-bottom: 28px;
  }

  .ip-panel {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .ip-section {
    padding-inline: 16px;
  }

  .ip-panel {
    padding: 0;
    border-radius: 20px;
  }
}