/* Google Calendar pages (Phase 12) — replaces inline style="" so the scoped CSP
 * can enforce style-src 'self' with NO 'unsafe-inline'. Classes below cover
 * every inline style previously on calendar-sync.php and the public marketing
 * page. Keep this file the single home for those pages' one-off styles. */

/* Layout wrappers */
.gcal-narrow { max-width: 820px; }
.gcal-centered { max-width: 820px; margin: 0 auto; }
.gcal-mt-8 { margin-top: 8px; }
.gcal-mt-16 { margin: 16px 0; }
.gcal-my-12 { margin: 12px 0; }
.gcal-mb-4 { margin: 0 0 4px; }
.gcal-mb-6 { margin: 0 0 6px; }
.gcal-toggle-gap { margin-left: 16px; }

/* Scope justification cards (marketing page) */
.gcal-scope-item {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 8px;
}

/* Waitlist honeypot — hidden from humans via clip-path + off-screen +
 * pointer-events; NEVER display:none. The field name is a nonsense token. */
.gcal-hp {
  position: absolute;
  left: -9999px;
  top: -9999px;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}

/* Waitlist inputs */
.gcal-input { max-width: 320px; }