.qcd {
    cursor: pointer;
    color: #0073aa;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
    display: inline;
}

.qcd:hover {
    color: #005177;
    text-decoration-color: currentColor;
}

.qcd:active {
    color: #003d5c;
}

/* qcd-newtab: opens link in a new tab on click (handled in obfuscator.js) */
.qcd.qcd-newtab::after {
    content: '';
}

/* When wrapping an SVG icon — no underline, just color shift */
.qcd svg {
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.15s ease;
}

.qcd:hover svg {
    opacity: 0.75;
}