/* Protection des jeunes : déclinaison de la charte Clair commune au site. */
.safety-hero { padding: 0 0 22px; }
.safety-hero p { color: var(--muted); font-size: 16px; line-height: 1.75; }
.safety-badge { display: inline-flex; border: 1px solid var(--line); border-radius: 22px; padding: 7px 12px; font-size: 11px; margin-bottom: 23px; color: var(--brand); background: #edf3e8; }
.safety-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.safety-grid .card { margin: 0; padding: 27px; }
.safety-eyebrow { font-size: 10px; font-weight: 650; letter-spacing: 1.3px; text-transform: uppercase; color: var(--brand); }
.safety-card h2, .safety-report h2 { margin-top: 12px; }
.safety-report { background: #edf3e8; }
.safety-contact { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 25px; min-height: 48px; padding: 12px 19px; background: var(--brand); color: var(--on-brand); font-size: 14px; font-weight: 600; text-decoration: none; max-width: 100%; }
.safety-contact:hover { text-decoration: underline; }
.safety-report .safety-note { margin-top: 18px; font-size: 12px; }
.safety-details { padding: 0 2px; }
.safety-details p { color: var(--muted); font-size: 14px; }
.safety-emergency { border-left: 2px solid #87a892; padding-left: 16px; }
@media (max-width: 650px) {
  .safety-grid { grid-template-columns: 1fr; gap: 16px; }
  .safety-grid .card { padding: 24px 21px; }
  .safety-hero p { font-size: 14px; }
  .safety-contact { font-size: 13px; padding: 12px 16px; }
}