.bits-tool{margin:28px 0;color:var(--ink)}
.bits-tool section{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,34px);margin:0 0 22px;box-shadow:0 10px 30px #102d3c0c;min-width:0}
.bits-tool h2{font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.2;margin:0 0 12px}.bits-tool h3{font-size:1.1rem;margin:24px 0 8px}.bits-tool p{color:var(--muted);line-height:1.65}.bits-tool .intro p:not(.eyebrow),.bits-tool .learn p:not(.eyebrow):not(.footnote){text-align:justify;hyphens:auto}.bits-tool .eyebrow{color:var(--accent);margin:0 0 10px}.bits-tool .intro,.bits-tool .learn{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);gap:28px;align-items:start}.bits-tool .concepts{display:grid;gap:10px}.bits-tool .concepts div,.bits-tool .example{display:grid;gap:5px;background:var(--soft);border-left:4px solid var(--accent);border-radius:9px;padding:16px}.bits-tool .concepts span,.bits-tool .example span{color:var(--muted)}.bits-tool .example strong{font-size:1.7rem}.bits-tool .section-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.bits-tool .badge{background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:6px 10px;white-space:nowrap;font-weight:700}.bits-tool fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:16px}.bits-tool legend{font-weight:700;padding:0 5px}.bits-tool legend span{color:var(--muted);font-size:.85em}.bits-tool .base-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bits-tool .unit-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bits-tool .unit-group{margin:0}.bits-tool .unit-field{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.4fr);align-items:center;gap:12px;margin:12px 0}.bits-tool label span,.bits-tool label small{display:block}.bits-tool label small,.bits-tool small,.bits-tool .input-help,.bits-tool .footnote,.bits-tool .table-hint{color:var(--muted);font-size:.88rem}.bits-tool input,.bits-tool select{width:100%;min-width:0;min-height:44px;border:1px solid var(--field-border);border-radius:8px;padding:9px 11px;background:var(--white);color:var(--ink);font:inherit}.bits-tool input[aria-invalid=true]{border-color:#b93838;outline:2px solid #b93838}.bits-tool .actions{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}.bits-tool .rounding{display:grid;gap:8px;max-width:460px}.bits-tool .reset{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:9px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}.bits-tool .status{min-height:1.6em}.bits-tool .table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}.bits-tool table{border-collapse:collapse;min-width:750px;width:100%;font-variant-numeric:tabular-nums}.bits-tool th,.bits-tool td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.bits-tool thead{background:var(--soft)}.bits-tool .notice{padding:12px;border:1px solid var(--line);border-radius:8px}
@media(max-width:750px){.bits-tool .intro,.bits-tool .learn,.bits-tool .unit-groups{grid-template-columns:1fr}.bits-tool .base-fields{grid-template-columns:1fr}.bits-tool .section-head{flex-wrap:wrap}.bits-tool section{padding:18px}.bits-tool .unit-field{grid-template-columns:minmax(100px,1fr) minmax(0,1.3fr)}}