/* /sds/ section. Uses the site's own tokens; no new colours. */
.sds-hero { padding-block: clamp(var(--space-8), 6vw, var(--space-16)); }
.sds-hero h1 { font-size: var(--text-2xl); margin: 0 0 var(--space-3); }
.sds-hero p { max-width: 60ch; font-size: var(--text-base); }
.sds-emergency { display:inline-block; margin-top: var(--space-4); padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-accent); border-radius: var(--radius-md); font-weight: 700; }
.sds-tools { display:flex; flex-wrap:wrap; gap: var(--space-3); align-items:center; margin: var(--space-6) 0; }
.sds-tools .form-input { flex: 1 1 260px; max-width: 480px; font-size: var(--text-base); }
.sds-list { list-style:none; margin:0; padding:0; display:grid; gap: var(--space-2); }
.sds-row { display:grid; grid-template-columns: 1fr auto; gap: var(--space-2) var(--space-4); align-items:center;
  padding: var(--space-4); background: var(--color-surface-light, #fff); border: 1px solid var(--color-border, #ddd);
  border-radius: var(--radius-md); color: inherit; text-decoration:none; }
.sds-row:hover { border-color: var(--color-accent); }
.sds-row .sds-name { font-weight: 700; font-size: var(--text-base); }
.sds-row .sds-maker { font-size: var(--text-sm); opacity: .8; }
.sds-row .sds-meta { grid-column: 1 / -1; font-size: var(--text-xs); opacity: .75; }
.sds-badge { font-size: var(--text-xs); font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  padding: .3em .7em; border-radius: 999px; border: 1px solid currentColor; white-space: nowrap; }
.sds-badge--danger { background: var(--color-accent); border-color: var(--color-accent); color:#fff; }
.sds-badge--warning { color: var(--color-accent); }
.sds-badge--none { opacity: .6; }
.sds-row[hidden] { display:none; }
.sds-count { font-size: var(--text-sm); opacity:.75; margin-bottom: var(--space-3); }
.sds-facts { display:grid; grid-template-columns: max-content 1fr; gap: var(--space-2) var(--space-5);
  font-size: var(--text-sm); margin: var(--space-6) 0; }
.sds-facts dt { font-weight: 700; }
.sds-facts dd { margin:0; }
.sds-firstaid { border-left: 4px solid var(--color-accent); padding: var(--space-3) var(--space-4);
  background: var(--color-surface-light, #fff); margin: var(--space-6) 0; }
.sds-firstaid h2 { font-size: var(--text-base); margin: 0 0 var(--space-2); }
.sds-firstaid ul { margin: 0; padding-left: 1.2em; font-size: var(--text-sm); }
.sds-open { display:flex; flex-wrap:wrap; gap: var(--space-3); align-items:center; margin: var(--space-6) 0; }
.sds-open .btn-accent { font-size: var(--text-base); padding: var(--space-4) var(--space-8); }
.sds-note { font-size: var(--text-xs); opacity:.7; }
.sds-flags { border: 1px solid var(--color-accent); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4);
  margin: var(--space-4) 0; font-size: var(--text-sm); }
.sds-flags ul { margin: var(--space-2) 0 0; padding-left: 1.2em; }
.sds-withdrawn { border: 2px solid var(--color-accent); padding: var(--space-4); border-radius: var(--radius-md);
  margin: var(--space-6) 0; font-weight: 700; }
@media (max-width: 600px) { .sds-facts { grid-template-columns: 1fr; gap: var(--space-1); }
  .sds-facts dt { margin-top: var(--space-2); } }