.bridge-formula-display{display:flex;flex-direction:column;gap:16px;background:var(--guide-paper);color:var(--guide-ink);padding:22px;border-radius:12px;margin-block:24px}
.bridge-formula-display .formula-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:clamp(21px,3vw,29px);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.6}
.formula-line .formula-fraction{display:inline-flex;flex-direction:column;align-items:center;line-height:1.2;font-size:.8em}
.formula-fraction span:first-child{border-bottom:1px solid currentColor;padding:0 5px 4px}.formula-fraction span:last-child{padding-top:4px}
.guide-reader .bridge-formula-display p{font-size:14px;line-height:1.5;margin:0;color:var(--guide-muted)}
.bridge-calculator{background:var(--guide-paper);color:var(--guide-ink);border-radius:12px;padding:22px;margin-block:24px;scroll-margin-top:95px}
.guide-reader .bridge-calculator h2{font-size:24px;margin:0 0 12px}.guide-reader .bridge-calculator p{font-size:15px;line-height:1.5}
.bridge-calculator form,.bridge-fields{display:flex;flex-direction:column;gap:18px}.bridge-field{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.bridge-field label{font-size:15px;font-weight:650}.bridge-field small{font-size:13px;color:var(--guide-muted);line-height:1.4}
.guide-site .bridge-field input{width:100%;min-height:48px;padding:12px;border:1px solid var(--site-line);border-radius:8px;background:var(--guide-white);color:var(--guide-ink);font-size:18px;font-variant-numeric:tabular-nums}
.bridge-actions{display:flex;flex-direction:column;gap:10px}.bridge-actions button{min-height:44px;padding:12px 16px;border:0;border-radius:8px;font:inherit;font-weight:650;background:var(--site-action);color:var(--site-on-action)}
.bridge-actions button[type=button]{background:var(--guide-white);color:var(--guide-ink)}
.bridge-output{margin-top:24px;padding-top:20px;border-top:1px solid var(--site-line)}.bridge-output .bridge-result-label{display:block;font-size:14px;color:var(--guide-muted)}
.bridge-output strong[data-bridge-rounded]{display:block;font-size:clamp(28px,5vw,36px);font-weight:650;line-height:1.3;font-variant-numeric:tabular-nums;margin-block:6px 14px}
.bridge-calculator [data-bridge-substitution]{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bridge-calculator [data-bridge-error]{font-weight:650}.bridge-calculator [aria-invalid=true]{outline:2px solid var(--site-link)}
.guide-reader .bridge-calculator .bridge-limit-note{font-size:14px;color:var(--guide-muted);margin-top:18px}.bridge-calculator [data-bridge-status]{font-size:13px;color:var(--guide-muted);margin-top:14px}
@media(min-width:650px){.bridge-fields{flex-direction:row;flex-wrap:wrap}.bridge-field{flex-basis:180px}.bridge-field label{min-height:3.5em}.bridge-actions{flex-direction:row}}