/* Readable surfaces and controls across artwork, text sizes, and breakpoints. */
body { overflow-wrap: anywhere; }
.shell > *, .journal-section > *, .extension-grid > *, .signup-grid > * { min-width: 0; }
.brand { white-space: normal; min-width: 0; }
.brand-logo { flex-shrink: 0; }
.site-footer nav { flex-wrap: wrap; }
.wave { max-width: 100%; }
.form-row .btn { flex-shrink: 1; max-width: 100%; }
:focus-visible { outline: 3px solid #202f28; outline-offset: 5px; }
.dark :focus-visible { outline-color: #f6f3eb; }
.study-hero .hero-copy {
  background: var(--paper);
  box-shadow: 0 0 28px 14px var(--paper);
  padding: 2rem;
  margin-top: 3rem;
}
.study-hero .availability { font-family: var(--sans); font-style: normal; }
.eyebrow, .specimen-label, .journal-example .specimen-label,
.manuscript .specimen-label, .caption, .form-note, .pricing-note,
.site-footer small, .intent-fields legend { font-size: .875rem; }
.feature-table, .feature-table thead th, .price small, .annual,
.waitlist-form label, .signup-options, .scroll-instruction { font-size: 1rem; }
.site-header nav > a, .site-footer nav > a, summary {
  min-height: 44px;
  padding-block: .6rem;
}
.site-footer nav > a { display: inline-flex; align-items: center; }
.intent-fields label { min-height: 44px; }
.text-link { display: inline-block; padding-block: .65rem; }
.manuscript { background: #eee5d3; transform: none; }
.manuscript:before { inset: -24px; z-index: -2; }
.handwriting, .journal-example .handwriting { transform: none; font-weight: 600; line-height: 1.3; }
.journal-example .entry-label, .journal-example figcaption { font-size: 1rem; }
.affirmation-paper { mix-blend-mode: normal; }
.affirmation-paper .specimen-label {
  background: var(--paper);
  padding: .4rem;
  line-height: 1.6;
}

/* The paper follows its content height, including browser text enlargement. */
.reflection-scroll { aspect-ratio: auto; padding-bottom: 2.5rem; }
.scroll-sheet { position: relative; }
.scroll-copy {
  position: relative;
  inset: auto;
  padding: 10rem 18%;
  overflow: visible;
  min-height: 28rem;
}
.scroll-copy .specimen-label { font-size: .875rem; }
.scroll-copy .journal-type { font-size: 1rem; }
.scroll-art { object-fit: fill; }
.scroll-cap { height: calc(100% - 2.5rem); object-fit: fill; }
.scroll-instruction { bottom: 0; margin: 0; }
.reflection-scroll.is-open .scroll-seal { top: auto; bottom: 3.5rem; transform: translateX(-50%); }
.scroll-copy .journal-type, .scroll-copy .specimen-label {
  background: transparent;
  padding: .25rem;
}

@media (max-width: 1000px) {
  .pricing { grid-template-columns: 1fr; }
  .study-hero .hero-copy { width: 55%; }
}
@media (max-width: 700px) {
  .study-hero .hero-copy { width: 100%; margin-top: 0; padding: 2rem 0 1rem; }
  .study-hero .hero-copy .eyebrow { font-size: .875rem; }
  .feature-table { table-layout: fixed; font-size: 1rem; }
  .feature-table th, .feature-table td { overflow-wrap: anywhere; padding: .75rem .4rem; }
  .feature-table th[scope=row] { width: 44%; }
  .reflection-scroll { margin-top: 0; }
  .scroll-copy { padding: 10rem 14%; }
  .scroll-copy .handwriting { font-size: 2rem; }
  .manuscript:before { inset: -12px; }
}