!--
Volunteer Blue — header HTML element: Bluesky + VB login icons
Paste this into the header's HTML element (the one that renders as .w-html.ush_html_1),
replacing what is there now.
WHY IT CHANGED
1. ONE size, in one place. Everything below is expressed in terms of
--vb-icon-size, so changing that single value resizes both icons. The old
version repeated "20px" in eleven places across width, height, min-width,
min-height, the ::before box and inline attributes.
2. The login 's inline style="width:20px !important; …" is REMOVED.
An !important declaration in an inline style attribute sits at the very top
of the CSS cascade — no stylesheet, however specific, can override it. That
is why the icon would not grow no matter what was changed elsewhere.
3. The Bluesky is REMOVED. The anchor was drawing its logo twice: once as
that PNG, and again via the ::before mask of the SVG. The mask version is
the one that renders correctly and takes the brand colour, so the PNG was a
leftover from the first attempt.
MATCHING THE FONTAWESOME ICONS
The other icons (Facebook, Instagram, YouTube, TikTok, Substack) are in Impreza's
Social Links element, which has no size parameter — its box is 2.5em, so glyph
font-size is the only lever. That one rule is in the