/* Site footer — loaded unconditionally (see tutoring_styles() in
   functions.php) since footer.php is a single file shared by every page
   type (base/outside/expert), unlike headers which have per-type variants
   and per-type stylesheets. Fallback color values keep this readable even
   on the rare page where none of t7-base.css/t7-outside.css/t7-expert.css
   happen to be loaded to define the --border/--muted/--text tokens. */
.site-footer {
    margin-top: 40px;
    padding: 28px 20px;
    border-top: 1px solid var(--border, rgba(255, 255, 255, 0.08));
    text-align: center;
}

.site-footer__inner {
    max-width: 900px;
    margin: 0 auto;
}

.site-footer__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin-bottom: 10px;
}

.site-footer__legal a {
    color: var(--muted, #9aa1ac);
    font-size: 0.85rem;
    text-decoration: none;
}

.site-footer__legal a:hover {
    color: var(--text, #f5f5f5);
    text-decoration: underline;
}

.site-footer__copy {
    margin: 0;
    font-size: 0.8rem;
    color: var(--muted, #9aa1ac);
}