/* Page widths shared by the office landing page and application shell. */
:root {
  --page-gutter: clamp(1.5rem,4vw,4rem);
  --public-page-width: 94rem;
  --form-page-width: 72rem;
  --form-compact-width: 42rem;
  --auth-workspace-width: 56rem;
  --auth-form-width: 36rem;
  --reading-page-width: 56rem;
  --search-input-width: 34rem;
}
.page-wrap, .wrap { width: calc(100% - var(--page-gutter)); margin-inline: auto; }
[data-page-layout="public"] :is(.page-wrap, .wrap) { max-width: var(--public-page-width); }
@media (max-width: 39rem) {
  :root { --page-gutter: 1.25rem; }
}