:root {
  --card-border: 1px solid rgba(0, 0, 0, 0.08);
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  --card-radius: 4px;
  --card-mobile-branding-padding: 0.5rem;
  --card-mobile-branding-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
  --nav-border-top: none;
  --nav-border-bottom: none;
  --content-border-right: none;
  --section-padding: var(--gap);
  --section-margin-bottom: var(--gap);
  --section-card-padding: 0.75rem 0.75rem 0;
  /* Inset the expanded mobile menu so it reads as a floating card. Defaults
     to 0 (full-bleed list) when card shadows are off. */
  --menu-card-margin: 0.5rem 0.75rem 1rem;
}