/* Policies Page Styles (copied to Public/styles) */

* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #f7f9fc; color: #1a1d23; line-height: 1.6; min-height: 100vh; }

:root { --bg-color:#f7f9fc; --card-bg:#ffffff; --text-primary:#1a1d23; --text-secondary:#64748b; --accent-lavender:#a594f9; --border-color:#f1f5f9; --radius-lg:24px; --shadow-sm:0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03); }

.mobile-top-bar { display:none; position:fixed; top:0; left:0; right:0; height:60px; background:white; border-bottom:1px solid #e2e8f0; align-items:center; justify-content:space-between; padding:0 16px; z-index:1000; }

.back-btn-top { width:40px; height:40px; border:none; background:#f1f5f9; border-radius:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s; }
.back-btn-top:hover { background:#e2e8f0; }
.mobile-logo { display:flex; align-items:center; gap:8px; font-weight:600; font-size:1.1rem; }

.main-content { margin-left:0; padding:20px; padding-bottom:100px; transition: padding-top 0.3s ease; }
body.public-page .main-content { padding-bottom:100px !important; }
.sidebar-nav.minimized ~ .main-content { margin-left:80px; }

.policies-container { max-width:800px; margin:0 auto; }
.policy-card { background:white; border-radius:var(--radius-lg); padding:32px; margin-bottom:24px; box-shadow:var(--shadow-sm); border:1px solid var(--border-color); }
.fade-in { animation: fadeIn 0.5s ease-in; }
@keyframes fadeIn { from { opacity:0; transform:translateY(10px);} to { opacity:1; transform:translateY(0);} }

h1 { font-size:1.8rem; margin-bottom:8px; font-weight:700; color:var(--text-primary); }
h2 { font-size:1.5rem; font-weight:700; color:var(--text-primary); margin-bottom:20px; display:flex; align-items:center; gap:12px; }
h2 i { color:var(--accent-lavender); }
h3 { font-size:1.1rem; font-weight:600; color:var(--text-primary); margin-top:24px; margin-bottom:12px; }
p { margin-bottom:16px; line-height:1.8; }

.text-xs { font-size:0.875rem; }
.text-muted { color:var(--text-secondary); }
ul { margin-left:20px; margin-bottom:16px; }
ul li { margin-bottom:8px; line-height:1.8; }
strong { color:var(--text-primary); font-weight:600; }

@media (max-width:767px) { body.public-page .bottom-nav { display:flex !important; visibility:visible !important; pointer-events:auto !important; } .main-content { padding-top:20px; } .policy-card { padding:24px; } }
@media (min-width:768px) { body.public-page .bottom-nav { display:none !important; } }