/* ============================================================
   amane web — content pages
   ============================================================
   terms / privacy / support 共通。base.css の上に重ねる。
   本文タイポと in-text link 下線。
   ============================================================ */

main {
  flex: 1;
  max-width: var(--w-readable);
  margin: 0 auto;
  padding: 80px 28px 128px;
  width: 100%;
}

h1 {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: 44px;
  line-height: 1.2;
  color: var(--text-rain);
  margin: 0 0 8px;
  letter-spacing: -0.025em;
}
.lede {
  color: var(--text-drop);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  margin: 0 0 64px;
  text-transform: uppercase;
}
h2 {
  font-family: var(--font-jp);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.45;
  color: var(--text-rain);
  margin: 56px 0 16px;
  letter-spacing: -0.01em;
}

p, li, dd {
  font-family: var(--font-jp);
  font-size: 15px;
  line-height: 1.95;
  color: var(--text-mist);
}

/* 本文中のリンクだけ下線。header の wordmark / footer-links は
   base.css 側で border-bottom: 0 を維持してるので無影響。 */
a { color: var(--text-rain); border-bottom: 1px solid var(--line); }
a:hover { border-bottom-color: var(--rain-soft); }

ul { padding-left: 1.2em; }
ul li { margin-bottom: 12px; }
ol { padding-left: 1.5em; }
ol li { margin-bottom: 8px; }

dl { margin: 24px 0; }
dt {
  font-family: var(--font-jp);
  font-weight: 500;
  color: var(--text-rain);
  margin-top: 28px;
  font-size: 16px;
}
dd { margin: 8px 0 0; padding-left: 0; }

strong { color: var(--text-rain); font-weight: 500; }

hr.hair {
  border: 0;
  border-top: 1px solid var(--line-hair);
  margin: 64px 0 24px;
}

.foot {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--text-drop);
}

@media (max-width: 640px) {
  main { padding: 56px 20px 80px; }
  h1 { font-size: 36px; }
}