/* Accessible typography overrides for real screens, not design mockups. */
body { font-size: 16px; }

.nightline,
.label,
.scroll,
.product-visual > span,
.product-copy > small,
.fine,
.diag-top span {
  font-size: 13px;
  line-height: 1.45;
}

nav,
.actions button,
.button,
.text-button,
.ritual-grid span,
.ritual-grid i,
.filters button,
.product footer button,
.layers span,
.journal-grid span,
.journal-grid a,
.drawer label,
.drawer small,
body > footer > div {
  font-size: 14px;
  line-height: 1.45;
}

.whisper p,
.product-copy > p,
.layers p,
.poses p,
.faq summary,
.faq details p,
.cart-row,
.system-copy > p:not(.label) {
  font-size: 15px;
  line-height: 1.65;
}

.sensory > div:last-child > p:last-child,
.hero-copy > p:not(.label) {
  font-size: 17px;
}

.product h3 { min-height: 48px; }
.product-copy > p { min-height: 68px; }
.nightline { min-height: 36px; height: auto; padding-block: 8px; }

@media (max-width: 620px) {
  .label,
  .fine,
  .product-visual > span,
  .product-copy > small { font-size: 12px; }

  .product-copy > p { min-height: auto; }
  .product h3 { min-height: auto; }
}