/* The same paper world, on Global’s twelve zero-gap columns. */
.rh-story-v4 .rh-grid { align-items: center; }
.rh-story-v4__portrait { grid-column: 1 / 4; padding-right: var(--p-cell-inset); }
.rh-story-v4__portrait .rh-photo-slip { transform: rotate(-3deg); }
.rh-story-v4__signature { margin-top: var(--p-s4); font-size: 32px; text-align: center; }
.rh-story-v4__copy { grid-column: 4 / 13; padding-left: var(--p-cell-inset); max-width: 72ch; }
.rh-story-v4__copy > p { margin-top: var(--p-s6); max-width: 62ch; }
.rh-story-v4__copy .rh-story-v4__turn { margin-top: var(--p-s8); max-width: 56ch; }
.rh-story-v4__turn .rh-pen { display: block; font-size: 32px; margin-bottom: var(--p-s3); }

.rh-problems { padding-top: var(--p-s12); }
.rh-problems__sheet { padding: var(--p-s8) 0; }
.rh-problems__row { align-items: center; }
.rh-problems__row + .rh-problems__row { margin-top: var(--p-s12); }
.rh-problems__copy { padding-inline: var(--p-cell-inset); }
.rh-problems__copy h2,
.rh-problems__copy h3 { font-size: clamp(26px, 2.8vw, 32px); }
.rh-problems__copy p { margin-top: var(--p-s4); max-width: 44ch; }
.rh-problems__art { padding-inline: var(--p-cell-inset); }
.rh-problems__art > .rh-pen { font-size: 28px; margin-top: var(--p-s2); text-align: center; }
.rh-problems__diagram { width: 100%; height: auto; max-width: 360px; margin-inline: auto; overflow: visible; }
.rh-problems__diagram text { font: 16px var(--font-body); letter-spacing: 0; }
.rh-problems__diagram .rh-problems__ink-question { font: 32px var(--font-pen); }
.rh-problems__diagram path,
.rh-problems__diagram circle { vector-effect: non-scaling-stroke; }
.rh-problems__room { stroke: var(--rule); }
.rh-problems__row--fit .rh-problems__copy { grid-column: 1 / 7; }
.rh-problems__row--fit .rh-problems__art { grid-column: 7 / 13; }
.rh-problems__row--intent .rh-problems__art { grid-column: 1 / 6; }
.rh-problems__row--intent .rh-problems__copy { grid-column: 6 / 13; }
.rh-problems__row--intent .rh-problems__diagram { max-width: 320px; }
.rh-problems__row--miss .rh-problems__copy { grid-column: 1 / 8; }
.rh-problems__row--miss .rh-problems__art { grid-column: 8 / 13; }
.rh-problems__bridge { margin-top: var(--p-s10); }
.rh-problems__next { grid-column: 1 / 13; justify-self: center; display: inline-flex; align-items: center; gap: var(--p-s4); min-height: 48px; max-width: 52ch; padding-block: var(--p-s3); font-size: 20px; line-height: 1.4; }
.rh-problems__next svg { width: 36px; height: 20px; transition: transform var(--rh-ui) var(--rh-ease); }
.rh-problems__next:hover svg { transform: translateX(var(--p-s1)); }

.rh-persistent__intro { align-items: center; }
.rh-persistent__intro h2 { grid-column: 1 / 7; padding-right: var(--p-cell-inset); }
.rh-persistent__intro h2 .rh-pen { display: block; font-size: 1.1em; margin-top: var(--p-s2); }
.rh-persistent__intro > p { grid-column: 7 / 13; padding-left: var(--p-cell-inset); max-width: 42ch; }
.rh-persistent__journey { position: relative; margin-top: var(--p-s12); align-items: center; }
.rh-persistent__profile { grid-column: 1 / 5; grid-row: 1; padding-right: var(--p-cell-inset); }
.rh-persistent__profile-paper { padding: var(--p-cell-inset); }
.rh-persistent__identity { display: flex; align-items: center; gap: var(--p-s4); }
.rh-persistent__identity .rh-avatar { width: 64px; height: 64px; }
.rh-persistent__identity h3 { font-size: 24px; }
.rh-persistent__identity p { margin-top: var(--p-s1); font-size: 16px; line-height: 1.4; }
.rh-persistent__profile-paper dl { margin: var(--p-s6) 0 0; }
.rh-persistent__profile-paper dt { font-size: 14px; color: var(--ink-secondary); }
.rh-persistent__profile-paper dd { margin: var(--p-s1) 0 0; font-size: 18px; line-height: 1.4; }
.rh-persistent__fiction { margin-top: var(--p-s5); font-size: 14px; line-height: 1.4; color: var(--ink-secondary); }
.rh-persistent__route { grid-column: 5 / 13; grid-row: 1; width: 100%; height: 64px; align-self: end; pointer-events: none; margin-bottom: calc(-1 * var(--p-s4)); }
.rh-persistent__route path,
.rh-persistent__route circle { vector-effect: non-scaling-stroke; }
.rh-persistent__place { grid-row: 1; display: grid; grid-template-rows: 156px auto; align-items: center; padding-inline: var(--p-cell-inset); padding-bottom: var(--p-s16); text-align: center; }
.rh-persistent__place--event { grid-column: 5 / 8; }
.rh-persistent__place--cafe { grid-column: 8 / 10; }
.rh-persistent__place--airport { grid-column: 10 / 13; }
.rh-persistent__place .rh-drawing { width: 100%; max-width: 156px; margin-inline: auto; }
.rh-persistent__place figcaption { align-self: start; font-size: 30px; margin-top: var(--p-s2); }

