:root{--calc-error: #B91C1C;--calc-note-bg: #FFFBEB;--calc-note-border: #D97706}[data-theme=dark]{--calc-error: #FCA5A5;--calc-note-bg: rgba(245, 158, 11, .08);--calc-note-border: #F59E0B}.calc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-8) 0;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5}.calc .calc-title.calc-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2);padding:0;border:0}.calc .calc-subtitle.calc-subtitle{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2);padding:0;border:0}.calc .calc-intro,.calc .calc-hint,.calc .calc-basis,.calc .calc-small{color:var(--text-on-surface, var(--color-text-muted));font-size:var(--text-sm);margin:0 0 var(--space-3)}.calc .calc-badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.1rem .5rem;margin-bottom:var(--space-3)}.calc fieldset{border:0;margin:0 0 var(--space-4);padding:0;min-width:0}.calc legend{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--color-text);padding:0;margin-bottom:var(--space-3)}.calc .calc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-4)}.calc .calc-field{min-width:0}.calc .calc-field label{display:block;font-weight:600;font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1)}.calc .calc-optional{font-weight:400;color:var(--text-on-surface, var(--color-text-muted))}.calc .calc-input{display:flex;align-items:stretch}.calc .calc-affix{display:flex;align-items:center;padding:0 .6rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-on-surface, var(--color-text-muted));background:var(--color-surface-raised);border:1px solid var(--color-border-strong);white-space:nowrap}.calc .calc-affix-pre{border-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.calc .calc-affix-post{border-left:0;border-radius:0 var(--radius-md) var(--radius-md) 0}.calc input[type=number],.calc input[type=text]{flex:1 1 auto;min-width:0;width:100%;min-height:2.75rem;padding:.5rem .75rem;font-family:var(--font-mono);font-size:1rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.calc .calc-affix-pre+input{border-radius:0 var(--radius-md) var(--radius-md) 0}.calc input:has(+.calc-affix-post){border-radius:var(--radius-md) 0 0 var(--radius-md)}.calc input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 4px var(--focus-ring-halo)}.calc input[aria-invalid=true]{border-color:var(--calc-error);border-width:2px}.calc .calc-hint{margin:var(--space-1) 0 0}.calc .calc-error{margin:var(--space-1) 0 0;font-size:var(--text-sm);font-weight:600;color:var(--calc-error)}.calc [hidden]{display:none!important}.calc .calc-sub-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-3);margin-bottom:var(--space-3)}@media(max-width:30rem){.calc .calc-sub-row{grid-template-columns:minmax(0,1fr)}}.calc .calc-results{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.calc[data-state=error] .calc-results{opacity:.75}.calc dl{margin:0}.calc .calc-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3) var(--space-4)}@media(min-width:36rem){.calc .calc-rows{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.calc .calc-rows .calc-row-wide{grid-column:1 / -1}}.calc dt{font-size:var(--text-sm);color:var(--text-on-surface, var(--color-text-muted))}.calc dd{margin:0;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-text);overflow-wrap:anywhere}.calc .calc-row-strong dd{font-size:var(--text-2xl)}.calc .calc-note{background:var(--calc-note-bg);border:1px solid var(--calc-note-border);border-left-width:4px;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text)}.calc .calc-how{margin-bottom:var(--space-4)}.calc .calc-how dt{font-weight:600;color:var(--color-text)}.calc .calc-how dd{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--text-on-surface, var(--color-text-muted));margin-bottom:var(--space-3)}.calc .calc-how .calc-worked{font-family:var(--font-mono);color:var(--color-text)}section.calc a.calc-link{color:var(--link-on-surface);text-decoration:underline;border-bottom:0}