/* Header clearance belongs to html scroll-padding in tool-layout.
   Targets add only local spacing or clearance for a second sticky toolbar.
   Do not add --tool-header-height again: the browser sums both offsets. */
#ux-unit-converter,#material-results{scroll-margin-top:14px}
#calculation-list{scroll-margin-top:16px}
/* The browser adds html scroll-padding (the main header) to this margin.
   Reserve the measured second toolbar once, including translated/wrapped rows.
   Cover nested results and runtime-created targets as well as the three cards. */
.calc-site main [id],
#calc-diagram-card,#calc-input-card,#calc-results-card,
.calc-site #calc-diagram-card,.calc-site #calc-input-card,.calc-site #calc-results-card,
.calc-site #calc-safety-panel,.calc-site #calc-safety-input,.calc-site #calc-safety-results,
.calc-site #calc-comparison-card{scroll-margin-top:calc(var(--tool-shortcuts-height,58px) + 20px)}
.design-guide [id]{scroll-margin-top:20px}
.calc-guide-example{scroll-margin-top:80px}
.motion-main .settings input,.motion-main .settings select{scroll-margin-top:20px}
#visualization-workspace,#science-tool,#flow-tool,#size-tool{scroll-margin-top:16px}
/* These sections begin with their controls; nothing above the target needs
   another header-sized reservation. Existing sticky control behavior stays. */
.act-workspace,.linkage-workspace{scroll-margin-top:16px}
.linkage-site .linkage-scene{scroll-margin-top:16px}
.animation-categories,.animation-category{scroll-margin-top:16px}
#calc-input-card [id^="field-"]{scroll-margin-top:calc(var(--tool-shortcuts-height,58px) + 20px)}