/* app/assets/styles/layout.css */

/* === layout / shell === */
.page-shell {
    max-width: 960px;
    margin: 1.5rem auto;
    padding: 0 1rem;
}

.page-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 .25rem;
}

.page-sub {
    margin: 0;
    font-size: .875rem;
    color: #6b7280;
}

/* === global footer === */
.site-footer {
    margin-top: 3rem;
    padding: 1.5rem 0 2rem;
    font-size: 0.85rem;
    color: #6b7280;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
}

.site-footer__inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}

.site-footer__brand {
    font-weight: 600;
}

.site-footer__link {
    color: inherit;
    text-decoration: none;
}

.site-footer__link:hover {
    text-decoration: underline;
}