@layer components{.two-level{border:0;min-inline-size:0;margin:0;padding:0;&>legend{color:var(--muted-foreground);font-size:var(--text-sm);margin-block-end:.75rem;padding:0}&>div{flex-wrap:wrap;gap:.5rem;display:flex}}.two-choice{border:1px solid var(--border);background-color:var(--surface);min-block-size:2.75rem;color:var(--heading);cursor:pointer;flex:13rem;align-items:flex-start;gap:.625rem;padding:.5rem .75rem;font-weight:500;display:flex;&>input{block-size:1rem;inline-size:1rem;accent-color:var(--primary);flex:none;margin:.25rem 0 0}&:has(input:checked){border-color:var(--primary);background-color:var(--wash);box-shadow:inset 0 -2px 0 var(--primary)}&:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}&:has(input:disabled){cursor:default}}.two-years .two-choice{flex-basis:5.5rem}.two .mooe-levels>.calc-field{flex-basis:15rem}.mooe-samples .btn[hidden]{display:none}.two-stage{gap:1rem}.two-row{gap:.375rem;min-inline-size:0;display:grid}.two .two-row .mooe-readout{margin-block-end:0;&>strong{font-size:clamp(1.5rem,1.1rem + 2.4cqi,2.375rem)}}.two [data-row=old] .mooe-readout>strong{color:var(--heading)}.two .mooe-bar{block-size:2.5rem;position:relative}.two :is(.mooe-seg,.mooe-key){&.is-learner{background-image:repeating-linear-gradient(135deg, var(--mooe-ink) 0 2px, var(--mooe-paper) 2px 6px)}&.is-teacher{background-image:repeating-linear-gradient(90deg, var(--mooe-ink) 0 1px, var(--mooe-paper) 1px 5px)}&.is-classroom{background-image:repeating-linear-gradient(0deg, var(--mooe-ink) 0 1px, var(--mooe-paper) 1px 5px)}&.is-graduating{background-color:var(--mooe-paper);background-image:radial-gradient(circle, var(--mooe-ink) 1px, transparent 1.25px);background-size:5px 5px}}.two .mooe-key:is(.is-learner,.is-teacher,.is-classroom,.is-graduating){border:1px solid var(--mooe-ink)}.two-mark{background-color:var(--foreground);inline-size:2px;box-shadow:-1px 0 0 var(--mooe-paper), 1px 0 0 var(--mooe-paper);pointer-events:none;margin-inline-start:-1px;position:absolute;inset-block:-.3125rem}.two-legend{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height);align-items:center;gap:.5rem;display:flex}.two-mark-key{background-color:var(--foreground);flex:none;block-size:.875rem;inline-size:2px}.two-moved{border-inline-start:2px solid var(--mooe-ink);color:var(--heading);font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin-block-start:.25rem;padding-inline-start:.75rem}.cm .two-sheet{margin:0;padding:0;list-style:none}.cm .two-sheet>li{border-block-end:1px solid var(--line);grid-template-columns:.875rem minmax(0,1fr);grid-template-areas:"key label""key old""key now";align-items:start;gap:.375rem .75rem;margin:0;padding:.75rem 1rem;display:grid;&.is-total{border-block-start:3px double var(--foreground);border-block-end:1px solid var(--line)}&.is-writing{background-color:var(--wash);box-shadow:inset 2px 0 0 var(--mooe-ink)}}.two-cell{gap:0;min-inline-size:0;display:grid;&[data-cell=old]{grid-area:old}&[data-cell=now]{grid-area:now}&.is-unwritten{opacity:.3}&>.mooe-amount,&>.mooe-detail{text-align:start;white-space:normal;grid-area:auto}&.is-none>.mooe-amount{color:var(--muted-foreground);font-size:var(--text-base)}}.two-which{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.two-sheet .is-total .mooe-amount{font-size:var(--text-lg)}.two-sheet .is-total [data-cell=now]>.mooe-amount{color:var(--mooe-ink);font-weight:500}@container (width>=34rem){.cm .two-sheet>li{grid-template-columns:.875rem minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"key label old now"}}.article-body .cm .two-more{table-layout:fixed;border-collapse:collapse;border-block-start:1px solid var(--line);inline-size:100%;font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:0;&[hidden]{display:none}&>caption{color:var(--heading);text-align:start;caption-side:top;padding:1rem 1rem .5rem;font-weight:500}& :is(th,td){border:0;border-block-end:1px solid var(--line);text-align:start;vertical-align:top;font-variant-numeric:tabular-nums;overflow-wrap:break-word;background:0 0;padding:.5rem .5rem .5rem 1rem}& thead th{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:400}& tbody th{color:var(--heading);font-weight:500}& tbody td{color:var(--foreground)}}.two[data-empty] :is(.two-stage,.two-sheet,.mooe-results){opacity:.4}@media (prefers-reduced-motion:no-preference){.two-mark{transition:inset-inline-start var(--mooe-move)}.two-cell{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.cm .two-sheet>li{transition:background-color .3s cubic-bezier(.4,0,.2,1)}}.two[data-clearing] :is(.mooe-seg,.mooe-rest,.two-mark,.two-cell){transition:none}.two-mark[hidden]{display:none}@media (forced-colors:active){.two-choice:has(input:checked){border-color:highlight;border-block-end-width:3px}.cm .two-sheet>li.is-writing{border-inline-start:2px solid highlight}.two-mark,.two-mark-key{forced-color-adjust:none;background-color:canvastext}}@media (scripting:none){.two :is(.two-level,.mooe-samples,.mooe-actions,.two-moved){display:none}}}