/* Showpiece: calculators. Behavior lives in calculator.js; every number, label and formula lives in the HTML. Tokens only. */
.calc{margin-block:var(--space-8) var(--space-block)}
.calc-grid{display:grid;gap:var(--space-block)}
@media (min-width:768px){.calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.calc-inputs{border:2px solid var(--color-text-primary);border-radius:var(--radius-sm);padding:var(--space-8);display:grid;gap:var(--space-7)}
.calc-row{display:grid;gap:var(--space-7)}
@media (min-width:480px){.calc-row--2{grid-template-columns:2fr 1fr}.calc-row--even{grid-template-columns:1fr 1fr}}
.field-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}
.field-error{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-strong);color:var(--color-status-danger)}
.field-error[hidden]{display:none}
select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-primary) 50%),linear-gradient(135deg,var(--color-text-primary) 50%,transparent 50%);background-position:calc(100% - 22px) 55%,calc(100% - 16px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:var(--space-section)}
.calc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5)}
.calc-result{background:var(--color-surface-strong);border-radius:var(--radius-sm);padding:var(--space-8);min-height:14rem}
.calc-empty{margin:0;font-size:var(--font-size-lg)}
.calc-answer[hidden],.calc-empty[hidden]{display:none}
.calc-label{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-heavy);letter-spacing:.08em;text-transform:uppercase}
.calc-big{margin:0 0 var(--space-4);font-size:clamp(var(--font-size-3xl),1.5rem + 2vw,var(--font-size-4xl));font-weight:var(--font-weight-heavy);line-height:1.05}
.calc-detail{margin:0 0 var(--space-5)}
.calc-list{margin:0 0 var(--space-5);padding-left:1.2em}
.calc-warn{font-weight:var(--font-weight-strong)}
.calc-warn[hidden]{display:none}
.calc-formula{margin:var(--space-5) 0 0;padding-top:var(--space-5);border-top:var(--space-1) solid var(--color-text-primary);font-size:var(--font-size-sm)}
.calc-source{margin:var(--space-4) 0 0;font-size:var(--font-size-sm)}
.calc-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}
.calc-status{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-strong)}
.calc-nojs{margin:0}
.js .calc-nojs{display:none}
.calc table td[data-fill]:empty::before{content:"\2013"}

.th-sub{display:block;font-weight:var(--font-weight-base)}