/* Shared page frame: roomy on desktop, unchanged edge-to-edge on mobile. */
@media (min-width: 1024px) {
  html {
    background: #d9d6cf;
  }

  body {
    width: calc(100% - 48px);
    max-width: 1600px;
    min-height: calc(100vh - 48px);
    margin: 24px auto !important;
    box-shadow: 0 18px 60px rgba(21, 27, 29, 0.14);
  }

  html:has(.personal-hero) {
    background: #102431;
  }
}