/* 開く欄：文字のボタン（.hk-disc-btn。押すと aria-controls の欄の hidden を切り替える。動きは disclosure.js）と、指す欄（.hk-disc-body）。
   - 開閉の印は band の .hk-chev（細い山形）をそのまま使う。別の山形も ▶ も作らない（同じ帯・欄に ▶ と山形を並べない）。
   - 押すと動く方向を向く：閉じている時は下向き、開いている時は上向き（上の帯と同じ。向きは band.css が aria-expanded で決める）。
   - 押す所（ボタン）は欄の上に固定で、開閉で位置も大きさも変わらない（名前の文字は開閉で変えず、印だけが向きを変える）。 */
.hk-disc { min-width: 0; font-family: var(--hk-font); }
.hk-disc-btn { box-sizing: border-box; display: inline-flex; align-items: center; gap: var(--hk-sp-3); min-height: var(--hk-ctl-h-sm); max-width: 100%; margin: 0; padding: 0; border: 0; border-radius: var(--hk-radius-sm); background: none;
  color: var(--hk-accent-strong); font: inherit; font-size: var(--hk-fs-sm); font-weight: var(--hk-fw-md); line-height: var(--hk-lh-snug); text-align: left; cursor: pointer; }
.hk-disc-btn:hover .hk-disc-t { text-decoration: underline; }
.hk-disc-btn:focus-visible { outline: var(--hk-focus); outline-offset: 2px; }
.hk-disc-t { min-width: 0; overflow-wrap: anywhere; }
.hk-disc-btn > .hk-chev { transition: transform var(--hk-t-fast) var(--hk-ease-out); }
.hk-disc-body { display: grid; gap: var(--hk-sp-4); padding-top: var(--hk-sp-4); border-top: var(--hk-bw) solid var(--hk-line); }
.hk-disc-body[hidden] { display: none; }
/* 中の段：見出しは本文と同じ大きさで太さだけ上げる（本文より弱くも、画面の見出しより強くもしない） */
.hk-disc-sec { display: grid; gap: var(--hk-sp-1); min-width: 0; font-size: var(--hk-fs-sm); line-height: var(--hk-lh-snug); color: var(--hk-text); }
.hk-disc-sec > h3 { margin: 0; font-size: var(--hk-fs-sm); font-weight: var(--hk-fw-bold); line-height: var(--hk-lh-snug); color: var(--hk-text); }
.hk-disc-sec > p { margin: 0; overflow-wrap: anywhere; color: var(--hk-text-2); }
@media (prefers-reduced-motion: reduce) { .hk-disc-btn > .hk-chev { transition: none; } }