/* scam-awareness.css — extras for /scam-awareness.
   Content styling (lists, contact block) comes from policy.css; base + tokens from brand.css. */
.sa-check{background:#f1f6fd;border:1px solid #c9dbf2;border-left:5px solid var(--ocean);border-radius:14px;padding:18px 22px;margin:6px 0 24px;max-width:760px}
.sa-check p{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}
.sa-check .sa-check-h{margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.3;color:var(--navy)}

.policy-body ul.sa-never{margin:0 0 16px;padding:0;list-style:none;max-width:760px}
.policy-body ul.sa-never li{position:relative;padding-left:34px;margin-bottom:12px;font-size:16px;line-height:1.6;color:var(--ink)}
.policy-body ul.sa-never li::before{content:"\2715";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--sun-red);color:#fff;font-size:12px;font-weight:800;line-height:22px;text-align:center}

.policy-body ol.sa-steps{margin:0 0 16px;padding:0;list-style:none;counter-reset:sa;max-width:760px}
.policy-body ol.sa-steps li{position:relative;counter-increment:sa;padding-left:38px;margin-bottom:12px;font-size:16px;line-height:1.6;color:var(--ink-soft)}
.policy-body ol.sa-steps li::before{content:counter(sa);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--ocean);color:#fff;font-size:13px;font-weight:800;line-height:26px;text-align:center}
.policy-body ol.sa-steps li b{color:var(--ink)}
@media(max-width:767.98px){
  .sa-check{padding:16px 16px}
  .policy-body ol.sa-steps li,.policy-body ul.sa-never li{line-height:1.7}
}
