.tier-map{--name:9rem;grid-template-columns:minmax(0,1fr);margin:0;display:grid}.tier-rail{gap:.375rem;display:grid}.tier-rail[data-side=under] .tier-name{order:2}.tier-name{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--ink);flex-wrap:wrap;align-items:baseline;column-gap:.5rem;display:flex}.tier-name span{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--ink-soft)}.tier-track{block-size:2.5rem;margin:0;padding:0;list-style:none;position:relative}.tier-track:before{content:"";background:var(--ink);border-radius:4px;block-size:4px;position:absolute;inset-inline:0}.tier-rail[data-side=over] .tier-track:before{inset-block-end:0}.tier-rail[data-side=under] .tier-track:before{inset-block-start:0}.tier-track li{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;inset-inline-start:calc(var(--at) * 100%);translate:-50%}.tier-rail[data-side=over] .tier-track li{inset-block-end:-3px}.tier-rail[data-side=under] .tier-track li{flex-direction:column-reverse;inset-block-start:-3px}.tier-track li:after{content:"";aspect-ratio:1;background:var(--calm);inline-size:10px;box-shadow:0 0 0 3px var(--section-ground,var(--paper));border-radius:50%}.tier-grade{block-size:1.5rem;min-inline-size:1.5rem;font-size:var(--text-caption);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--calm-ink);border-radius:.5rem;place-items:center;display:grid}.tier-track li[data-joined] .tier-grade{block-size:1.75rem;min-inline-size:1.75rem;color:var(--on-calm);background:var(--calm);box-shadow:0 2px 0 var(--calm-edge)}.tier-links{block-size:4.5rem;inline-size:100%;display:block;overflow:visible}.tier-links line{stroke:var(--calm);stroke-width:3px;stroke-linecap:round;stroke-dasharray:6 6}.tier-scale{font-size:var(--text-meta);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--ink-soft);order:-1;grid-template-columns:1fr auto 1fr;margin-block-end:1rem;display:grid}.tier-scale span:last-child{text-align:end}@media (width>=48rem){.tier-rail{grid-template-columns:var(--name) minmax(0, 1fr);column-gap:1.5rem}.tier-rail[data-side=over]{align-items:end}.tier-rail[data-side=under]{align-items:start}.tier-rail[data-side=under] .tier-name{order:0}.tier-name{flex-direction:column;gap:0}.tier-links,.tier-scale{inline-size:calc(100% - var(--name) - 1.5rem);margin-inline-start:calc(var(--name) + 1.5rem)}}.ladders{gap:2.5rem;display:grid}@media (width>=56rem){.ladders{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}}.ladder{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;align-self:start;inline-size:100%}.ladder caption{font-size:var(--text-section);font-weight:var(--font-weight-bold);text-align:start;color:var(--ink);padding-block-end:1rem}.ladder th,.ladder td{border-block-end:1.5px solid var(--rule);text-align:center;vertical-align:middle;padding:.5625rem .5rem}.ladder thead th{font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:var(--ink-soft);vertical-align:bottom;padding-block:.625rem;line-height:1.25}.ladder-spec{font-weight:var(--font-weight-medium);display:block}.ladder [data-chosen]{background:var(--gold-wash);transition:background-color var(--duration-hover) var(--ease-out)}.ladder thead th[data-chosen]{color:var(--ink);border-start-start-radius:.75rem;border-start-end-radius:.75rem}.ladder tfoot td[data-chosen]{color:var(--ink);border-end-end-radius:.75rem;border-end-start-radius:.75rem}.ladder th:first-child{text-align:start;inline-size:3.5rem}.ladder-grade{aspect-ratio:1;inline-size:1.875rem;font-size:var(--text-caption);font-weight:var(--font-weight-bold);color:var(--calm-ink);background:var(--calm-wash);border-radius:.5rem;place-items:center;display:inline-grid}.ladder tr[data-pass] .ladder-grade{color:var(--on-calm);background:var(--calm);box-shadow:0 2px 0 var(--calm-edge)}.ladder td{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--ink)}.ladder tr[data-pass] td{font-weight:var(--font-weight-extrabold)}.ladder-none{color:var(--ink-soft)}.ladder tfoot th,.ladder tfoot td{white-space:nowrap;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--ink-soft);border-block-end:0}
