/* footer.css — Footer strip */

.footer-strip {
    padding: 20px 40px; border-top: 1px solid var(--rule);
    display: flex; justify-content: space-between; align-items: center;
    font-family: var(--font-mono); font-size: 0.6875rem;
    color: var(--muted); letter-spacing: 0.04em;
}
.footer-strip a {
    color: var(--mid); text-decoration: none;
    transition: color 0.2s var(--ease);
}
.footer-strip a:hover { color: var(--accent); }

/* Mobile contact link — hidden on desktop, visible at ≤900px */
.footer-contact { display: none; }

@media (max-width: 900px) {
    .footer-contact {
        display: inline;
        color: var(--mid); text-decoration: none;
        transition: color 0.2s var(--ease);
    }
    .footer-contact:hover { color: var(--accent); }
}

@media (max-width: 560px) {
    .footer-strip {
        flex-direction: column; gap: 8px;
        text-align: center; padding: 16px 20px;
    }
}