.safety-page { max-width: 760px; margin: 24px auto 64px; }
.safety-page h1 { margin: 16px 0 24px; }
.safety-page .back-link { min-width: 44px; }
.safety-card { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 24px; margin: 20px 0; }
.safety-card h2 { font-size: 1.125rem; margin: 0 0 16px; }
.safety-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.65; }
.safety-list, .safety-evidence { padding: 0; list-style: none; }
.safety-list a { display: grid; gap: 8px; min-height: 88px; padding: 20px; border-bottom: 1px solid var(--line); }
.safety-list a:hover { background: var(--accent-soft); }
.safety-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.safety-evidence li { padding: 12px 0; border-bottom: 1px solid var(--line); }
.safety-page .subtle { font-size: .875rem; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .safety-page { margin: 16px 0 40px; }
  .safety-card { padding: 16px; border-radius: 16px; }
}