/* fees 가족 고유 규칙 (/fees-and-costs/ ×3). 데스크톱은 site.css 부품이 갖고, 여기는 본문 안 링크와 ≤899 보정만. */

/* 본문 안 '맨 위 요약' 링크: 밑줄 2px */
.fees-link{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}

/* 첫 문단: 히어로 아래 간격을 여백 대신 안쪽 위로(현재 빌드와 같은 상자 — 문단 위 끝이 히어로 바로 아래) */
@media (min-width:900px){
  .c-intro--fees.c-mt-48{margin-top:0;padding-top:clamp(28px,4vw,48px)}
}

@media (max-width:899px){
  /* 제목 위 그림: 휴대폰에서 위로 당기고 아래 간격을 줄인다(현재 빌드와 같다) */
  #h-recovery>.c-fig{margin:-12px 0 4px}
  #h-norecovery>.c-fig{margin:-8px 0 8px}
  #h-trial>.c-fig{margin:-8px 0 16px}
  #h-short{scroll-margin-top:48px}
  /* 한 열 판의 제목 → 본문 간격: 데스크톱 행 간격을 그대로 쓴다(요약 16 · 블록 14 — site.css ≤899 .c-split 20을 덮는다) */
  .c-short__grid{row-gap:16px}
  .c-split--fees{row-gap:14px}
  /* 3열 짧은 블록: 한 열로 쌓일 때 블록 사이 56 */
  .c-trio{row-gap:var(--sp-ink)}
  /* 법 고지 끝줄: 앞 잉크 56 */
  .c-fine--rule{margin-top:var(--sp-ink)}
  /* 마감 띠 버튼: 700, 간격 8 */
  .c-cta--fees .c-btn--strong{font-weight:700}
  .c-cta--fees .c-btns--col{column-gap:8px}
  /* 마감 띠 제목·리드·버튼 간격, 회수 2단계 글 18, ko 고지 줄간 1.6은 site.css ≤899 공통 */
}
@media (min-width:600px) and (max-width:899px){
  .c-cta--fees .c-btns--col>.c-btn{flex:0 1 auto}
  /* 태블릿: 섹션 안 문단은 38em */
  .c-measure--62,.c-trio p,.c-note__body,.c-cta--fees .c-cta__lede{max-width:38em}
}
@media (max-width:359px){
  .c-short__grid{padding-left:12px;padding-right:12px}
}
/* 본문 안 링크 탭 영역 44(줄 높이는 그대로) */
.fees-link{padding-block:10px;margin-block:-10px}