* {
  box-sizing: border-box;
}

html,
body,
#root {
  min-height: 100%;
}

body {
  margin: 0;
  color: #0f172a;
  background: linear-gradient(180deg, #f8fbff 0%, #eef7ff 42%, #ffffff 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#root {
  width: 100%;
}

#agapeLearnAiOverlay {
  width: 100%;
}

body.agape-learn-open {
  overflow-x: hidden;
}

.agape-learn-shell {
  min-height: 100vh;
  padding: 24px;
}

@media (max-width: 760px) {
  .agape-learn-shell {
    padding: 12px;
  }
}