/* Preserve the existing imaging styles while allowing page-specific design. */
@import url("/style.css") layer(workspace);

body[data-page="public"] { background: #f7f6ef; color-scheme: light; }
.public-surface { min-height: 100svh; color-scheme: light; }
.public-surface .auth-error { color: #9b3930; background: #f9eae3; border: 1px solid #e2b9ab; padding: 12px; margin-block: 16px; font-size: 13px; }
.public-surface .auth-access-note { border-top: 1px solid #dce3d7; padding-top: 20px; margin-top: 24px; color: #738078; font-size: 12px; line-height: 1.9; }
.public-surface .auth-submit:disabled { opacity: .6; cursor: wait; }
.public-surface .hero-copy { min-width: 0; }
.public-surface .button { white-space: normal; max-width: 100%; }
@media(max-width:680px) {
  .public-surface .hero { grid-template-columns: minmax(0, 1fr); }
  .public-surface .hero-buttons .button { gap: 18px; }
  .public-surface .hero-buttons .button span:first-child { font-size: 13px; }
  .public-surface .atlas-region { min-width: 0; }
}