/* Safety statement — M16.
 *
 * The callout pattern from the brandbook: a solid state bar at the left edge
 * of a dark panel. This is the only place in the theme where --c-state is
 * allowed to appear.
 */

.pl-safety {
  padding-block: var(--sp-6);
}

.pl-safety__inner {
  display: flex;
  gap: var(--sp-3);
  align-items: flex-start;
}

/* Deliberately not a border: a border would inherit --c-rule and disappear
 * into the hairline system. This bar is a signal, and it is the only element
 * on the site with a right to be amber. */
.pl-safety__bar {
  width: 10px;
  align-self: stretch;
  flex-shrink: 0;
  background: var(--c-state);
}

/* The label is amber only on the dark surface. Amber on navy is 5.9:1 and
 * reads as a warning; amber on white is 2.6:1, which fails AA and breaks the
 * brand rule that amber is never a text colour on white. The bar stays amber
 * in both themes — it is a fill, not text, and it is what carries the signal.
 *
 * The module defaults to dark, but an editor can set it light, and a rule that
 * only holds for the default is not a rule. */
.pl-safety__label {
  color: var(--c-text);
  font-size: var(--step--1);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  margin-bottom: var(--sp-2);
}

.pl-safety[data-theme="dark"] .pl-safety__label {
  color: var(--c-state);
}

.pl-safety__body {
  line-height: var(--lh-body);
}