@layer components{.mooe{--mooe-ink:var(--primary);--mooe-paper:var(--surface);--mooe-move:.5s var(--ease-out)}.mooe-form{gap:1.25rem;padding:1rem;display:grid}.mooe-levels{border:0;flex-wrap:wrap;gap:1rem 1.5rem;min-inline-size:0;margin:0;padding:0;display:flex;&>legend{inline-size:100%;color:var(--muted-foreground);font-size:var(--text-sm);margin-block-end:.75rem;padding:0}&>.calc-field{flex:13rem;min-inline-size:0}}.mooe-span{color:var(--muted-foreground);font-size:var(--text-xs);font-weight:400;line-height:var(--text-xs--line-height);display:block}.mooe-samples{gap:.5rem;display:grid;&>p{color:var(--muted-foreground);font-size:var(--text-sm)}&>div{flex-wrap:wrap;gap:.375rem;display:flex}& .btn{font-size:var(--text-sm)}}.article-body .cm .mooe-last{margin-block:0;& .cm-note{margin-block:0 1rem}}.mooe-equation{border-block:1px solid var(--line);background-color:var(--wash);box-shadow:inset 2px 0 0 var(--mooe-ink);gap:.375rem;padding:1rem;display:grid}.mooe-which{font-size:var(--text-sm);line-height:var(--text-sm--line-height);flex-wrap:wrap;align-items:baseline;gap:.125rem .75rem;display:flex;&>span{color:var(--muted-foreground);font-variant-numeric:tabular-nums}&>strong{color:var(--heading);font-weight:500}}.mooe-formula{color:var(--heading);font-variant-numeric:tabular-nums;letter-spacing:-.015em;overflow-wrap:anywhere;font-size:clamp(1.125rem,.95rem + 1.5cqi,1.625rem);line-height:1.35}.mooe-none{color:var(--heading);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.mooe-stage{border-block-end:1px solid var(--line);gap:.375rem;padding:1.25rem 1rem .75rem;display:grid}.mooe-readout{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1rem;margin-block-end:.375rem;display:flex;&>span{color:var(--heading);font-size:var(--text-sm);font-weight:500}&>strong{color:var(--mooe-ink);font-variant-numeric:tabular-nums;letter-spacing:-.025em;overflow-wrap:anywhere;min-inline-size:0;font-size:clamp(1.75rem,1.2rem + 3cqi,2.75rem);font-weight:400;line-height:1.15}}.mooe-bar{border:1px solid var(--mooe-ink);background-color:var(--mooe-paper);contain:layout paint;forced-color-adjust:none;block-size:3rem;display:flex}.mooe-seg,.mooe-rest{flex:0 1 0;min-inline-size:0}.mooe-seg+.mooe-seg{box-shadow:inset 1px 0 0 var(--mooe-paper)}.mooe :is(.mooe-seg,.mooe-key){&.is-fixed{background-color:var(--mooe-ink)}&.is-es{background-image:repeating-linear-gradient(135deg, var(--mooe-ink) 0 2px, var(--mooe-paper) 2px 6px)}&.is-jhs{background-image:repeating-linear-gradient(90deg, var(--mooe-ink) 0 2px, var(--mooe-paper) 2px 5px)}&.is-shs{background-image:repeating-linear-gradient(0deg, var(--mooe-ink) 0 2px, var(--mooe-paper) 2px 5px)}&.is-floor{background-image:repeating-linear-gradient(45deg, var(--mooe-ink) 0 1px, transparent 1px 7px), repeating-linear-gradient(135deg, var(--mooe-ink) 0 1px, transparent 1px 7px);background-color:var(--mooe-paper)}}.mooe-scale{color:var(--muted-foreground);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--text-xs--line-height);justify-content:space-between;gap:1rem;display:flex}.cm .mooe-sheet{margin:0;padding:0;list-style:none}.cm .mooe-sheet>li{border-block-end:1px solid var(--line);grid-template-columns:.875rem minmax(0,1fr);grid-template-areas:"key label""key detail""key amount";align-items:baseline;gap:.125rem .75rem;margin:0;padding:.75rem 1rem;display:grid;&[hidden]{display:none}&.is-sum{background-color:color-mix(in srgb, var(--muted) 55%, transparent)}&.is-total{border-block-start:3px double var(--foreground);border-block-end:0}&.is-unwritten{opacity:.3}&.is-writing{background-color:var(--wash);box-shadow:inset 2px 0 0 var(--mooe-ink)}}.mooe-key{forced-color-adjust:none;grid-area:key;align-self:start;block-size:.875rem;inline-size:.875rem;margin-block-start:.375rem;&[class~=is-fixed],&[class~=is-es],&[class~=is-jhs],&[class~=is-shs],&[class~=is-floor]{border:1px solid var(--mooe-ink)}}.mooe-label{color:var(--heading);grid-area:label;font-weight:500}.mooe-detail{color:var(--muted-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:var(--text-sm--line-height);grid-area:detail}.mooe-amount{color:var(--heading);font-size:var(--text-lg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere;grid-area:amount}@container (width>=20rem){.cm .mooe-sheet>li{grid-template-columns:.875rem minmax(0,1fr) auto;grid-template-areas:"key label amount""key detail detail"}.mooe-amount{text-align:end;white-space:nowrap}}.is-total>.mooe-amount{color:var(--mooe-ink);font-size:var(--text-xl);font-weight:500}[data-line=floor]:not(.is-on)>.mooe-amount{color:var(--muted-foreground)}.mooe-results .calc-value{font-size:clamp(1.375rem,1.1rem + 1.2cqi,1.875rem)}.mooe-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem 1rem .25rem;display:flex}.mooe[data-empty] :is(.mooe-stage,.mooe-sheet,.mooe-results){opacity:.4}.mooe-equation.is-writing{box-shadow:inset 6px 0 0 var(--mooe-ink)}@media (prefers-reduced-motion:no-preference){.mooe-seg,.mooe-rest{transition:flex-grow var(--mooe-move)}.cm .mooe-sheet>li{transition:opacity .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.mooe-equation{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.mooe-bar,.mooe-key{border-color:canvastext}.mooe-equation,.cm .mooe-sheet>li.is-writing{border-inline-start:2px solid highlight}}@media (scripting:none){.mooe :is(.mooe-samples,.mooe-last,.mooe-actions){display:none}}.mooe-tabs{flex-wrap:wrap;overflow-x:visible}.mooe-years{padding:1rem}.mooe-year{gap:.75rem}.cm .mooe-terms{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.cm .mooe-terms>.mooe-term{border:1px solid var(--mooe-ink);background-color:var(--surface);flex-wrap:wrap;align-items:baseline;gap:0 .625rem;min-inline-size:0;margin:0;padding:.5rem .75rem;display:flex;position:relative;&+.mooe-term:not(.is-dropped):before{block-size:1.5rem;color:var(--muted-foreground);content:"+";line-height:1.5rem;position:absolute;inset-block-start:-1.5rem;inset-inline-start:.75rem}&.is-dropped{border-style:dashed;border-color:var(--border);background-color:#0000}}@container (width>=44rem){.cm .mooe-terms{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.75rem}.cm .mooe-terms>.mooe-term{align-content:start;gap:.125rem;padding:.625rem .75rem;display:grid;&+.mooe-term:not(.is-dropped):before{text-align:center;inline-size:1.75rem;inset-block-start:50%;inset-inline-start:-1.75rem;translate:0 -50%}}}.mooe-term-value{color:var(--heading);font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:-.015em;line-height:1.25;.is-dropped>&{color:var(--muted-foreground);font-size:var(--text-base);line-height:1.75}}.mooe-term-unit{color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.mooe-sample{border-block-start:1px solid var(--line);gap:.625rem;padding:1rem;display:grid}.cm .mooe-sample>ol{grid-template-columns:minmax(0,1fr);gap:.625rem .75rem;margin:0;padding:0;list-style:none;display:grid;&>li{color:var(--muted-foreground);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"year amount""bar bar";align-items:center;gap:.25rem .75rem;margin:0;display:grid}&>li[aria-current]{color:var(--heading);font-weight:500}}.mooe-sample-year{grid-area:year}.mooe-sample-amount{grid-area:amount}@container (width>=30rem){.cm .mooe-sample>ol{grid-template-columns:auto minmax(3rem,1fr) auto;gap:.5rem .75rem;&>li{grid-column:1/-1;grid-template-columns:subgrid;grid-template-areas:"year bar amount"}}}.mooe-sample-bar{forced-color-adjust:none;grid-area:bar;block-size:1rem;display:block;&>span{border:1px solid var(--mooe-ink);background-image:repeating-linear-gradient(135deg, var(--mooe-ink) 0 1px, var(--surface) 1px 5px);block-size:100%;display:block}[aria-current]>&>span{background-color:var(--mooe-ink);background-image:none}}@media (scripting:none){.mooe-shift .mooe-tabs{display:none}.mooe-shift .mooe-year.is-off{display:grid}.mooe-year+.mooe-year{border-block-start:1px solid var(--line);margin-block-start:1.5rem;padding-block-start:1.5rem}.mooe-shift .mooe-sample-bar>span{background-color:var(--mooe-ink);background-image:none}.cm .mooe-sample>ol>li{color:var(--heading);font-weight:400}}@media (prefers-reduced-motion:no-preference){.mooe-shift[data-live] .mooe-year:not(.is-off) .mooe-term{animation:mooe-term .32s var(--ease-out) backwards;animation-delay:calc(var(--place) * 60ms)}.mooe-sample-bar>span{transition:background-color .3s cubic-bezier(.4,0,.2,1)}}@keyframes mooe-term{0%{opacity:0;translate:0 .375rem}}}