/* Public-page container geometry. Site background and shells live in shared.css. */
:root {
  --landing-violet: #7138f0;
  --landing-blue: #1988f7;
  --landing-mint: #20c997;
  --landing-ink: #0b1020;
  --landing-line: rgba(109, 126, 170, .2);
  --landing-soft: rgba(111, 59, 238, .07);
}

body.public-page {
  /* 1180px of content at 1440px, growing to 1580px at 1920px. */
  --public-content-max: clamp(1180px, calc(100% - 260px - (100% - 1440px) / 6), 1580px);
  --public-page-gutter: 24px;
  --public-container-width: min(var(--public-content-max), calc(100% - var(--public-page-gutter) * 2));
}

@media (max-width: 820px) {
  body.public-page { --public-page-gutter: 16px; }
}

@media (max-width: 767px) {
  body.public-page { --public-page-gutter: 12px; }
}