/* CIBI — parent/legal/page.blade.php */
.legal-content {
        max-width: 800px;
        margin: 0 auto;
        padding: 8px 0;
    }
    .legal-content h2 {
        font-size: 22px; font-weight: 800; color: var(--text-dark);
        margin: 36px 0 14px; line-height: 1.3; letter-spacing: -0.01em;
    }
    .legal-content h2:first-child { margin-top: 0; }
    .legal-content h3 {
        font-size: 16px; font-weight: 700; color: var(--text-dark);
        margin: 28px 0 10px; line-height: 1.4;
    }
    .legal-content p {
        font-size: 14px; line-height: 1.8; color: var(--text-muted);
        margin-bottom: 14px;
    }
    .legal-content ul {
        margin: 0 0 16px 4px; padding-left: 20px;
        list-style: disc;
    }
    .legal-content li {
        font-size: 14px; line-height: 1.8; color: var(--text-muted);
        margin-bottom: 6px;
    }
    .legal-content em {
        color: var(--text-light); font-size: 13px; font-style: italic;
    }
    .legal-content strong {
        color: var(--text-dark); font-weight: 600;
    }
    .legal-content a {
        color: var(--primary); text-decoration: none;
    }
    .legal-content a:hover { text-decoration: underline; }
    .legal-card {
        background: var(--card-bg);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 40px 48px;
        box-shadow: var(--shadow-sm);
    }
    .legal-back {
        margin-top: 28px; text-align: center;
    }
    .legal-back a {
        display: inline-flex; align-items: center; gap: 7px;
        padding: 10px 20px; border-radius: 8px;
        font-size: 14px; font-weight: 600; color: var(--text-muted);
        text-decoration: none; background: transparent;
        border: 1px solid var(--border); transition: all .15s ease;
    }
    .legal-back a:hover {
        color: var(--primary); border-color: var(--primary-light);
        background: var(--primary-bg);
    }
    .legal-back a svg { transition: transform .15s ease; }
    .legal-back a:hover svg { transform: translateX(-3px); }
    @media (max-width: 640px) {
        .legal-card { padding: 28px 24px; }
        .legal-content h2 { font-size: 19px; }
        .legal-content h3 { font-size: 15px; }
        .legal-content p, .legal-content li { font-size: 13.5px; }
    }