/* Ladder widget (widgets/ladder/ladder.js): the parts and the chapters, one sentence each. */
/* Both levels share one grid cell: the cell is as tall as the taller (the chapters), the parts' rows grow to fill it. */
.ld__body { display: grid; }
.ld__view { grid-area: 1 / 1; display: flex; flex-direction: column; }
.ld__view.is-off { visibility: hidden; }
.ld__parts { flex: 1; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ld__parts li { flex: 1; display: grid; grid-template-columns: 34px 132px minmax(0, 1fr); align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); }
.ld__parts li:last-child { border-bottom: 1px solid var(--line); }
.ld__pn { font-size: 22px; font-weight: 600; color: var(--wk-copper); }
.ld__pname { display: flex; flex-direction: column; font-weight: 600; }
.ld__pname small { font-weight: 400; font-size: 11.5px; color: var(--muted); }
.ld__chs { columns: 2; column-gap: 28px; }
.ld__part { break-inside: avoid; display: flex; flex-direction: column; gap: 3px; margin-bottom: 12px; }
.ld__ph { margin-bottom: 3px; font-family: var(--wk-display); font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--wk-copper); }
.ld__ch { display: flex; align-items: center; gap: 8px; min-height: 17px; font-size: 10px; }
.ld__ch .wk-red i { height: 7px; }
.ld__cn { flex: none; width: 18px; font-variant-numeric: tabular-nums; color: var(--muted); }
.ld__ch em { font-style: normal; font-size: 10px; padding: 0 6px; border: 1px solid var(--wk-copper); border-radius: 100px; color: var(--wk-copper); line-height: 14px; }
@media (max-width: 520px) {
  .ld__chs { column-gap: 16px; }
  .ld__parts li { grid-template-columns: 26px minmax(0, 1fr); }
  .ld__parts li .wk-red { grid-column: 2; }
}