/* Layout shared by the original access shortcodes. No host-page selectors. */
.dx-access { width: 100%; max-width: 1420px; margin: 0 auto; padding: 24px; }
.dx-access :is(.dx-hud,.dx-top-hud) { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.dx-access .dx-hud-title { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 600; letter-spacing: -.03em; }
.dx-access .dx-hud-subtitle { margin: 8px 0 0; font-size: 14px; color: var(--dx-text-soft); }
.dx-access :is(.dx-inline-link,.dx-compliance a) { color: var(--dx-brand); text-decoration: underline; text-underline-offset: 3px; }
.dx-access:not(.dx-legacy-maintenance) .dx-btn { min-height: 36px; padding: 7px 12px; font: 500 14px/20px var(--dx-font-body); }
.dx-access .dx-compliance { margin: 0; color: var(--dx-text-soft); font-size: 13px; line-height: 1.6; }
.dx-access .dx-auth-unavailable { margin: 0; padding: 16px; background: var(--dx-surface-soft); border-radius: var(--dx-radius-sm); color: var(--dx-text-soft); font-size: 14px; }
@media (max-width: 760px) {
  .dx-access:not(.dx-legacy-maintenance) { padding: 20px 16px; }
  .dx-access.dx-legacy-maintenance { padding: 16px 8px; }
  .dx-access .dx-hud-title { font-size: 24px; }
  .dx-access:not(.dx-legacy-maintenance) .dx-btn { min-height: 44px; padding-block: 11px; }
}