/* site-desktop.css — desktop treatment for the mobile-first judged design (2026-07-07).
   The judged mocks are 390px-native; unconstrained on a wide screen every percent-based
   section stretched edge-to-edge ("hero covers the whole page, roams freely" — Malcolm).
   Treatment: centered app column on the brand navy. Overlay file on purpose — the judged
   hp.css/starmap.css/about.css stay byte-identical to what passed the blind bar. */

/* Logo bump, all viewports (Malcolm 2026-07-07: "logo needs to be bigger and fit well") */
.hp-logo { width: 11rem; }
.hp-header { padding: 1.4rem 2rem; }

@media (min-width: 768px) {
  body {
    background: #0e1626;
  }
  /* every top-level block becomes part of one centered column */
  body > header,
  body > nav,
  body > main,
  body > form,
  body > section,
  body > div,
  body > footer {
    width: 100%;
    max-width: 52rem;
    margin-left: auto;
    margin-right: auto;
  }
  .hp-logo { width: 13rem; }
}