.calc{display:grid;gap:var(--sp-4)}@media(min-width:52rem){.calc{grid-template-columns:20rem 1fr;align-items:start}}.calc-form{display:grid;gap:var(--sp-4);padding:var(--sp-3);background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:var(--radius)}.calc-form fieldset{border:0;margin:0;padding:0}.calc-form legend{font-size:var(--fs-sm);font-weight:600;padding:0;margin-bottom:var(--sp-2)}.calc-form .opts{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.calc-form label{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:2.75rem;padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius);font-size:var(--fs-sm);cursor:pointer}.calc-form label.on{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 12%,transparent);font-weight:600}.calc-form label:focus-within{outline:2px solid var(--c-accent);outline-offset:2px}.calc-form .hint{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);color:var(--c-fg-muted)}.calc-out{display:grid;gap:var(--sp-3);align-content:start}.calc-out .box{padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg-soft)}.calc-out .box p{margin:0 0 var(--sp-2)}.calc-out .box p:last-child{margin-bottom:0}.calc-out .box-ok{border-left:4px solid var(--c-accent)}.calc-out .box-warn{border-left:4px solid var(--c-notice-border);background:var(--c-notice-bg);margin-top:var(--sp-3)}.calc-out .box-todo{border-style:dashed;color:var(--c-fg-muted)}.calc-out .box-plain{background:transparent;font-size:var(--fs-sm);color:var(--c-fg-muted)}.calc-out .lead{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-fg-muted)}.calc-out .big{font-size:var(--fs-2xl);color:var(--c-fg);line-height:1.1}.calc-out .notes{margin:var(--sp-2) 0 0;padding-left:1.2em;font-size:var(--fs-xs);color:var(--c-fg-muted)}.calc-out .notes li+li{margin-top:.25em}.calc-out .src{font-size:var(--fs-xs)}