html, body { margin: 0; }

/* Member app pages: a phone-width column, centered on wider screens */
body.app { background: #D9DFE1; }
body.app #dc-root { display: flex; justify-content: center; }
body.app #dc-root > div {
  width: 100% !important;
  max-width: 430px;
  height: 100vh !important;
  height: 100dvh !important;
}
@media (min-width: 600px) {
  body.app #dc-root > div { box-shadow: 0 0 0 1px #C3CBCE, 0 12px 40px rgba(3, 37, 47, 0.2); }
}

button { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #1F5A70; outline-offset: 2px; }
header :focus-visible, nav[aria-label="Main"] :focus-visible { outline-color: #E2A72E; }