アンカーリンクのジャンプ先の見出し上に余白を設けたい。

【お使いの Snow Monkey のバージョン】27.4.1
【お使いの Snow Monkey Blocks のバージョン】22.3.1
【お使いの Snow Monkey Editor のバージョン】10.1.0
【お使いのブラウザ】Chrome
【当該サイトのURL】

### 実現したいこと

アンカーリンクにジャンプした時、ジャンプ先の見出しの上に余白を設けたい。

### 発生している問題

見出しが上部の固定ヘッダの下に隠れてしまう。

### 試したこと

h2.anchor{
padding-top: 100px;
margin-top: -100px;
}

とするとデフォルトのマージンが消えてしまうので、試しにこのように書いてみたのですが↓

h2.anchor{
padding-top: 100px;
margin-top: calc(var(–_h2-margin-top) – 100px);
}

今度はデフォルトのマージンよりさらに広いマージンが取られてしまいました。
CSSだけでコントロールする良い方法はあるでしょうか？