.pct{gap:var(--space-3);display:grid}@media (min-width:52rem){.pct{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.pct{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}}.pct__card{transition:border-color var(--duration) var(--ease-out)}.pct__card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-sheet)}.pct__body{gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-5);flex:1;grid-template-rows:auto 1fr auto;display:grid}.pct__sentence{align-items:center;gap:var(--space-2);color:var(--ink);font-size:var(--text-md);flex-wrap:wrap;line-height:1.5;display:flex}.pct__input{min-inline-size:4.5rem;font-family:"Literata Variable", var(--font-sans);font-size:var(--text-md);text-align:center;flex:0 6rem;font-weight:600}.pct__answer{justify-content:space-between;align-items:end;gap:var(--space-3);border-block-start:1px solid var(--sheet-rule);padding-block-start:var(--space-3);display:flex}.pct__result{overflow-wrap:anywhere;min-inline-size:0;color:var(--ink-3);font-family:"Literata Variable", var(--font-display);letter-spacing:-.01em;transition:color var(--duration) var(--ease-out);font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem);font-weight:500;line-height:1.15}.pct__card.is-solved .pct__result{color:var(--accent)}.pct__copy{flex:none}.pct__formula{color:var(--ink-2);font-size:var(--text-sm);unicode-bidi:plaintext}