.disease-main { padding-block: 32px 54px; }
.diseases-page .learning-links { margin-bottom: 28px; }
.diseases-page .learning-links [aria-current="page"] { color: var(--ink); }
.directory-heading { display: flex; justify-content: space-between; align-items: end; gap: 16px; }
.directory-heading .eyebrow { margin-bottom: 8px; }
.directory-heading h1 { font-family: var(--font-display); font-size: clamp(38px, 4.5vw, 58px); line-height: 1.08; letter-spacing: -.5px; font-weight: 700; }
.contents-return { color: var(--red); font-size: .875rem; padding-block: 10px; flex-shrink: 0; }
.contents-return:hover { text-decoration: underline; text-underline-offset: 4px; }
.directory-intro { color: var(--muted); font-size: .875rem; margin-top: 14px; max-width: 790px; }
.directory-intro span { font-weight: 600; }
.directory-tools { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-top: 24px; }
.disease-search { width: min(100%, 530px); }
.disease-search label { display: block; margin-bottom: 5px; font-size: .8125rem; font-weight: 600; }
.search-input-wrap { display: flex; align-items: center; border: 1px solid #a9b0b2; background: white; border-radius: 3px; }
.search-input-wrap:focus-within { outline: 2px solid var(--red); outline-offset: 2px; }
.disease-search input { width: 100%; min-width: 0; border: 0; background: transparent; padding: 12px 14px; font: inherit; font-size: .9375rem; color: var(--ink); outline: 0; }
.disease-search input::-webkit-search-cancel-button { display: none; }
.search-input-wrap button { border: 0; background: transparent; color: var(--red); font-size: .8125rem; min-height: 44px; padding: 5px 12px; cursor: pointer; }
.directory-controls { display: flex; flex-wrap: wrap; gap: 18px; }
.directory-controls button { border: 0; background: transparent; padding: 8px 0; min-height: 44px; color: var(--red); font-size: .8125rem; cursor: pointer; }
.directory-controls button:disabled { color: var(--muted); cursor: default; }
.directory-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 20px; color: var(--muted); font-size: .75rem; margin-block: 16px 22px; }
.disease-directory { columns: 3; column-gap: 30px; }
.disease-system { break-inside: avoid; margin: 0 0 24px; border-top: 2px solid var(--ink); }
.disease-system summary { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 0; list-style: none; cursor: pointer; }
.disease-system summary::-webkit-details-marker { display: none; }
.disease-system summary::marker { content: ''; }
.disease-system h2 { flex: 1; font-family: var(--font-display); font-size: 1.4rem; font-weight: 600; line-height: 1.15; letter-spacing: 0; }
.system-count { font-size: .75rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.disease-system .disclosure-icon { flex-shrink: 0; }
.disease-system[open] .disclosure-icon::after { transform: none; }
.disease-system ul { margin: 0; padding: 0; list-style: none; }
.disease-system li { border-bottom: 1px solid #e1e3e2; }
.disease-system li a { display: flex; align-items: center; justify-content: space-between; gap: 9px; min-height: 36px; padding: 7px 2px; font-size: .8125rem; line-height: 1.35; }
.disease-system li a > span { min-width: 0; }
.disease-system li a:hover { color: var(--red); background: #f2efed; }
.disease-system small { color: var(--muted); font-size: .625rem; flex-shrink: 0; letter-spacing: .1px; }
.directory-empty { padding-block: 42px; text-align: center; color: var(--muted); }
.directory-note { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 8px; font-size: .75rem; color: var(--muted); }
.directory-note a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1050px) { .disease-directory { columns: 2; column-gap: 26px; } }
@media (max-width: 650px) {
  .disease-main { padding-top: 22px; }
  .directory-heading { display: block; }
  .contents-return { display: inline-flex; margin-top: 6px; }
  .directory-intro { margin-top: 6px; }
  .directory-tools { display: block; margin-top: 20px; }
  .disease-search { width: 100%; }
  .disease-search input { font-size: 16px; }
  .directory-controls { margin-top: 5px; }
  .directory-meta { margin-block: 6px 18px; }
  .disease-directory { columns: 1; }
  .disease-system { margin-bottom: 20px; }
  .disease-system li a { min-height: 44px; font-size: .875rem; padding-block: 9px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }