/* V15 — the same page width and side margins as the main Zamilist app
   (.shell in app.css), for the Plus and gift pages (.wrap). The logo and the
   navigation therefore sit at exactly the same place on every page. */
.wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding-inline: 27px;
}
@media (min-width: 1280px) {
  .wrap {
    max-width: clamp(1250px, 87vw, 1500px);
    padding-inline: clamp(27px, 2.25vw, 38px);
  }
}
@media (max-width: 730px) {
  .wrap { padding-inline: 16px; }
}

/* Header spacing on tablets and phones, as in the main app (app.css). */
@media (max-width: 900px) {
  body header .zami-account-actions :is(a,button) { flex: 1 1 auto; white-space: nowrap; }
}
@media (max-width: 730px) {
  body header, body .header { padding: 13px 1px; }
}
@media (max-width: 650px) {
  body header, body .header { flex-wrap: wrap; gap: 8px 5px; }
}