.fits{grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(20px,3vw,40px);display:grid}.fits-inputs{gap:12px;display:grid}.fits-chip{border:1px solid var(--rule-strong);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;background:var(--paper);padding:18px 22px;font-size:13px}.fits-conn{background:var(--ink);justify-self:center;width:56px;height:2px;position:relative}.fits-conn:after{content:"";border:7px solid #0000;border-left-color:var(--ink);position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.fits-output{border:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:clamp(28px,4vw,48px)}.fits-output .fo-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10px}.fits-output h3{letter-spacing:-.02em;margin-top:10px;font-size:clamp(26px,3vw,40px);line-height:1.02}.fits-caption{letter-spacing:-.015em;margin-top:28px;font-size:clamp(18px,2vw,24px)}.fits-caption .em{color:var(--accent)}.fits-caption a.em{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.fits-caption a.em:hover,.fits-caption a.em:focus-visible{color:var(--ink)}@media (max-width:860px){.fits{grid-template-columns:1fr;gap:18px}.fits-conn{width:2px;height:40px}.fits-conn:after{border-left-color:#0000;border-top-color:var(--ink);top:auto;bottom:-1px;right:50%;transform:translate(50%)}}