* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Heebo', Arial, sans-serif; color: #1C1C1E; background-color: #FAFAFA; line-height: 1.8; direction: rtl; text-align: right; } .policy-container { max-width: 720px; margin: 40px auto; padding: 40px 24px; } h1 { font-family: 'Rubik', 'Heebo', Arial, sans-serif; font-size: 28px; font-weight: 700; margin-bottom: 12px; color: #1C1C1E; } .last-updated { font-size: 14px; color: #888; margin-bottom: 32px; } .intro { font-size: 17px; margin-bottom: 32px; color: #333; } h2 { font-family: 'Rubik', 'Heebo', Arial, sans-serif; font-size: 20px; font-weight: 700; margin-top: 36px; margin-bottom: 12px; color: #1C1C1E; } p { font-size: 16px; margin-bottom: 16px; color: #333; } ul { list-style: none; padding: 0; margin-bottom: 24px; } ul li { position: relative; padding-right: 20px; margin-bottom: 10px; font-size: 16px; color: #333; } ul li::before { content: "·"; position: absolute; right: 0; font-weight: 700; font-size: 20px; line-height: 1.6; color: #C0392B; } .highlight-box { background-color: #F2F0EB; border-radius: 8px; padding: 20px 24px; margin: 28px 0; } .highlight-box h2 { margin-top: 0; } .contact-section { margin-top: 40px; padding-top: 24px; border-top: 1px solid #E0E0E0; } a { color: #C0392B; text-decoration: none; } a:hover { text-decoration: underline; } @media (max-width: 600px) { .policy-container { padding: 24px 16px; margin: 20px auto; } h1 { font-size: 24px; } h2 { font-size: 18px; } }