/* Extracted from privacy.php */

        body { font-family:'Cairo',sans-serif; background:#f8fafc; color:#1e293b; line-height:1.85; }

        .top-bar {
            background:#1B2B4B; color:#fff; padding:44px 0 36px;
        }
        .top-bar h1 { font-size:1.75rem; font-weight:700; margin:0 0 6px; }
        .top-bar .meta { color:rgba(255,255,255,.55); font-size:.85rem; }
        .top-bar .version-badge {
            display:inline-flex; align-items:center; gap:6px;
            background:rgba(43,122,94,.25); border:1px solid rgba(43,122,94,.4);
            color:#86efac; border-radius:20px; padding:3px 12px; font-size:.75rem;
            font-weight:700; margin-top:10px;
        }

        .content-wrap { max-width:860px; margin:36px auto 64px; padding:0 20px; }

        .preliminary-notice {
            background:#fef9c3; border:1px solid #fde047; color:#854d0e;
            border-radius:10px; padding:12px 16px; font-size:.82rem;
            font-weight:600; margin-bottom:28px; display:flex; gap:10px; align-items:flex-start;
        }

        .policy-card {
            background:#fff; border:1px solid #e2e8f0;
            border-radius:14px; padding:36px 40px 40px;
            box-shadow:0 2px 12px rgba(27,43,75,.07);
        }

        .toc { background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:18px 22px; margin-bottom:28px; }
        .toc h4 { font-size:.85rem; font-weight:800; color:#1B2B4B; margin-bottom:10px; }
        .toc ol { margin:0; padding-right:18px; }
        .toc li { font-size:.83rem; margin-bottom:4px; }
        .toc a { color:#2B7A5E; text-decoration:none; font-weight:600; }
        .toc a:hover { text-decoration:underline; }

        h2 {
            font-size:1rem; font-weight:800; color:#1B2B4B;
            margin:32px 0 12px; padding-bottom:9px;
            border-bottom:2px solid #f1f5f9;
            display:flex; align-items:center; gap:9px;
            scroll-margin-top:20px;
        }
        h2 .icon { width:28px; height:28px; border-radius:7px; background:#eff6ff; color:#2563eb; display:flex; align-items:center; justify-content:center; font-size:.78rem; flex-shrink:0; }
        h2 .num { color:#94a3b8; font-size:.8rem; margin-left:4px; }

        p, li { font-size:.91rem; color:#374151; }
        ul, ol { padding-right:20px; }
        li { margin-bottom:5px; }

        .data-table { width:100%; border-collapse:collapse; font-size:.85rem; margin:14px 0; }
        .data-table th { background:#f1f5f9; color:#1B2B4B; font-weight:700; padding:9px 12px; text-align:right; border:1px solid #e2e8f0; }
        .data-table td { padding:8px 12px; border:1px solid #e2e8f0; color:#374151; vertical-align:top; }
        .data-table tr:nth-child(even) td { background:#f8fafc; }

        .highlight { background:#f0fdf4; border:1px solid #bbf7d0; border-radius:9px; padding:13px 16px; font-size:.87rem; color:#166534; margin:14px 0; }
        .warning-box { background:#fff7ed; border:1px solid #fed7aa; border-radius:9px; padding:13px 16px; font-size:.87rem; color:#9a3412; margin:14px 0; }
        .rights-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
        .right-card { background:#f8fafc; border:1px solid #e2e8f0; border-radius:9px; padding:13px 15px; }
        .right-card .rc-title { font-size:.85rem; font-weight:700; color:#1B2B4B; margin-bottom:4px; display:flex; gap:7px; align-items:center; }
        .right-card p { font-size:.8rem; margin:0; color:#64748b; }
        .contact-box { background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:18px 20px; margin-top:12px; }
        .contact-box .row-item { display:flex; gap:10px; align-items:baseline; padding:6px 0; border-bottom:1px solid #f1f5f9; font-size:.88rem; }
        .contact-box .row-item:last-child { border:none; }
        .contact-box strong { color:#1B2B4B; min-width:160px; flex-shrink:0; }

        .back-btn { display:inline-flex; align-items:center; gap:7px; background:#1B2B4B; color:#fff; border-radius:8px; padding:9px 18px; text-decoration:none; font-size:.85rem; font-weight:600; margin-bottom:24px; }
        .back-btn:hover { background:#13203A; color:#fff; }

        footer { text-align:center; padding:20px; font-size:.78rem; color:#94a3b8; }

        @media (max-width:640px) {
            .policy-card { padding:22px 18px; }
            .rights-grid { grid-template-columns:1fr; }
        }

        /* ── Icon helpers ──────────────────────────────── */
        .h1-icon     { margin-left:10px; opacity:.75; }
        .notice-icon { margin-top:2px; flex-shrink:0; }
        .toc-icon    { margin-left:6px; }
        .hl-icon     { margin-left:7px; }
        .wb-icon     { margin-left:6px; }
        .gavel-icon  { margin-left:5px; }

        /* ── Rights-card icon colors ───────────────────── */
        .rc-icon-green  { color:#2B7A5E; }
        .rc-icon-blue   { color:#1d4ed8; }
        .rc-icon-red    { color:#dc2626; }
        .rc-icon-purple { color:#2563eb; }
        .rc-icon-amber  { color:#b45309; }
        .rc-icon-teal   { color:#2563eb; }

        /* ── Text helpers ──────────────────────────────── */
        .note-sm        { font-size:.82rem; color:#64748b; }
        .mt-sec         { margin-top:14px; }
        .email-placeholder { color:#475569; font-weight:600; }

        /* ── Link styles ───────────────────────────────── */
        .link-dark  { color:#1B2B4B; font-weight:700; text-decoration:underline; }
        .link-green { color:#2B7A5E; font-weight:700; text-decoration:underline; }
        .link-muted { color:#1B2B4B; font-weight:700; }
        .footer-link { color:#94a3b8; }

        /* ── Divider and footer note ───────────────────── */
        .divider-light { border-color:#f1f5f9; margin:28px 0; }
        .footer-note   { font-size:.79rem; color:#94a3b8; margin:0; line-height:1.7; }