/* Level ladder page */
.lad-summary { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.lad-strand h3 { margin: 1.125rem 0 .375rem; }
.lad-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.lad-row { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr) auto auto; gap: .625rem; align-items: center; background: #fff; border: 1.5px solid var(--edge); border-radius: .75rem; padding: .5rem .625rem; }
.lad-row.cur { border-color: var(--ink); box-shadow: .1875rem .1875rem 0 var(--ink); }
.lad-row.passed { background: var(--paper); }
.lad-no { width: 2.25rem; height: 2.25rem; border-radius: 50%; display: grid; place-items: center; font: 700 1rem/1 var(--f-m); border: 2px solid var(--ink); }
.lad-name { display: grid; gap: 2px; }
.lad-name small { color: var(--ink2); }
.lad-mark { font: 800 1.625rem/1 var(--f-d); color: var(--tom); min-width: 3.125rem; text-align: center; }
.lad-row .btn { min-width: 4.5rem; }
@media (max-width: 420px) {
  .lad-row { grid-template-columns: 2.25rem minmax(0, 1fr) auto; }
  .lad-row .btn { grid-column: 2 / -1; justify-self: start; }
}
/* paper chart */
.lad-chart { width: 100%; border-collapse: collapse; font-size: 9.5pt; }
.lad-chart th, .lad-chart td { border: .3mm solid #1D2433; padding: .7mm 2mm; height: min(7mm, calc((var(--ph, 297mm) - 100mm) / 24)); box-sizing: border-box; text-align: left; }
.lad-chart td.box { width: 9mm; text-align: center; color: #D7262E; font-weight: 700; }
.lad-chart td:last-child { width: 22mm; }