/* Basic reset */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --page-bg:#e8e4dc; /* soft beige like the photo background */
}
html,body{height:100%}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
  background: var(--page-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.main{
  width:min(92vw, 920px);
}
.card{
  width:100%;
  height:auto;
  display:block;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  border-radius: 6px;
}
/* a11y-only content */
.visually-hidden{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
footer{
  position:fixed; left:0; right:0; bottom:8px;
  text-align:center; font-size:12px; color:#6b6b6b;
}