.calc-section{border-bottom:1px solid var(--border-default)}.calc-wrap{max-width:var(--max-width);margin:0 auto;padding:56px 48px 64px}.calc-head h2{font-size:1.6rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text-default);margin:0 0 8px}.calc-head p{margin:0 0 24px;max-width:68ch;color:var(--text-subdued);line-height:1.65}.calc-illustration{margin:0 0 24px;padding:10px 14px;border-inline-start:3px solid var(--color-accent);color:var(--text-default);font-size:.92rem;line-height:1.55;background:var(--bg-card)}.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.calc-panel{border:1px solid var(--border-default);border-radius:8px;background:var(--bg-card);padding:24px;min-width:0}.calc-panel>h3{margin:0 0 16px;font-size:1.05rem;font-weight:600;color:var(--text-default)}.calc-fields{display:flex;flex-direction:column;gap:18px}.calc-field{display:flex;flex-direction:column;gap:6px;min-width:0}.calc-field[hidden],.calc-conditional[hidden]{display:none}.calc-field>label,.calc-fieldset>legend{font-size:.82rem;font-weight:600;color:var(--text-default);padding:0}.calc-hint{margin:0;font-size:.78rem;line-height:1.5;color:var(--text-muted)}.calc-control{display:block;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border-default);border-radius:6px;font-family:var(--font-sans);font-size:1rem;color:var(--text-default);background:var(--bg-primary);outline:none;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease}.calc-control:focus-visible,.calc-range:focus-visible,.calc-check input:focus-visible{border-color:var(--color-border-accent);box-shadow:0 0 0 3px var(--color-green-500-10);outline:2px solid var(--color-accent);outline-offset:2px}.calc-control[aria-invalid=true]{border-color:var(--color-error)}html[data-theme=dark] .calc-control{border-color:#707070}html[data-theme=light] .calc-control{border-color:var(--color-neutral-500)}.calc-pair{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center}.calc-range{width:100%;min-height:44px;margin:0;accent-color:var(--color-accent);background:transparent;cursor:pointer}.calc-range-out{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-default);border-radius:6px;font-variant-numeric:tabular-nums;color:var(--text-default);font-weight:600}.calc-fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}.calc-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.9rem;color:var(--text-default);cursor:pointer}.calc-check input{width:20px;height:20px;margin:0;accent-color:var(--color-accent);flex:none}.calc-bands{display:flex;flex-direction:column;gap:12px}.calc-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}.calc-band-label{grid-column:1 / -1;margin:0;font-size:.82rem;color:var(--text-subdued)}.calc-band .calc-field>label{font-weight:500;font-size:.78rem;color:var(--text-subdued)}.calc-badge{margin:0 0 16px;display:inline-block;padding:4px 10px;border:1px solid var(--border-default);border-radius:9999px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;color:var(--text-default)}.calc-badge[hidden]{display:none}.calc-results{display:flex;flex-direction:column;gap:20px}.calc-result-block h4{margin:0 0 8px;font-size:.82rem;font-weight:600;color:var(--text-subdued)}.calc-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.calc-figure{min-width:0;padding:12px;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-primary)}.calc-figure dt{font-size:.74rem;color:var(--text-muted);margin:0 0 4px}.calc-figure dd{margin:0;font-size:1.15rem;font-weight:600;line-height:1.25;color:var(--text-default);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calc-figure-main{border-color:var(--color-accent);border-width:2px}.calc-figure-main dd{font-size:1.45rem}.calc-figure-wide{grid-column:1 / -1}.calc-lines{display:flex;flex-direction:column;margin:0}.calc-line{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border-default);font-size:.92rem}.calc-line dt{color:var(--text-subdued);margin:0}.calc-line dd{margin:0;color:var(--text-default);font-weight:600;font-variant-numeric:tabular-nums;text-align:end}.calc-breakdown{margin:8px 0 0;padding:0;list-style:none;font-size:.88rem;color:var(--text-subdued)}.calc-breakdown li{padding:4px 0}.calc-note{margin:0;font-size:.82rem;line-height:1.55;color:var(--text-muted)}.calc-problem{margin:0;padding:10px 12px;border:1px solid var(--color-error);border-radius:6px;font-size:.9rem;color:var(--text-default)}.calc-problem[hidden],.calc-results-body[hidden]{display:none}.calc-noscript{margin:0 0 16px;font-size:.85rem;color:var(--text-subdued)}.calc-examples{margin-top:40px}.calc-examples h3{margin:0 0 6px;font-size:1.2rem;font-weight:600;color:var(--text-default)}.calc-examples h4{margin:24px 0 6px;font-size:1rem;font-weight:600;color:var(--text-default)}.calc-examples p,.calc-examples li{color:var(--text-subdued);line-height:1.7}.calc-examples ul{list-style:disc;padding-inline-start:1.4em;margin:8px 0 0}@media(max-width:900px){.calc-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.calc-wrap{padding:40px 20px 48px}.calc-panel{padding:18px 16px}}@media(max-width:520px){.calc-figures{grid-template-columns:minmax(0,1fr)}.calc-pair{grid-template-columns:minmax(0,1fr) 80px}}.calc-section [hidden]{display:none!important}.calc-results{gap:24px}.calc-note{margin-top:8px}@media(max-width:520px){.calc-figure{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.calc-figure dt{margin:0;font-size:.82rem}.calc-figure-wide{display:block}}
