/* Shared EXPLICO® text wordmark (topbar + display sizes) */

:root {
    --text: #e8eef5;
    --muted: #9aabbb;
    --cyan: #6adfff;
}

a.wordmark,
a.wordmark:link,
a.wordmark:visited,
a.wordmark:active {
    color: var(--text);
    text-decoration: none;
}

.wordmark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: var(--nav-control-h, 36px);
    min-height: var(--nav-control-h, 36px);
    max-height: var(--nav-control-h, 36px);
    padding: 0 16px;
    border-radius: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    font-size: 0.92rem;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    color: var(--text, #e8eef5);
    flex-shrink: 0;
}

.wordmark:hover {
    color: var(--text, #e8eef5);
}

.wordmark:focus-visible {
    color: var(--text, #e8eef5);
    outline: 2px solid rgba(106, 223, 255, 0.9);
    outline-offset: 2px;
}

.wordmark sup {
    font-size: 0.65em;
    letter-spacing: 0;
    vertical-align: super;
}

.wordmark--hero {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0;
    font-size: clamp(1.35rem, 7.5vw, 2.5rem);
    font-weight: 600;
    letter-spacing: 0.16em;
    filter: drop-shadow(0 0 28px rgba(106, 223, 255, 0.28))
        drop-shadow(0 0 40px rgba(185, 166, 255, 0.14));
}

.wordmark--dialog {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 auto;
    padding: 0;
    font-size: clamp(1rem, 4.5vw, 1.5rem);
    font-weight: 600;
    letter-spacing: 0.14em;
}

.wordmark--card {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 auto 20px;
    padding: 0;
    font-size: clamp(1.1rem, 5vw, 1.65rem);
    font-weight: 600;
    letter-spacing: 0.14em;
}