.safety-personnel { background: var(--color-ink-rich); }
.safety-personnel .section-intro > h2 + p { max-width: var(--content-wide); }
.safety-personnel-roles { display: grid; grid-template-columns: var(--grid-safety-roles); gap: var(--space-10); margin-top: var(--space-16); }
.safety-personnel-role { padding-top: var(--space-5); border-top: var(--border-thin) solid var(--color-line-dark); }
.safety-personnel-role h3 { color: var(--color-paper); font-size: var(--text-lg); }
.safety-personnel-role p { max-width: var(--content-module); margin-top: var(--space-3); color: var(--color-steel-dark); font-size: var(--text-sm); line-height: var(--leading-body); }
.safety-personnel-primary, .safety-personnel-secondary { display: grid; grid-template-columns: var(--grid-safety-primary); gap: var(--space-16); align-items: center; margin-top: var(--space-16); }
.safety-personnel-secondary { grid-template-columns: var(--grid-safety-secondary); }
.safety-personnel-media { overflow: hidden; border: var(--border-thin) solid var(--color-line-premium-dark); border-radius: var(--radius-premium); background: var(--color-ink-panel); box-shadow: var(--shadow-premium-dark); }
.safety-personnel-media img { width: var(--size-full); aspect-ratio: var(--safety-media-aspect); object-fit: cover; }
.safety-personnel-media figcaption { padding: var(--space-3) var(--space-4); border-top: var(--border-thin) solid var(--color-line-premium-dark); color: var(--color-steel-dark); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--media-caption-tracking); line-height: var(--media-caption-leading); }
.safety-personnel-workflows { display: grid; grid-template-columns: var(--grid-safety-workflows); gap: var(--space-6); }
.safety-personnel-workflow { min-width: var(--zero); padding-top: var(--space-4); border-top: var(--border-thin) solid var(--color-line-premium-dark); }
.safety-personnel-workflow > span { color: var(--color-signal); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: var(--tracking-label); }
.safety-personnel-workflow h3 { margin-top: var(--space-3); color: var(--color-paper); font-size: var(--text-md); }
.safety-personnel-workflow p { margin-top: var(--space-2); color: var(--color-steel-dark); font-size: var(--text-sm); line-height: var(--leading-body); }
.safety-personnel-note { max-width: var(--content-module); padding: var(--space-6); border-left: var(--border-strong) solid var(--color-signal); background: var(--color-glass); color: var(--color-steel-dark); font-size: var(--text-sm); line-height: var(--leading-body); }
.safety-personnel-note strong { color: var(--color-paper); }
@media (max-width: 68rem) { .safety-personnel-primary, .safety-personnel-secondary { grid-template-columns: var(--grid-single); gap: var(--layout-gap-collapsed); } }
@media (max-width: 48rem) { .safety-personnel-roles, .safety-personnel-workflows { grid-template-columns: var(--grid-single); } }