.hoh-body-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.hoh-body-label{color:var(--text-dim);white-space:nowrap;font-size:.9em}.hoh-body-btns{gap:.4rem;display:flex}.hoh-body-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .75rem;font-size:.88em;transition:background .15s,color .15s,border-color .15s}.hoh-body-btn:hover{border-color:var(--accent);color:var(--text)}.hoh-body-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.hoh-inputs{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.hoh-inputs{grid-template-columns:1fr}}.hoh-input-row{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.hoh-num{text-align:right;width:100%;min-width:0;font-family:var(--font-mono)}.hoh-canvas-wrap{margin-top:.9rem}#hoh-canvas{width:100%;height:auto;display:block}.hoh-result-box{margin-top:.9rem}.hoh-result-grid{grid-template-columns:auto auto;align-items:baseline;gap:.35rem 1.25rem;display:grid}.hoh-result-grid div:nth-child(odd){color:var(--text-dim)}.hoh-formula{margin-top:.75rem;overflow-x:auto}.hoh-spock-text{color:var(--text-dim);margin:.6rem 0 .4rem;line-height:1.6}.sample-context{color:var(--text-dim);border-left:3px solid var(--accent);margin-top:.4rem;padding:.45rem .75rem;font-size:.875em;line-height:1.55}.sample-context:empty{display:none}.hoh-spock-canvas-wrap{margin-top:.75rem}#hoh-spock-canvas{width:100%;height:auto;display:block}