/* ==========================================================================
   PX 404 Page — fallback (without BB Themer layout)
   When the px-404 BB module is used in a Themer layout, these styles
   are not needed — the module's own css/frontend.css handles everything.
   ========================================================================== */

.px-404__inner {
  max-width: var(--row-width-narrow);
  margin: 0 auto;
  padding: var(--space-d5) var(--space-d3);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-d2);
}

.px-404__title {
  margin: 0;
}

.px-404__body {
  font-size: var(--text-d125);
  color: var(--black);
}

.px-404__body p {
  margin: 0;
}

@media (max-width: 768px) {
  .px-404__inner {
    padding: var(--space-d3) var(--space-d1);
  }
}