/* ============================================================
   POLICIES.CSS — Wellness Planet
   Typography styles for policy/legal content pages
   ============================================================ */

.policy-content { max-width: 760px; margin: 0 auto; padding: var(--section-padding) var(--container-padding); }
.policy-content h1 { font-size: var(--fs-h2); font-weight: var(--fw-light); margin-bottom: 32px; }
.policy-content h2 { font-size: var(--fs-h3); font-weight: var(--fw-medium); margin-top: 40px; margin-bottom: 16px; }
.policy-content h3 { font-size: var(--fs-body); font-weight: var(--fw-semibold); margin-top: 24px; margin-bottom: 12px; }
.policy-content p { font-size: var(--fs-body); line-height: 1.8; margin-bottom: 16px; opacity: 0.85; }
.policy-content ul, .policy-content ol { margin-bottom: 16px; padding-left: 24px; }
.policy-content ul { list-style: disc; }
.policy-content ol { list-style: decimal; }
.policy-content li { font-size: var(--fs-body); line-height: 1.8; margin-bottom: 8px; opacity: 0.85; }
.policy-content a { color: var(--color-green); text-decoration: underline; }
.policy-content a:hover { opacity: 0.7; }