.fp-controls{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=560px){.fp-controls{grid-template-columns:minmax(0,1fr)}}.fp-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.fp-field>span{color:var(--text-dim);font-size:.8rem}.fp-field input{background:var(--bg-surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem;font:1rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.fp-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fp-headline{margin-bottom:1rem}.fp-headline .fp-headline-row{flex-direction:column;gap:.25rem;display:flex}.fp-headline-label>span,.fp-card-label>span{color:var(--text-dim);font-size:.8rem}.fp-exact{overflow-wrap:anywhere;word-break:break-all;color:var(--text);font:.95rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.fp-exact--small{font-size:.82rem}.fp-verdict{margin:.6rem 0 0;font-size:.9rem;line-height:1.5}.fp-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.fp-cards .fp-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0;flex-direction:column;gap:.25rem;min-width:0;padding:.6rem .75rem;display:flex}.fp-card-note{color:var(--text-dim);font-size:.75rem}.fp-heading{margin:1.5rem 0 .5rem;font-size:1rem}.fp-hint{color:var(--text-dim);margin:0 0 .6rem;font-size:.85rem}.fp-steps{flex-direction:column;gap:.4rem;display:flex}.fp-step{background:var(--bg-surface);border:1px solid var(--border);border-radius:0;grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:center;gap:.5rem 1rem;padding:.5rem .75rem;display:grid}@media (width<=620px){.fp-step{grid-template-columns:minmax(0,1fr)}}.fp-step-label{color:var(--text-dim);align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.fp-step-label b{width:1.4rem;height:1.4rem;color:var(--accent-contrast);background:var(--accent);flex:none;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.fp-equation{min-width:0;font-weight:400;display:block;overflow-x:auto}.fp-equation .katex-display{margin:0}.fp-bits{flex-wrap:wrap;gap:6px 14px;margin-bottom:.5rem;display:flex}.fp-bit-group{flex-wrap:wrap;gap:2px;min-width:0;display:flex}.fp-bit{width:1.35rem;height:1.6rem;color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:0;flex:none;padding:0;font:.75rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width<=480px){.fp-bit{width:1.1rem;height:1.4rem;font-size:.65rem}}.fp-bit.is-one{color:var(--text);font-weight:700}.fp-bit--sign.is-one,.fp-bit--sign{border-bottom:3px solid #dc2626}.fp-bit--exp,.fp-bit--exp.is-one{border-bottom:3px solid #d97706}.fp-bit--mant,.fp-bit--mant.is-one{border-bottom:3px solid #2563eb}.fp-bit:hover{background:var(--accent-dim);color:var(--accent-contrast)}.fp-bit:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fp-bits-legend{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.78rem;display:flex}.fp-swatch{vertical-align:middle;width:.8rem;height:.4rem;margin-right:.35rem;display:inline-block}.fp-swatch--sign{background:#dc2626}.fp-swatch--exp{background:#d97706}.fp-swatch--mant{background:#2563eb}.fp-hex strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.fp-visual{margin:1.25rem 0}.fp-arith{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.fp-arith-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fp-operand{overflow-wrap:anywhere;border:1px dashed var(--border);flex:0 auto;min-width:0;padding:.5rem .6rem;font:1rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.fp-field--other{flex:8rem;min-width:0}.fp-arith-row>*{min-width:0}.fp-arith .fp-arith-result,.fp-arith .fp-arith-expected{flex-direction:column;gap:.2rem;min-width:0;display:flex}.fp-arith-verdict,.fp-verdict,.fp-card-note{overflow-wrap:anywhere}.fp-arith-verdict{margin:0;font-size:.9rem;line-height:1.5}.fp-arith-verdict.is-off{color:#d97706}.fp-contracts,.fp-vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fp-headline .fp-headline-row,.fp-cards .fp-card,.fp-arith .fp-arith-result,.fp-arith .fp-arith-expected{flex-direction:column;align-items:stretch;column-gap:0;margin:0;transition:none;display:flex}.fp-headline .fp-headline-row,.fp-arith .fp-arith-result,.fp-arith .fp-arith-expected{border-bottom:0;padding:0}.fp-headline .fp-headline-row:hover,.fp-cards .fp-card:hover,.fp-arith .fp-arith-result:hover,.fp-arith .fp-arith-expected:hover{box-shadow:none;background:0 0}.fp-cards .fp-card:hover{background:var(--bg-surface)}.fp-headline .bd-row>strong,.fp-cards .bd-row>strong,.fp-arith .bd-row>strong{text-align:left;white-space:normal}
