/* MGF.AI page — legal/index.html */

.legal-shell { max-width: 46rem; margin: 2rem auto 5rem; padding: 0 1.25rem; }
    .legal-nav {
        display: flex; flex-wrap: wrap; align-items: center;
        gap: 0.35rem 1rem; margin-bottom: 2rem; font-size: 0.88rem;
        border-bottom: 1px solid var(--border); padding-bottom: 1rem;
    }
    .legal-nav a { color: var(--sweet-primary); font-weight: 600; text-decoration: none; }
    .legal-nav a:hover { text-decoration: underline; }
    .legal-nav .sep { color: var(--text-faint); user-select: none; }
    .legal-hub h1 { color: var(--text); font-size: 1.55rem; font-weight: 800; margin: 0 0 0.75rem; }
    .legal-hub p.lead { color: var(--text-muted); line-height: 1.65; margin-bottom: 2rem; }
    .legal-cards { display: grid; gap: 1rem; }
    @media (min-width: 560px) { .legal-cards { grid-template-columns: 1fr 1fr; } }
    @media (min-width: 960px) { .legal-cards { grid-template-columns: repeat(3, 1fr); } }
    .legal-card {
        display: block; padding: 1.25rem 1.35rem; border-radius: var(--radius-lg);
        border: 1px solid var(--border); background: rgba(255,255,255,0.03);
        text-decoration: none; color: inherit; transition: border-color 0.2s, background 0.2s;
    }
    .legal-card:hover { border-color: rgba(255, 51, 119, 0.35); background: rgba(255, 51, 119, 0.06); }
    .legal-card h2 { color: var(--text); font-size: 1.05rem; font-weight: 800; margin: 0 0 0.4rem; }
    .legal-card p { color: var(--text-muted); font-size: 0.88rem; line-height: 1.5; margin: 0; }
    .legal-hub-badge {
        display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
        color: var(--sweet-secondary); background: rgba(255, 51, 119, 0.12); border: 1px solid rgba(255, 51, 119, 0.25);
        padding: 0.28rem 0.65rem; border-radius: 999px; margin-bottom: 0.65rem;
    }
    .legal-doc { color: var(--text-muted); line-height: 1.72; font-size: 0.95rem; }
    .legal-doc h2 { color: var(--text); font-size: 1.12rem; font-weight: 700; margin: 2rem 0 0.65rem; }
    .legal-doc h3 { color: var(--text); font-size: 0.98rem; font-weight: 600; margin: 1.35rem 0 0.45rem; }
    .legal-doc p { margin: 0 0 1rem; }
    .legal-doc strong { color: var(--text); }
    .legal-doc a { color: var(--sweet-primary); }
    .legal-operator-appendix { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
    .legal-operator-appendix .legal-operator-block { margin-top: 1.25rem; padding-top: 0; border-top: none; }
    .legal-operator-appendix .legal-operator-block:first-child { margin-top: 0; }
    .legal-operator-appendix h2 { margin-top: 0; }