/* =========================
   CALM PAGE STYLES (page-specific)
   ========================= */

.calm-card{
  padding: 22px;
  text-align: left;
}

.affirm-box{
  padding: 34px 18px 30px;
  text-align: center;
}

.affirm-text{
  font-size: 30px;
  line-height: 1.28;
  letter-spacing: 0.01em;
  margin: 0 0 14px;
  transition: opacity 240ms ease;
}

.affirm-small{
  font-size: 15px;
  color: var(--text-soft);
  line-height: 1.55;
  min-height: 22px;
  opacity: 0.95;
  transition: opacity 240ms ease;
}

@media (max-width: 520px){
  .calm-card{ padding: 18px; }
  .affirm-text{ font-size: 26px; }
}