.calculator-method{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.calculator-method button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent-ink);border-color:var(--color-accent-edge)}.column-diagram{margin:var(--space-lg) 0;min-width:0;max-width:36rem}.column-table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%}.column-table caption{text-align:start}.column-table th,.column-table td{text-align:center;overflow-wrap:anywhere;padding:var(--space-xs) 0}.column-table thead th{font-size:var(--text-sm);font-weight:400}.column-table thead th:first-child{width:2rem}.column-table abbr{text-decoration:none}.column-table td,.column-table tbody th{font:700 clamp(var(--text-base),4vw,var(--text-xl))/1.25 var(--font-body)}.column-row--carry td{font-size:var(--text-base);color:var(--color-link)}.column-row--regrouped td{border-block-end:1px dashed var(--color-ink)}.column-row--rule td{border-block-start:var(--rule-thin) solid var(--color-ink)}.column-row--result td{font-weight:900}.column-table [data-active]{background:var(--color-hint-surface);color:var(--color-ink);text-underline-offset:.15em;text-decoration:underline}.column-table s{text-decoration-thickness:2px}.column-stack{--column-sign-width:2rem;--column-header-height:2.75rem;--column-row-height:3.75rem;position:relative}.column-stack--divide{--column-sign-width:3rem}.column-table thead tr{height:var(--column-header-height)}.column-table tbody tr{height:var(--column-row-height)}.column-table td{position:relative}.column-table td[data-active]{text-decoration:none}.column-table td[data-active]:not([data-empty]) .column-digit{text-underline-offset:.15em;text-decoration:underline}.column-digit{z-index:1;position:relative}.column-arrows{width:calc(100% - var(--column-sign-width));height:calc(100% - var(--column-header-height));pointer-events:none;position:absolute;inset-block-start:var(--column-header-height);inset-inline-start:var(--column-sign-width);overflow:visible}.column-arrow{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.column-arrow path{vector-effect:non-scaling-stroke}.column-arrow--write{stroke:var(--color-success)}.column-arrow--exchange{stroke:var(--color-group-b-deep);stroke-dasharray:4 3}.column-table td[data-cue=read]{background:var(--color-hint-surface);color:var(--color-link)}.column-table td[data-cue=exchange]{background:var(--color-group-b);color:var(--color-group-b-deep);border-block-end:2px dashed var(--color-group-b-deep)}.column-table td[data-cue=write]{background:var(--color-success-surface);color:var(--color-success);border-block-end:3px double var(--color-success)}.column-direction{align-items:baseline;gap:var(--space-sm);font-weight:700;display:flex}.column-direction>span{color:var(--color-link);font-size:var(--text-xl);flex-shrink:0}.column-key{gap:var(--space-sm) var(--space-md);flex-wrap:wrap;padding:0;list-style:none;display:flex}.column-key li{border-inline-start:3px solid var(--color-link);padding-inline-start:var(--space-sm)}.column-key li[data-cue=read]{color:var(--color-link)}.column-key li[data-cue=exchange]{color:var(--color-group-b-deep);border-color:var(--color-group-b-deep);border-inline-start-style:dashed}.column-key li[data-cue=write]{color:var(--color-success);border-color:var(--color-success);border-inline-start-style:double;border-inline-start-width:4px}.column-cues{padding-inline-start:var(--space-lg)}.column-cues li{margin-block:var(--space-sm)}.column-cues [data-cue=exchange] strong{color:var(--color-group-b-deep)}.column-cues [data-cue=write] strong{color:var(--color-success)}.column-cues [data-cue=read] strong{color:var(--color-link)}.column-table--divide .column-row--operand td:first-of-type{border-inline-start:var(--rule-thin) solid var(--color-ink)}.column-table--divide .column-row--operand th{text-align:end;padding-inline-end:var(--space-xs)}.column-diagram figcaption{font-size:var(--text-sm);margin-block-start:var(--space-md);line-height:1.6}.column-table--divide thead th:first-child{width:3rem}.column-table--divide tbody th{font-size:var(--text-md);white-space:nowrap}.column-step-equation{font-size:var(--text-md);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:700}.column-step-count{color:var(--color-muted)}.column-solution h4:focus{outline:var(--rule-frame) solid var(--color-focus);outline-offset:3px}.column-solution>h4{font:800 var(--text-md)/1.3 var(--font-display);overflow-wrap:anywhere}.column-controls{margin-block:var(--space-lg)}.column-all-steps ol{padding-inline-start:var(--space-lg)}.column-all-steps li{margin-block:var(--space-lg)}.column-all-steps h4{font-size:var(--text-md);overflow-wrap:anywhere}.column-guide{min-width:0;max-width:65ch}.column-guide section{margin-block:var(--space-xl) var(--space-2xl)}.column-guide section+section{border-block-start:var(--rule-thin) solid var(--color-divider);padding-block-start:var(--space-xl)}.column-guide nav{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.column-guide nav a,.column-guide .column-guide-link{align-items:center;min-height:3rem;display:inline-flex}.column-guide li{margin-block:var(--space-sm)}.column-guide .column-diagram{margin-inline:0}.column-guide section:target{scroll-margin-block-start:var(--space-xl)}html:has(.column-guide),body:has(.column-guide),body:has(.column-guide) .brand{min-width:0}body:has(.column-guide) .site-footer__brand{overflow-wrap:anywhere}@media (hover:hover) and (pointer:fine){.calculator-method button:hover{background:var(--color-hint-surface);color:var(--color-link)}.column-controls button:not(:disabled):hover{background:var(--color-accent-soft);color:var(--color-accent-ink)}}@media (prefers-reduced-motion:reduce){.column-controls button,.calculator-method button{transition:none;transform:none}}.calculator{gap:var(--space-lg);max-width:58rem;display:grid}.calculator__form{max-width:50rem}.calculator__legend{font:900 var(--text-lg)/1.2 var(--font-display);margin-block-end:var(--space-lg)}.calculator__inputs{gap:var(--space-md);align-items:start;display:grid}.calculator__inputs input{font-size:var(--text-md);font-variant-numeric:tabular-nums}.calculator__inputs input,.calculator__inputs select{min-height:3.75rem}.calculator__helper{min-height:1lh;font-size:var(--text-sm);margin:0}.calculator__alert:empty{display:none}.calculator__alert{color:var(--color-error)}.calculator__status{min-height:1lh;margin-block-end:0}.calculator__empty{border-block-start:var(--rule-thin) solid var(--color-divider);padding-block-start:var(--space-lg)}.calculator__result{border-block:var(--rule-thin) solid var(--color-divider);padding-block:var(--space-lg)}.calculator__result h2{margin-block-start:0}.calculator__equation{font:800 clamp(var(--text-lg),4vw,var(--text-2xl))/1.35 var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--color-ink)}.calculator__equation strong{color:var(--color-heading)}.calculator__precision{color:var(--color-ink)}.calculator__steps{gap:var(--space-lg);padding-inline-start:var(--space-lg);display:grid}.calculator__steps li::marker{color:var(--color-link);font-weight:800}.calculator__steps h4{font:800 var(--text-md)/1.3 var(--font-display);overflow-wrap:anywhere;margin:0}.calculator__steps p{margin-block:var(--space-xs) 0}.calculator__step-equation{font-size:var(--text-md);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:700}.calculator__check{overflow-wrap:anywhere}.calculator__lesson{white-space:nowrap;align-items:center;min-height:3rem;display:inline-flex}.calculator__examples h2{margin-block:0 var(--space-sm)}.calculator button.is-focus{outline:var(--rule-frame) solid var(--color-focus);outline-offset:3px}.calculator button.is-active{transform:translateY(1px)}.calculator [data-state=error]{border-color:var(--color-error)}.calculator [data-state=success]{border-color:var(--color-success)}.calculator [data-state=loading]{cursor:wait}@media (hover:hover) and (pointer:fine){.calculator button.quiet:hover,.calculator button.quiet.is-hover{background:var(--color-hint-surface);color:var(--color-link)}.calculator button[type=submit]:hover{background:var(--color-accent-soft);color:var(--color-accent-ink)}}@media (width>=40rem){.calculator__inputs{grid-template-columns:minmax(0,1fr) minmax(9rem,.7fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.calculator button,.calculator input{transition:none}.calculator button:active,.calculator button.is-active{transform:none}}html:has(.calculator),body:has(.calculator),body:has(.calculator) .site-header .brand{min-width:0}body:has(.calculator) .site-footer__brand{overflow-wrap:anywhere}
