/* 랜딩과 같은 제목 대비·본문 호흡. 고지와 문제 해결 내용은 펼쳐 읽는다. */
.document-page .wrap { max-width: 1080px; }
.document-page .doc-hero { padding-block: 44px 68px; }
.document-page .doc-hero h1 { font-size: clamp(30px, 9.2vw, 36px); line-height: 1.2; letter-spacing: -.035em; }
.document-page .lede { max-width: 36em; font-size: 17px; line-height: 1.8; }
.document-page .doc-body { max-width: 42em; }
.document-page .doc-body h2 { font-size: 24px; letter-spacing: -.025em; line-height: 1.4; }
.document-page .doc-body p,
.document-page .doc-body li,
.document-page .faq dd { font-size: 17px; line-height: 1.8; }
.document-page .faq dt { font-size: 19px; line-height: 1.5; }
.document-page .faq dd { display: flex; flex-direction: column; gap: var(--s3); }
.document-page .glance-card li,
.document-page .glance-card dd,
.document-page .route p,
.document-page .doc-body .split-col li { font-size: 16px; line-height: 1.75; }
.document-page .glance-card dt { font-size: 17px; }
.document-page .doc-body .history li,
.document-page .doc-body .note { font-size: var(--fs-4); }
.document-page .route { gap: var(--s4); min-width: 0; }
.document-page .route h2 { overflow-wrap: anywhere; }
.document-page .ledger-row { flex-wrap: wrap; }
.document-page .ledger-row .amt,
.document-page .ledger-row .mailto { max-width: 100%; overflow-wrap: anywhere; }
@media (min-width: 860px) {
  .document-page .doc-hero { padding-block: 78px 88px; }
  .document-page .doc-hero h1 { font-size: 52px; }
  .document-page .lede { font-size: 18px; }
  .document-page .glance-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .document-page .site-head .wrap { min-height: 68px; padding-block: var(--s2); }
}