.footer-container {
    display: flex;
    justify-content: center;
    padding: 1.5rem 1rem 2.5rem;
    background: var(--background);
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.footer {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
    font-size: 0.85rem;
    color: rgba(15, 23, 42, 0.55);
}

.footer-divider {
    margin: 0 0.35rem;
    opacity: 0.55;
}

.footer-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease, opacity 0.2s ease;
}

.footer-link:hover,
.footer-link:focus-visible {
    opacity: 0.9;
    border-bottom-color: currentColor;
}

:root[data-theme='dark'] .footer {
    color: rgba(229, 231, 235, 0.65);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .footer {
        color: rgba(229, 231, 235, 0.65);
    }
}