body.cs-page {
  --cs-page-bg: rgba(15, 18, 32, 0);
  --cs-card-bg: rgba(16, 20, 38, 0.44);
  --cs-fg: #F5F8FF;

  --appbar-height: 68px;
  --appbar-logo-height: 44px;
  --brand-ar-size: 17px;
  --brand-en-size: 11px;
}

/* Phones shrink the banner exactly as site-header.php does, so a tall desktop
   setting can't eat a small screen. Same breakpoint as site.css. */
@media (max-width: 900px) {
  body.cs-page {
    --appbar-height: 56px;
    --appbar-logo-height: 36px;
  }
}