/**
 * @file regions.css
 * Drupal region wrappers — positioning, background, spacing.
 */

/* ── Highlighted / System Messages Region ─────────────────────────────────── */
.mp-region-highlighted {
  width: 100%;
  background: var(--mp-primary-50);
  border-bottom: 1px solid var(--mp-primary-100);
}

/* ── Breadcrumb Region ────────────────────────────────────────────────────── */
.mp-region-breadcrumb {
  background: var(--mp-bg-alt);
  border-bottom: 1px solid var(--mp-border);
  padding-block: var(--mp-space-2);
}

/* ── Help Region ──────────────────────────────────────────────────────────── */
.mp-region-help {
  background: #E3F2FD;
  border-left: 4px solid var(--mp-info);
  padding: var(--mp-space-4) var(--mp-space-6);
  margin-bottom: var(--mp-space-4);
  border-radius: 0 var(--mp-radius) var(--mp-radius) 0;
}