body:has(> main[role="main"]) {
  box-sizing: border-box; margin: 0; min-height: 100svh;
  display: grid; place-items: center; padding: 24px;
  background: #f3f5f8; color: #172033; font-family: system-ui, sans-serif;
}
body > main[role="main"] {
  box-sizing: border-box; width: min(100%, 32rem); margin: 0; padding: 32px;
  background: #ffffff; color: #172033; border: 1px solid #d7dce5;
  border-radius: 16px; overflow-wrap: anywhere;
}
body > main[role="main"] h1 { margin: 0 0 16px; font: 700 24px/1.3 system-ui, sans-serif; color: #172033; }
body > main[role="main"] p { margin: 0; font: 400 16px/1.6 system-ui, sans-serif; color: #172033; }