@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

.policy-page { padding-top: 100px; padding-bottom: 80px; }
.policy-container { max-width: 900px; margin-inline: auto; padding-inline: clamp(18px, 5vw, 64px); }
.policy-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: clamp(28px, 4vw, 56px);
  box-shadow: var(--shadow-sm);
}
.policy-card h1 { font-family: var(--font-head); font-size: clamp(1.8rem, 4vw, 2.4rem); color: var(--primary); margin-bottom: 8px; text-align: center; }
.policy-card h2 { font-family: var(--font-head); font-size: 1.4rem; color: var(--secondary-deep); margin-top: 32px; margin-bottom: 12px; }
.policy-card h3 { font-family: var(--font-head); font-size: 1.15rem; color: var(--primary); margin-top: 24px; margin-bottom: 10px; }
.policy-card p { color: var(--on-surface-soft); margin-bottom: 12px; }
.policy-card ul { padding-right: 24px; margin-bottom: 16px; }
.policy-card li { margin-bottom: 8px; color: var(--on-surface-soft); }
.policy-card li strong { color: var(--on-surface); }
.policy-card a { color: var(--secondary-deep); text-decoration: underline; }
.policy-card a:hover { color: var(--secondary); }
.policy-card hr { border: 0; border-top: 1px solid var(--line); margin: 32px 0; }
.back-link { display: inline-flex; align-items: center; gap: 8px; color: var(--secondary-deep); font-weight: 600; margin-bottom: 20px; transition: color .3s; }
.back-link:hover { color: var(--secondary); }