/* Clean, minimal footer styles extracted from home.css
   Purpose: simplify spacing, improve readability, keep colors neutral and consistent
*/
.md-footer {
background-color: var(--md-footer-bg-color, #0b2a3a);
color: var(--md-footer-fg-color, #e6f7ff);
padding: 1.5rem 0.5rem;
}

.md-footer-meta {
width: 100%;
}

.md-footer-meta__inner.md-grid {
max-width: 61rem;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.25rem 0.5rem;
}

.md-footer-copyright {
font-size: 0.95rem;
color: var(--md-footer-fg-color, #e6f7ff);
}

.md-footer a {
color: var(--md-footer-fg-color, #e6f7ff);
text-decoration: none;
}

.md-footer a:hover {
color: var(--md-accent-fg-color, #00bcd4);
}

@media (max-width: 768px) {
.md-footer-meta__inner.md-grid {
flex-direction: column;
align-items: flex-start;
gap: 0.6rem;
}
.md-footer {
padding: 1rem 0.5rem;
}
}