/* Use the header's Bootstrap container width throughout the site. */
:root { --samvad-container-width:100%; }
@media (min-width:576px) { :root { --samvad-container-width:540px; } }
@media (min-width:768px) { :root { --samvad-container-width:720px; } }
@media (min-width:992px) { :root { --samvad-container-width:960px; } }
@media (min-width:1200px) { :root { --samvad-container-width:1140px; } }
@media (min-width:1400px) { :root { --samvad-container-width:1320px; } }

.samvad-home-shell,
.samvad-news-shell,
.samvad-static-shell,
.samvad-legal-page .privacy .container,
.samvad-legal-page .terms .container,
.samvad-register-shell,
.samvad-plan-shell,
.samvad-account-shell,
.samvad-press-shell {
  box-sizing:border-box;
  width:100%;
  max-width:var(--samvad-container-width);
  margin-inline:auto;
  padding-inline:12px;
}

.samvad-register-page,
.samvad-plan-page,
.samvad-account-page,
.samvad-press-page { padding-inline:0; }

.samvad-plan-alert,
.samvad-plan-checkout-status {
  box-sizing:border-box;
  width:calc(100% - 24px);
  max-width:calc(var(--samvad-container-width) - 24px);
  margin-inline:auto;
}

.samvad-plan-shell > .samvad-plan-alert,
.samvad-plan-shell > .samvad-plan-checkout-status {
  width:100%;
  max-width:none;
  margin-inline:0;
}