html,
body {
  overflow-x: hidden;
}

.site-shell {
  width: 100%;
  overflow: hidden;
}

.hero-copy,
.hero-aside,
.grid-two > *,
.grid-three > *,
.article-grid > *,
.contact-panel > *,
.identity-grid > *,
.theme-grid > *,
.project-flow > * {
  min-width: 0;
}

.page-subtitle {
  overflow-wrap: anywhere;
}

.soft-list {
  display: grid;
  gap: 10px;
  padding-left: 1.15em;
  color: var(--muted);
  font-size: 15.5px;
  line-height: 1.8;
}

.soft-list li::marker {
  color: var(--accent-deep);
}

.course-hero .page-title {
  max-width: 8.6em;
}

.course-stage-list {
  display: grid;
  gap: 16px;
}

.course-stage-card {
  display: grid;
  gap: 8px;
}

.course-stage-card h3 {
  margin-bottom: 0;
}

.contact-card-stack,
.contact-note-stack {
  display: grid;
  gap: 22px;
}

.contact-method + .contact-method {
  padding-top: 22px;
  border-top: 1px solid var(--border);
}

.method-value {
  margin-top: 10px;
  font-family: var(--font-display);
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.16;
  letter-spacing: 0.04em;
  word-break: break-word;
}

.contact-helper,
.contact-tips {
  margin-top: 8px;
  color: var(--muted);
  font-size: 15px;
}

.contact-note-stack {
  align-content: center;
}

@media (max-width: 700px) {
  .course-hero .page-title {
    max-width: 100%;
    font-size: clamp(38px, 10.4vw, 46px);
  }
}