/* Severance calculator (/tools/china-severance-calculator/): only what the shared calculator styles lack.
   site.css resets every input with appearance:none and defines no checked state, so a ticked box looked
   exactly like an empty one. Restore the native checkbox inside this calculator only. */
#sev-calc input[type="checkbox"]{-webkit-appearance:checkbox;appearance:auto;width:22px;height:22px;margin:0;padding:0;flex:0 0 auto;accent-color:var(--blue,#2d6bff);cursor:pointer}
#sev-calc .calc-check{cursor:pointer}
/* A hint paragraph sits between two .calc-head rows, which cancels the shared ".calc-head+.calc-head"
   spacing; .calc .calc-note has no bottom margin, so the next label would touch the hint. The same
   holds inside the optional <details> groups and for the no-script note. */
#sev-calc>.calc-note,#sev-calc>details>.calc-note,#sev-calc>noscript>.calc-note{margin-bottom:16px}
/* The interior theme raises every article paragraph to 16px; form hints are secondary text. */
#sev-calc>.calc-note,#sev-calc>details>.calc-note{font-size:14px;line-height:1.5}
/* A field's error, written by assets/severance-tool.js right after the field's hint. */
#sev-calc>.calc-warn,#sev-calc>details>.calc-warn{margin:-8px 0 16px;font-size:14px;line-height:1.5}
#sev-calc [aria-invalid="true"]{border-color:#b3261e;box-shadow:inset 0 0 0 1px #b3261e}
/* Optional groups fold away so the result stays close to the required fields. The summary keeps the
   calc-h3 look; site.css sets calc-h3 at 9.5px, so give it a readable size and a 44px tap target. */
#sev-calc>details{border-top:1px dotted #071b3826;margin-top:16px}
#sev-calc>details>summary{font-size:16px;line-height:20px;margin:0;padding:12px 0;cursor:pointer}
#sev-calc>details[open]>summary{margin-bottom:4px}
/* The interior theme sets every article paragraph, the result headline included, to 16px. */
#sev-calc .calc-big{font-size:32px;line-height:1.1}
#sev-calc .calc-big span{font-size:14px}