.site-compliance {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .45rem .9rem;
    padding: 1rem clamp(1rem, 4vw, 3rem);
    border-top: 1px solid rgba(216, 255, 225, .09);
    background: rgba(8, 12, 11, .72);
    color: rgba(216, 255, 225, .58);
    font: 11px/1.65 var(--font-mono, "JetBrains Mono", monospace);
    letter-spacing: .08em;
    text-align: center;
}

.site-compliance__link {
    color: inherit;
    text-decoration: none;
    transition: color .18s ease, border-color .18s ease;
    border-bottom: 1px solid transparent;
}

.site-compliance__link:hover {
    color: var(--accent-primary, #d8ffe1);
    border-bottom-color: currentColor;
}

.site-compliance__link:focus-visible {
    color: var(--accent-primary, #d8ffe1);
    outline: 1px solid currentColor;
    outline-offset: 4px;
}

.site-compliance__link--police::before {
    content: "◇";
    margin-right: .45rem;
    color: var(--accent-primary, #d8ffe1);
}

.site-compliance__separator {
    color: rgba(216, 255, 225, .22);
}

.dashboard-stage > .site-compliance {
    margin-top: auto;
}

.dashboard-stage {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.error-page > .site-compliance {
    position: relative;
    z-index: 20;
}

@media (max-width: 520px) {
    .site-compliance {
        flex-direction: column;
        gap: .3rem;
        letter-spacing: .04em;
    }

    .site-compliance__separator {
        display: none;
    }
}