/**
 * Webhelper – anchor target styles (front end)
 *
 * .wh-anchor markers are inserted by the Anchor TinyMCE button as
 *   <div class="wh-anchor" id="name">name</div>
 * They are visible chips inside the editor (see webhelper-editor.css)
 * and invisible on the front end.
 *
 * scroll-margin-top is also applied to every [id] so legacy anchors
 * (<a id="..."></a>) and any other in-page hash targets land just
 * below fixed headers when reached via #hash navigation or jump links.
 *
 * Each child theme should set --wh-anchor-offset on :root to match
 * its own fixed-header height. Default 140px works for typical setups.
 *   :root { --wh-anchor-offset: 152px; }
 */

.wh-anchor {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    scroll-margin-top: var(--wh-anchor-offset, 140px);
}

[id] {
    scroll-margin-top: var(--wh-anchor-offset, 140px);
}