.rh-faq h2 { grid-column: 1 / 5; padding-right: var(--p-cell-inset); }
.rh-faq h2 .rh-pen { font-size: 1.1em; }
.rh-faq__questions { grid-column: 5 / 13; padding-left: var(--p-cell-inset); }
.rh-faq details + details { background: var(--rh-ink-line) top / 100% 3px no-repeat; }
.rh-faq summary { cursor: pointer; min-height: 44px; padding-block: var(--p-s6); font-size: var(--rh-body); font-weight: 550; }
.rh-faq details:first-child summary { padding-top: 0; }
.rh-faq details p { max-width: 60ch; padding-bottom: var(--p-s6); }

@media (max-width: 900px) {
  .rh-story-v4__portrait { grid-column: 1 / 5; }
  .rh-story-v4__copy { grid-column: 5 / 13; }
  .rh-story-v4__turn .rh-pen { font-size: 30px; }
  .rh-problems__row--fit .rh-problems__copy,
  .rh-problems__row--miss .rh-problems__copy { grid-column: 1 / 8; }
  .rh-problems__row--fit .rh-problems__art,
  .rh-problems__row--miss .rh-problems__art { grid-column: 8 / 13; }
  .rh-problems__art > .rh-pen { font-size: 24px; }
  .rh-persistent__intro h2,
  .rh-persistent__intro > p { grid-column: 1 / 13; padding: 0; }
  .rh-persistent__intro > p { margin-top: var(--p-s6); max-width: 54ch; }
  .rh-persistent__profile { grid-column: 1 / 13; padding: 0; width: min(100%, 340px); justify-self: center; }
  .rh-persistent__place { grid-row: 2; margin-top: var(--p-s12); padding-inline: var(--p-cell-inset); }
  .rh-persistent__place--event { grid-column: 1 / 5; }
  .rh-persistent__place--cafe { grid-column: 5 / 9; }
  .rh-persistent__place--airport { grid-column: 9 / 13; }
  .rh-persistent__route { grid-column: 1 / 13; grid-row: 2; margin-bottom: 0; }
}

@media (max-width: 600px) {
  .rh-faq h2, .rh-faq__questions { grid-column: 1 / 13; padding: 0; }
  .rh-faq__questions { margin-top: var(--p-s8); }
  .rh-story-v4__portrait { grid-column: 1 / 13; width: min(100%, 212px); padding: 0; justify-self: center; margin-bottom: var(--p-s8); }
  .rh-story-v4__signature { font-size: 28px; }
  .rh-story-v4__copy { grid-column: 1 / 13; padding: 0; }
  .rh-story-v4__turn .rh-pen { font-size: 28px; }
  .rh-problems__row .rh-problems__copy,
  .rh-problems__row .rh-problems__art { grid-column: 1 / 13; }
  .rh-problems__copy { grid-row: 1; }
  .rh-problems__art { grid-row: 2; margin-top: var(--p-s4); }
  .rh-problems__row + .rh-problems__row { margin-top: var(--p-s12); }
  .rh-problems__diagram { max-width: 280px; }
  .rh-problems__row--intent .rh-problems__diagram { max-width: 280px; }
  .rh-problems__next { font-size: 18px; align-items: center; gap: var(--p-s3); }
  .rh-problems__next svg { width: 28px; }
  .rh-persistent__intro h2 .rh-pen { font-size: 32px; }
  .rh-persistent__journey { margin-top: var(--p-s10); }
  .rh-persistent__place { grid-template-rows: 112px auto; margin-top: var(--p-s8); padding-inline: var(--p-s2); padding-bottom: var(--p-s16); }
  .rh-persistent__place .rh-drawing { max-width: 112px; }
  .rh-persistent__place figcaption { font-size: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .rh-problems__next svg { transition: none; }
  .rh-problems__next:hover svg { transform: none; }
}