/* Original Argon page/component classes own colour, typography, geometry,
   buttons, themes and inter-section rhythm. Only these composition deltas exist. */
.aa-regional { min-width: 0; }
.aa-region-panel-copy { min-width: 0; }
.aa-region-actions-start { justify-content: flex-start; }
.aa-region-onboarding-list { display: grid; gap: var(--aa-region-list-gap); padding: 0; margin: 28px 0 0; list-style: none; }
.aa-region-onboarding-list li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 14px; align-items: start; }
.aa-region-step { display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--radius-pill); border: 1px solid var(--line-strong); color: var(--muted); font-size: 14px; font-weight: 650; }
.aa-region-onboarding-list h3 { font-size: var(--type-body-lg); line-height: 1.5; font-weight: 650; }
.aa-region-onboarding-list p { margin-top: 4px; font-size: var(--type-body-lg); }
.aa-regional .aa-region-note { font-size: var(--aa-region-note-size); line-height: 1.5; color: var(--muted); margin-top: 24px; }
.aa-regional .aa-region-person-caption { font-size: var(--aa-region-note-size); line-height: 1.5; color: var(--muted); margin-top: 24px; }
.aa-region-three-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
.aa-region-cost { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.aa-region-cost > p { color: var(--muted); font-size: var(--type-body-lg); line-height: 1.55; max-width: 780px; }
.aa-region-cost > .button { flex: 0 0 auto; }
.aa-region-geography { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.aa-region-geography > p { color: var(--muted); font-size: var(--type-body-lg); }
.aa-region-links { display: flex; flex-wrap: wrap; gap: 24px; }
@media (max-width:1040px) {
  .aa-region-three-steps { grid-template-columns: 1fr; }
  .aa-region-cost { align-items: flex-start; flex-direction: column; gap: 20px; }
  .aa-region-geography { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width:720px) {
  .aa-region-panel-copy .actions { justify-content: center; }
  .aa-region-links { flex-direction: column; align-items: flex-start; gap: 8px; }
}