/* =========================================================
   Common: Page Website Planning
========================================================= */

.p-pageWebsitePlanning {
  background: #f8f3ea;
}

.p-pageWebsitePlanning__inner {
  max-width: 920px;
}

.p-pageWebsitePlanning__label {
  color: var(--color-accent);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.p-pageWebsitePlanning__title {
  margin-top: 10px;
  font-size: clamp(1.45rem, 3vw, 2.25rem);
  line-height: 1.55;
  letter-spacing: .05em;
}

.p-pageWebsitePlanning__body {
  margin-top: 18px;
  color: var(--color-sub);
  font-size: 1rem;
  line-height: 2;
}

.p-pageWebsitePlanning__body p + p {
  margin-top: 1.1em;
}

.p-pageWebsitePlanning__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}