.r3__mode{gap:var(--space-2);border:0;justify-items:start;min-inline-size:0;margin:0;padding:0;display:grid}.r3[data-mode=direct] .r3__hint--inverse,.r3[data-mode=inverse] .r3__hint--direct{display:none}.r3__table{gap:var(--space-3) var(--space-6);padding:var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}@media (min-width:40rem){.r3__table{gap:var(--space-5) var(--space-16);padding:var(--space-5) var(--space-6) var(--space-6)}}.r3__head{color:var(--ink-2);font-size:var(--text-sm);font-weight:600}.r3__cell{z-index:1;gap:var(--space-2);grid-template-columns:1rem minmax(0,1fr);align-items:center;display:grid;position:relative}.r3__letter{color:var(--ink-3);font-family:"Literata Variable", var(--font-display);font-size:var(--text-md);font-weight:600}.r3__input,.r3__x{min-block-size:3rem;font-family:"Literata Variable", var(--font-sans);font-size:var(--text-lg);text-align:center;font-weight:600}.r3__x{padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--sheet);color:var(--ink-3);transition:border-color var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);place-items:center;display:grid}.r3.is-solved .r3__x{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.r3__cell[data-cell]:after{background:var(--accent);block-size:1.5rem;inline-size:1.5rem;color:var(--accent-ink);font-size:var(--text-sm);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;inset-block-start:-.5rem;inset-inline-end:-.5rem}.r3[data-mode=direct] .r3__cell:is([data-cell=b],[data-cell=c]):after,.r3[data-mode=inverse] .r3__cell:is([data-cell=a],[data-cell=b]):after{content:"×";font-size:var(--text-base)}.r3[data-mode=direct] .r3__cell[data-cell=a]:after,.r3[data-mode=inverse] .r3__cell[data-cell=c]:after{content:"÷";border:1.5px solid var(--accent);background:var(--sheet);color:var(--accent)}.r3__figures{grid-template-columns:1fr;padding-block-end:0}.r3__main{border-block-end:0}.r3__main dd{overflow-wrap:anywhere;color:var(--ink-3);transition:color var(--duration) var(--ease-out)}.r3.is-solved .r3__main dd{color:var(--accent)}.r3__explain{align-content:start;gap:var(--space-2);flex:1}.r3__formula{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--paper);font-family:"Literata Variable", var(--font-sans);overflow-wrap:anywhere;font-weight:600}