/* 行数で省く文字。長くなり得る文字（題名・作者・会社の名前・説明）を、決めた行数で「…」で省き、
   短くても決めた行数の高さを取る。並べたカードや表・リストの行で、下の要素の上の位置がそろう
   （依頼の元：トゥーンエル「タイトルの長さによって」作者の位置がずれた。台帳 C2-078）。
   行数は data-lines="1"〜"4"（無い時は1行）。省いた全文は title に書く（DOM の文字は消えないので読み上げは全文を読む）。
   行の高さは --hk-clamp-lh（既定 --hk-lh-snug）。表の列など幅が決まらない所では --hk-clamp-max で幅の上限を渡す。 */
.hk-clamp { --hk-lines: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
  overflow-wrap: anywhere; line-height: var(--hk-clamp-lh, var(--hk-lh-snug)); max-width: var(--hk-clamp-max, none);
  height: calc(var(--hk-lines) * var(--hk-clamp-lh, var(--hk-lh-snug)) * 1em); }
.hk-clamp[data-lines="2"] { --hk-lines: 2; -webkit-line-clamp: 2; }
.hk-clamp[data-lines="3"] { --hk-lines: 3; -webkit-line-clamp: 3; }
.hk-clamp[data-lines="4"] { --hk-lines: 4; -webkit-line-clamp: 4; }