/* ============================================================
   화면 공통.

   화면별 스타일은 styles/pages/ 아래로 옮겼다.
   한 화면을 고칠 때 그 화면 파일만 열면 되게 하려는 것이다.
   여기에는 모든 화면이 똑같이 쓰는 머리 부분만 남긴다.
   ============================================================ */

.page-head {
  padding: var(--sp-2) var(--sp-1) 0;
}

.page-head__date {
  font-size: var(--fs-sm);
  color: var(--sub);
}

.page-head__title {
  margin-top: 2px;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--fs-hero);
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
}

/* 제목 글꼴은 화면 문구에 쓰인 글자만 담아 뒀다(tools/build-fonts.py).
   혹시 없는 글자가 나오면 Pretendard 로 떨어지는데, 그때 너무 가늘어
   보이지 않게 굵기를 올려 둔다. */
@supports not (font-variation-settings: normal) {
  .page-head__title { font-weight: 700; }
}