/* ============================================================
   Safety Data Sheet (SDS): plain document (cover: none,
   contents: no, chapter_breaks: no) in the AERL-branded house
   style of the AIO / Solinteg docs. Built by local_scripts/md-pages.py
   from docs/external/<product>/msds.md. The 16 GHS sections run on;
   each opens with a ruled section bar.
   ============================================================ */
@import url("../../solinteg/solinteg-docs.css");

/* Title block on page 1 */
.doc-title { position: relative; padding: 4px 0 14px; margin-bottom: 14px; border-bottom: 2px solid var(--gray-900); }
.doc-title .download-pdf { position: absolute; top: 0; right: 0; }
.doc-title__type {
  font-family: var(--font-mono);
  font-size: 11px; font-weight: 600;
  letter-spacing: var(--tracking-wide); text-transform: uppercase;
  color: var(--fg-accent); margin-bottom: 6px;
}
.doc-title__name { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 6px; color: var(--fg-1); max-width: 560px; }
.doc-title__sub { font-size: 13px; color: var(--fg-2); margin-bottom: 6px; }
.doc-title__model { font-family: var(--font-mono); font-size: 11.5px; color: var(--fg-1); }
.doc-title::after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 48px; height: 2px; background: var(--primary-500);
}

/* Document information grid */
.docmeta { margin: 0 0 6px; }

/* GHS sections (## SECTION N): a ruled bar; subsections (###) plain bold */
h3.h3, article.page h3.h3 {
  font-size: 15px; font-weight: 700; line-height: 1.3;
  letter-spacing: -0.005em;
  color: var(--fg-1);
  margin: 18px 0 8px;
  padding: 7px 12px;
  background: var(--gray-100);
  border-left: 4px solid var(--primary-500);
}
.h4, article.page .h4 {
  font-size: 13px; font-weight: 700;
  letter-spacing: -0.005em; text-transform: none;
  color: var(--fg-1);
  margin: 12px 0 4px;
}
h3.h3 + .h4 { margin-top: 6px; }

/* Header-less key/value tables (transport, phrases) */
table.spec-table.kv thead { display: none; }
table.spec-table.kv { border-top: 1px solid var(--border-subtle); }
table.spec-table.kv td:first-child { width: 38%; }

/* Hazard pictograms and the Class 9 label */
figure.fig { margin: 4px 0 10px; text-align: left; }
figure.fig img { margin-left: 0; }

@media print {
  article.page .h3 { font-size: 15px; }
  article.page .h4 { font-size: 13px; }
}