@layer components{.rd-section{border-top:1px solid var(--color-rule);padding:2.5rem 0}.rd-section:first-child{border-top:0}.rd-matrix{font-size:var(--text-caption);grid-template-columns:4rem repeat(3,minmax(0,1fr));gap:4px;display:grid}.rd-matrix .hd{font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3);padding:.25rem 0}.rd-matrix .cell{background:var(--color-tint);text-align:left;min-height:5rem;font:inherit;color:inherit;cursor:pointer;border:0;padding:.65rem .7rem;position:relative}.rd-matrix .cell:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.rd-matrix .cell[data-loss=high]{background:var(--color-navy);color:#fff}.rd-matrix .cell[data-loss=mid]{background:var(--color-purple-light)}.rd-matrix .cell[data-empty=true]{box-shadow:inset 0 0 0 1px var(--color-rule);cursor:default;background:0 0}.rd-matrix .cell[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-purple)}.rd-matrix .cell .n{font-family:var(--font-mono);font-size:var(--text-label-sm);opacity:.8}.rd-matrix .cell .v{font-size:var(--text-small);margin-top:.2rem;display:block}.rd-matrix .cell .d{font-family:var(--font-mono);font-size:var(--text-label-sm);margin-top:.2rem;display:block}.surface-dark .rd-matrix .cell{background:#ffffff14}.surface-dark .rd-matrix .cell[data-loss=high]{background:var(--color-purple);color:#fff}.surface-dark .rd-matrix .cell[data-loss=mid]{background:#ad45ff59}.surface-dark .rd-matrix .cell[data-empty=true]{box-shadow:inset 0 0 0 1px var(--color-rule-dark)}.surface-dark .rd-matrix .hd{color:var(--color-paper-3)}.rd-ladder{font-family:var(--font-mono);font-size:var(--text-caption);gap:.35rem;display:grid}.rd-ladder .row{grid-template-columns:minmax(8rem,13rem) minmax(0,1fr) 5.5rem;align-items:center;gap:.75rem;display:grid}.rd-ladder .row[data-off=true]{opacity:.5}.rd-ladder .row>span:last-child{text-align:right}.rd-ladder .bar{background:var(--color-tint);height:12px;position:relative}.rd-ladder .bar>i{background:var(--color-rule-strong);position:absolute;top:0;bottom:0;left:0}.rd-ladder .row[data-best=true] .bar>i{background:var(--color-purple)}.rd-ladder .row[data-rule=true] .bar>i{background:var(--color-navy)}.rd-ladder .row[data-best=true][data-rule=true] .bar>i{background:var(--color-purple-deep)}.rd-ladder .tag{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);margin-left:.4rem;font-size:.625rem}.surface-dark .rd-ladder .bar{background:#ffffff14}.surface-dark .rd-ladder .bar>i{background:var(--color-rule-dark-strong)}.surface-dark .rd-ladder .row[data-rule=true] .bar>i{background:var(--color-paper-3)}.surface-dark .rd-ladder .tag{color:var(--color-paper-3)}.rd-two{gap:2rem;display:grid}@media (min-width:64rem){.rd-two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.rd-plan{border:1px solid var(--color-rule-strong);padding:1.25rem}.surface-dark .rd-plan{border-color:var(--color-rule-dark-strong)}.rd-flow{font-family:var(--font-mono);font-size:var(--text-label-sm);grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.rd-flow>div{background:var(--color-tint);padding:.5rem}.rd-flow>div .k{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);display:block}.rd-flow>div .a,.rd-flow>div .b{font-size:var(--text-caption);margin-top:.25rem;display:block}.rd-flow>div .b{color:var(--color-purple-deep)}.surface-dark .rd-flow>div{background:#ffffff14}.surface-dark .rd-flow>div .k{color:var(--color-paper-3)}.surface-dark .rd-flow>div .b{color:var(--color-purple-light)}.rd-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.5rem + 2vw,3.5rem);font-weight:300;line-height:1}@media (max-width:40rem){.rd-matrix{grid-template-columns:2.5rem repeat(3,minmax(0,1fr))}.rd-matrix .cell{min-height:4rem;padding:.45rem .4rem}.rd-ladder .row{grid-template-columns:minmax(5.5rem,7rem) minmax(0,1fr) 4rem}.rd-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}}