제목 계층 구조

Outcome：Complete the task with 제목 계층 구조 (Heading Hierarchy)。 User context：의료 안내서에서는 '천식 관리'에 대해 하나의 h1을 사용합니다. 진단과 치료에는 h2를 사용하고, 약물 종류에는 h3를 사용합니다. 카드 제목이 더 작아 보여도 화면 읽기 프로그램은 이 개요를 따릅니다. Recommended pattern：제목 계층 구조 (Heading Hierarchy)。 Why it fits：페이지 구조에서 h1–h6를 선택하십시오. 각 제목의 크기를 개별적으로 스타일하십시오. Do not use it when：h1–h6를 단순히 글꼴 크기만 위해 선택하지 마십시오. 미리 설정된 스타일을 적용하기 위해 레벨을 건너뛰지 마십시오. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：이 표준은 나열된 범위만 적용합니다. 시각적 스타일, 제품 결정, 또는 Vibulary 예시는 선택하지 않습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.