/* ======================================
   FOUNDATION (壊れない設計の核)
====================================== */

/* タイポはここだけ */
.typography {
  max-width: 920px;
}

.typography p,
.typography li,
.typography dt,
.typography dd {
  font-size: var(--font-body);
  line-height: var(--line-body);
  color: #6a6663;
}

.typography p + p {
  margin-top: 1.2em;
}

.typography ul,
.typography ol {
  padding-left: 1.3em;
}

.typography li + li {
  margin-top: 0.35em;
}

/* 見出し */
.typography h2 {
  font-size: var(--font-h2);
  margin-bottom: var(--space-md);
}

.typography h3 {
  font-size: var(--font-h3);
  margin-bottom: 8px;
}

/* =========================
   レイアウト基礎
========================= */

.container {
  width: min(100% - 48px, 1120px);
  margin: 0 auto;
}

.section {
  padding: var(--space-2xl) 0;
}