/* 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}
#calc-diagram-card,#calc-input-card,#calc-results-card,
.calc-site #calc-diagram-card,.calc-site #calc-input-card,.calc-site #calc-results-card{scroll-margin-top:70px}
.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}
@media(max-width:760px){
 #calc-input-card [id^="field-"]{scroll-margin-top:190px}
}