/* ---- force gold on any .gold-link, incl. inside headings -------- */
html:not(.switch) h1 a.gold-link,
html:not(.switch) h1 a.gold-link:link,
html:not(.switch) h1 a.gold-link:visited,
html:not(.switch) h1 a.gold-link:hover,
html:not(.switch) h1 a.gold-link:focus,
html:not(.switch) h1 a.gold-link:active,
html:not(.switch) h2 a.gold-link,
html:not(.switch) h2 a.gold-link:link,
html:not(.switch) h2 a.gold-link:visited,
html:not(.switch) h2 a.gold-link:hover,
html:not(.switch) h2 a.gold-link:focus,
html:not(.switch) h2 a.gold-link:active,
html:not(.switch) h3 a.gold-link,
html:not(.switch) h3 a.gold-link:link,
html:not(.switch) h3 a.gold-link:visited,
html:not(.switch) h3 a.gold-link:hover,
html:not(.switch) h3 a.gold-link:focus,
html:not(.switch) h3 a.gold-link:active,
a.gold-link,
a.gold-link:link,
a.gold-link:visited,
a.gold-link:hover,
a.gold-link:focus,
a.gold-link:active {
    color: #d4af37 !important;
    text-decoration: none;          /* default: no line */
}

/* --- gold underline on interactive states ----------------------- */
a.gold-link:hover,
a.gold-link:focus,
a.gold-link:active,
html:not(.switch) h1 a.gold-link:hover,
html:not(.switch) h2 a.gold-link:hover,
html:not(.switch) h3 a.gold-link:hover,
html:not(.switch) h1 a.gold-link:focus,
html:not(.switch) h2 a.gold-link:focus,
html:not(.switch) h3 a.gold-link:focus,
html:not(.switch) h1 a.gold-link:active,
html:not(.switch) h2 a.gold-link:active,
html:not(.switch) h3 a.gold-link:active {
    text-decoration: underline;     /* one-pixel underline */
    text-decoration-color: #d4af37; /* same gold */
    text-decoration-thickness: 1px; /* optional: tweak as you like */
    text-underline-offset: 2px;     /* lowers the line a bit (nice on Retina) */
}