.legal-shell {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding-left: 2%;
    padding-right: 2%;
}

.legal-article-card {
    display: grid;
    gap: 20px;
}

.legal-lead {
    max-width: 62ch;
    margin: 0;
}

.legal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    color: var(--muted);
    font-size: .95rem;
}

.legal-body {
    display: grid;
    gap: 28px;
}

.legal-section {
    display: grid;
    gap: 12px;
}

.legal-section-title {
    margin: 0;
    max-width: none;
    font-size: clamp(1.2rem, 2.4vw, 1.45rem);
}

.legal-body p {
    margin: 0;
    max-width: 72ch;
    line-height: 1.9;
    color: var(--ink);
}

.legal-footer {
    display: grid;
    gap: 10px;
    justify-items: center;
    width: 100%;
    padding-top: 10px;
    text-align: center;
}

.legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    justify-content: center;
    width: 100%;
    color: var(--muted);
}

.legal-links a {
    color: var(--muted);
    text-decoration: none;
    font-weight: 700;
}

.legal-links a:hover {
    color: var(--ink);
    text-decoration: underline;
}

.legal-copyright {
    color: var(--muted);
    font-size: .92rem;
    text-align: center;
    width: 100%;
}

@media (max-width: 767px) {
    .legal-meta {
        display: grid;
        gap: 8px;
    }

    .legal-links { align-items: center; justify-content: center; }
}