/** * Palavi Library - Legal Document Pages (Terms & Conditions / Privacy Policy) * ------------------------------------------------------------------ * Long-form reading typography, deliberately separate from admin.css/ * user.css since neither is loaded on these public standalone pages * (see user/terms.php's header comment for why they hand-roll their * own instead of going through user/includes/header.php). */ .legal-topbar { display: flex; align-items: center; justify-content: space-between; max-width: 860px; margin: 0 auto 20px; padding: 16px 4px; } .legal-topbar .legal-logo-img { height: 34px; } .legal-doc { max-width: 860px; margin: 0 auto 60px; padding: 36px 40px; line-height: 1.7; color: var(--text-secondary); } .legal-doc h1 { color: var(--text-primary); font-weight: 800; margin-bottom: 6px; } .legal-doc h2 { color: var(--text-primary); font-size: 1.15rem; font-weight: 700; margin-top: 34px; margin-bottom: 10px; scroll-margin-top: 20px; } .legal-doc h3 { color: var(--text-primary); font-size: 1rem; font-weight: 700; margin-top: 20px; margin-bottom: 8px; } .legal-doc p, .legal-doc li { font-size: 0.94rem; } .legal-doc ul, .legal-doc ol { padding-left: 22px; } .legal-doc a { color: var(--brand-primary); } .legal-meta { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 24px; } .legal-toc { background: var(--bg-glass); border-radius: var(--radius-md); padding: 16px 20px; margin-bottom: 30px; font-size: 0.85rem; } .legal-toc ol { columns: 2; margin: 8px 0 0; } .legal-toc a { color: var(--text-secondary); text-decoration: none; } .legal-toc a:hover { color: var(--brand-primary); } .legal-status { border-radius: var(--radius-md); padding: 12px 16px; font-size: 0.88rem; margin-bottom: 24px; } .legal-status.is-accepted { background: rgba(46, 204, 113, 0.12); color: #1e8449; } .legal-status.is-pending { background: rgba(241, 196, 15, 0.14); color: #9a7d0a; } .legal-disclaimer { margin-top: 40px; padding: 16px 20px; border-radius: var(--radius-md); background: var(--bg-glass); font-size: 0.82rem; color: var(--text-muted); } @media (max-width: 640px) { .legal-doc { padding: 26px 18px; } .legal-toc ol { columns: 1; } }