:root{
  --mo-max-width: 1100px;
}

.page-columns .content{
  max-width: var(--mo-max-width);
}

body{
  font-size: 17px;
}

p, li{
  line-height: 1.6;
}

h1{
  font-weight: 700;
}

h2{
  margin-top: 2rem;
  font-weight: 650;
}

.mo-hero{
  padding: 2rem;
  border-radius: 20px;
  background: linear-gradient(135deg, #eef3ff, #eef7f1);
}

.mo-chip{
  display:inline-block;
  padding:.3rem .7rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.15);
  margin:.2rem .2rem .2rem 0;
  font-size:.85rem;
}

.mo-section-note{
  border-left:4px solid #0d6efd;
  padding-left:1rem;
  margin:1.5rem 0;
}

@media (max-width: 768px){
  .columns{
    flex-direction: column;
  }
}