:root {
  --bel-action: #d83b47;
  --bel-deep: #8b0d12;
  --bel-radius-panel: 18px;
  --bel-radius-panel-mobile: 16px;
  --bel-radius-nav-group: 14px;
  --bel-radius-nav-group-mobile: 15px;
  --bel-radius-control: 10px;
  --bel-radius-control-small: 8px;
  --bel-radius-surface: 18px;
  --bel-radius-card: 16px;
  --bel-control-h: 44px;
  --bel-control-px: 16px;
  --bel-gap: 8px;
}

/* One geometry for actions across the landing pages, cases, articles and onboarding. */
.cta,
.back,
.bel-hero-cta,
.bel-final-action a,
.bel-calc-cta,
.bel-lead-card #audit-submit,
.bel-global-nav__toggle {
  border-radius: var(--bel-radius-control) !important;
}

/* The calculator keeps its editorial, borderless layout, but its controls
   still use the same geometry as the rest of the interface. */
#routine-calculator .bel-role,
#routine-calculator .bel-task,
#routine-calculator .bel-result {
  border-radius: var(--bel-radius-control-small) !important;
}

#routine-calculator .bel-calc-cta {
  border-radius: var(--bel-radius-control) !important;
}

.cta,
.bel-hero-cta,
.bel-final-action a,
.bel-calc-cta,
.bel-lead-card #audit-submit {
  min-height: var(--bel-control-h) !important;
  padding: 0 var(--bel-control-px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--bel-action) !important;
  border-color: var(--bel-action) !important;
  color: #fff !important;
}

.back {
  min-height: var(--bel-control-h) !important;
  padding: 0 var(--bel-control-px) !important;
}

.bel-global-nav__inner,
.bel-lead-card {
  border-radius: var(--bel-radius-panel) !important;
}

.bel-global-nav__links {
  border-radius: var(--bel-radius-nav-group) !important;
}

.bel-global-nav__links a {
  border-radius: var(--bel-radius-control-small) !important;
}

.bel-role,
.bel-task,
.bel-result,
.bel-tools span,
.bel-lead-card input {
  border-radius: var(--bel-radius-control-small) !important;
}

.bel-role {
  min-height: var(--bel-control-h) !important;
}

.bel-lead-card input {
  min-height: var(--bel-control-h) !important;
  padding: 0 var(--bel-control-px) !important;
  border-right: 1px solid rgba(255, 255, 255, .15) !important;
}

.card,
.links a,
.article-card__cover,
.article-preview,
.article-figure--motion,
.proof-frame-analytics .proof-stage {
  border-radius: var(--bel-radius-card) !important;
}

@media (max-width: 850px) {
  .bel-global-nav__inner { border-radius: var(--bel-radius-panel-mobile) !important; }
  .bel-global-nav__links { border-radius: var(--bel-radius-nav-group-mobile) !important; }
  .bel-global-nav__toggle { min-height: var(--bel-control-h) !important; }
}