/*
 * Site-wide CSS that can't be expressed through Elementor's controls.
 * Prefer Site Settings (colors, typography, buttons) and widget controls first
 * so the client can edit styling in Elementor.
 */

/* Editorial display type: <em> inside a heading with the "hg-display" class turns gold italic (e.g. "High <em>Grade.</em>"). */
.hg-display em { font-style: italic; color: var(--e-global-color-secondary); }
/* Oversized words that link (services index) shift to gold on hover. */
.hg-index a { transition: color .3s ease, letter-spacing .4s ease; }
.hg-index a:hover { color: var(--e-global-color-secondary) !important; letter-spacing: .01em; }