@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root{
  --max-width: 1100px;
  --c_purple_lt: #b0a8b9;
  --c_yellow_lt: #fffade;
  --c_purple_drk: #2e1f46;
  --black: #000000;
  --white: #ffffff;
}

*{box-sizing:border-box}
body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  color: var(--c_purple_drk);
  -webkit-font-smoothing:antialiased;
}



.container{max-width:var(--max-width);margin:0 auto;padding:0 6vw}
@media (min-width: 1400px) {
  .container{max-width:1400px;padding:0 8vw}
}

.chapter{
  padding:120px 6vw;
  min-height:100vh;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.chapter h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:18px}
.chapter p, .chapter ol, .chapter ul { max-width: 760px; font-size: 1.05rem; color: var(--c_purple_drk); }
.chapter ol, .chapter ul{margin:16px 0;padding-left:20px}
.chapter li{margin-bottom:8px;line-height:1.5}

/* Background colors */
.chapter-1 { background: var(--c_purple_lt); color: var(--c_purple_drk); }
.site-footer { background: var(--c_yellow_lt); color: var(--c_purple_drk); padding: 40px 6vw; text-align: center; font-size: 0.95rem; }

@media (max-width: 700px) {
  .chapter { padding: 100px 4vw; }
  .container { padding: 0 4vw; }
}