/*
 * Weblinks im Guden Draht (Issue #401). Skript: `chat-links.js`. Gemeinsam für
 * Hörerfläche, Einbettung, Webplayer, Redaktion und Studio.
 *
 * Der Link erbt die Textfarbe der Zeile und ist durch Unterstreichung
 * erkennbar – so bleibt er im Hell- wie im Dunkelmodus lesbar, ohne dass hier
 * eine Farbe geraten wird. Lange Adressen brechen überall um; sie machen
 * weder die Kopfzeile noch den Verlauf breiter.
 */

.rgl-link {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
    word-break: break-word;
    min-width: 0;
    max-width: 100%;
}

.rgl-link:hover {
    text-decoration-thickness: 3px;
}

.rgl-link:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 2px;
    border-radius: 2px;
}