.deployment-width { max-width: 1024px; }
.deployment-container { padding-top: 36px; padding-bottom: 64px; }
.deployment-guide { padding: 38px 44px; }
.deployment-guide table { min-width: 680px; }
.deployment-guide th:first-child { width: 20%; }
.deployment-guide td { width: 40%; }
.deployment-guide .article-table-scroll:focus-visible { outline: 3px solid #2589dc; outline-offset: 4px; }
.deployment-boundaries { margin: 24px 0; }
.deployment-boundaries > div { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 24px; padding: 22px 0; border-top: 1px solid #e9eef6; }
.deployment-boundaries > div:last-child { border-bottom: 1px solid #e9eef6; }
.deployment-boundaries dt { color: #32445e; font-weight: 650; }
.deployment-boundaries dd { margin: 0; }
.deployment-next { margin-top: 34px; padding-top: 25px; border-top: 1px solid #e9eef6; }
.deployment-next p { margin: 0 0 18px; }
.deployment-next > div { display: flex; flex-wrap: wrap; gap: 12px; }
.deployment-next .button { text-decoration: none; }
.deployment-next .button-primary, .deployment-next .button-primary:hover { color: #fff; }
.deployment-next .button-secondary { color: #32445e; }
@media (max-width: 760px) {
    .deployment-container { padding-top: 24px; padding-bottom: 40px; }
    .deployment-guide { padding: 28px; }
    .deployment-boundaries > div { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
}
@media (max-width: 640px) {
    .deployment-width { padding-right: 20px; padding-left: 20px; }
    .deployment-guide { padding: 25px 22px; }
    .deployment-guide .article-table-scroll { margin-right: -22px; margin-left: -22px; padding-right: 22px; padding-left: 22px; }
    .deployment-next .button { min-width: 0; flex: 1; padding: 0 13px; white-space: nowrap; }
}