.site-wrap {
  position: relative;
  overflow: clip;
  background: var(--color-bg);
}

.container {
  width: calc(100% - (var(--page-gutter) * 2));
  max-width: var(--container);
  margin-inline: auto;
}

.site-main {
  padding-top: var(--header-height);
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

:where([id]) {
  scroll-margin-top: calc(var(--header-height) + 18px);
}

.section {
  padding-block: 120px; /* 프리미엄 일관성 있는 넓은 섹션 패딩 */
}

.section--story,
.section--consult-guide,
.section--review-news,
.section--areas,
.care-system,
.section--faq {
  background: var(--color-white);
}

.section--event {
  background:
    linear-gradient(180deg, #eef4f0 0%, #f6f9f7 100%);
}

.section-head {
  max-width: 760px;
}

.section-head--left {
  margin-inline: 0;
  text-align: left;
}

.section-head h2 {
  color: var(--color-ink);
  font-size: inherit; /* design-system.css에서 표준 일괄 상속 */
  font-weight: inherit;
  line-height: inherit;
}

.section-head p {
  color: var(--color-muted);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}


.text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-primary-dark);
  font-size: 0.92rem;
  font-weight: 900;
}

.text-link::after {
  content: "";
  width: 18px;
  height: 10px;
  background: currentColor;
  clip-path: polygon(0 42%, 72% 42%, 72% 0, 100% 50%, 72% 100%, 72% 58%, 0 58%);
}

/* Include System Helper */
[data-include], #header:empty, #footer:empty, #quick:empty {
  display: contents;
}