/**
 * @file
 * Site header — visual styling.
 *
 * Width-capping of the inner rail lives in css/layout.css (.header__inner).
 * This file handles the bar's skin only: padding, eventual background,
 * borders, etc.
 */
@layer components {
  .header {
    padding-block: var(--size-4);
    padding-inline: var(--size-3);
    border-bottom: 1px solid #ccc;
  }
}