.readout .affix{vertical-align:baseline;margin:0 0 0 .2em}
.pf-x{display:contents}
.pf-k{display:grid;gap:var(--sp-2)}
.pf-k ol{margin:0;padding-left:1.25rem;display:grid;gap:var(--sp-2);color:var(--text-1);overflow-wrap:anywhere}
.touch .pf-card{gap:var(--sp-3)}
[data-formulas]{position:relative}
.pf-g{align-self:center;font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;color:var(--text-3)}
.pf-gc{display:flex;gap:var(--sp-2)}
*+.pf-gc{margin-left:var(--sp-2)}
.pf-solve,.pf-end,.pf-set{display:flex;align-items:center;gap:var(--sp-3);font-weight:500}
.pf-solve{font-size:var(--fs-sm)}
.pf-solve .segmented{flex:1}
.pf-rows{grid-template-columns:max-content minmax(0,1fr);gap:var(--sp-2) var(--sp-3);align-items:center}
.pf-rows .error{grid-column:1/-1}
.pf-row{display:contents}
.pf-row label{white-space:nowrap}
.pf-row input{font-size:var(--fs-md);padding-inline:var(--sp-2)}
.pf-row select{width:5.25rem;border:0;border-left:1px solid var(--border);background:var(--bg-2);color:var(--text-1);padding:0 1.375rem 0 .5rem;text-overflow:ellipsis}
.pf-row select:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.pf-rows .select::after{right:.625rem}
@container (max-width:22rem){.pf-rows{column-gap:var(--sp-2)}.pf-row select{width:4.5rem}}
.pf-ans .adorned{background:var(--accent-soft)}
.pf-ans ::placeholder{color:var(--text-1);font-weight:600}
.pf-end,.pf-set{justify-content:space-between;flex-wrap:wrap}
.pf-pm{width:3.5rem;font-size:var(--fs-xl)}
.pf-svg{display:block;width:100%;max-width:30rem}
.pf-b{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}
.pf-gh,.pf-l,.pf-ar,.pf-pl,.pf-w{fill:none;stroke:var(--text-2);stroke-width:1.5}
.pf-gh{stroke-dasharray:4 3}
.pf-ar,.pf-pl{stroke:var(--text-1);stroke-width:2}
.pf-pl{stroke-width:4}
.pf-w{stroke:var(--accent);stroke-width:2.5}
.pf-hd,.pf-t{fill:var(--text-1)}
.pf-t{font-size:11.5px;font-weight:600;paint-order:stroke;stroke:var(--bg-1);stroke-width:3px}
.pf-a{fill:var(--accent)}
.breakdown .v{text-align:right;overflow-wrap:anywhere}