/* Public agenda page: the published artwork and nothing else.
   The section sheets (agenda-design.css and friends) style the agenda itself;
   this file only gives the page a white ground, a full-width frame and the
   error state. It deliberately does not load the editor's styles.css. */

*:not(.agenda-redesign):not(.agenda-redesign *) { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-width: 320px;
  background: white;
  color: #2d2d2f;
  font-family: Inter, "Avenir Next", Avenir, Helvetica, Arial, sans-serif;
}

body.preview-only, html.preview-only body { background: white; }

button, input, textarea { font: inherit; }
button, label { -webkit-tap-highlight-color: transparent; }

/* The frame is the whole page: no editor gutter, crop, shadow or radius. */
.agenda-frame { width: 100%; max-width: none; margin: 0; overflow: visible; border-radius: 0; background: white; box-shadow: none; }
#agendaPreview { overflow: visible; }

/* Missing, archived-and-empty or unreadable publications. */
.published-error { min-height: 100vh; display: grid; place-content: center; justify-items: center; padding: 40px; text-align: center; color: white; background: var(--purple, #7119e3); }
.published-error img { width: min(230px, 55vw); margin-bottom: 34px; }
.published-error h1 { margin: 0 0 10px; font-size: clamp(40px, 8vw, 86px); letter-spacing: -.05em; }
.published-error p { max-width: 460px; margin: 0; color: #efe3fa; line-height: 1.6; }