/* One paper stock, shared by the working mocks and the illustration studies.
   Paper white points are matched in SVG. Never grade a content wrapper: photos,
   HTML ink, map colours and green message bubbles keep their original colours. */
.rh-mock { --paper-raised: var(--paper); isolation: isolate; background: var(--paper); }
.rh-paper-filters { position: absolute; width: 0; height: 0; pointer-events: none; }
.rh-mock::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: url('/assets/concept-paper.80a769ad7741.webp') repeat center / 640px; filter: url('#rh-paper-grain'); }
.rh-mock .rh-torn { background-color: transparent; }
.rh-paper::before,
.rh-paper .p-workspace-layer,
.rh-photo-slip::before { filter: url('#rh-paper-grain'); }
.rh-torn::before { filter: url('#rh-paper-grain') drop-shadow(0 -2px 2px rgb(55 45 28 / .09)); }
.rh-torn + .rh-section::before { filter: url('#rh-paper-grain') drop-shadow(0 2px 2px rgb(55 45 28 / .09)); }
.rh-event-slip::before { filter: url('#rh-paper-sheet') drop-shadow(2px 8px 5px #42372c35); }
.rh-common-venue::before,
.rh-scene-pin-label::before { filter: url('#rh-paper-sheet') drop-shadow(1px 3px 2px #42372c22); }
.rh-notice-paper::before,
.rh-conversation::before,
.rh-library-materials > img { filter: url('#rh-paper-sheet'); }
.rh-drawing { filter: url('#rh-paper-drawings'); }
.rh-land-pin .rh-drawing,
.rh-scene-pin-tip .rh-drawing { filter: url('#rh-paper-drawings') drop-shadow(0 2px 1px var(--paper)); }

/* Keep the phone plate on its own layer, below the ungraded real UI. */
.rh-phone.rh-v4-phone { isolation: isolate; background: none; }
.rh-phone.rh-v4-phone::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url('/assets/paper-phone-v1.3a72bf792de7.webp') center / 100% 100% no-repeat; filter: url('#rh-paper-phone') drop-shadow(3px 9px 7px #42372c38); }
.rh-problems__illustration { display: block; width: 100%; height: auto; margin-inline: auto; }
.rh-mini-map > img,
.rh-scene-map > .rh-map-plate,
.rh-library .rh-map-plate,
.rh-chapter-map > img { filter: url('#rh-paper-map'); }
.rh-problems__illustration--1a, img[src='p1-a.png'] { filter: url('#rh-paper-1a'); }
img[src='p1-b.png'] { filter: url('#rh-paper-1b'); }
img[src='p1-c.png'] { filter: url('#rh-paper-1c'); }
img[src='p2-a.png'] { filter: url('#rh-paper-2a'); }
img[src='p2-b.png'] { filter: url('#rh-paper-2b'); }
.rh-problems__illustration--2c, img[src='p2-c.png'] { filter: url('#rh-paper-2c'); }
img[src='p3-a.png'] { filter: url('#rh-paper-3a'); }
.rh-problems__illustration--3b, img[src='p3-b.png'] { filter: url('#rh-paper-3b'); }
img[src='p3-c.png'] { filter: url('#rh-paper-3c'); }
@media (max-width: 600px) { .rh-phone.rh-v4-phone::before { background-size: 130% 100%; } }
.rh-event-ticket::before,.rh-persistent__cutout::before { content: ''; position: absolute; inset: -6px; z-index: -1; background: url('/assets/paper-sheet-v1.3b0e84187080.webp') center/100% 100% no-repeat; mask: none; filter: url('#rh-paper-sheet') drop-shadow(2px 7px 4px #42372c35); }
.rh-event-ticket .p-workspace-layers { display: none; }
.rh-persistent__cutout { position: relative; isolation: isolate; padding: var(--p-s4); margin-inline: var(--p-s3); transform: rotate(-2deg); }
.rh-persistent__place--cafe.rh-persistent__cutout { transform: rotate(2deg); }
.rh-persistent__place--airport.rh-persistent__cutout { transform: rotate(-1deg); }
.rh-photo-slip,.rh-event-ticket,.rh-scene-receipt,.rh-intent-fit { filter: drop-shadow(2px 7px 5px #42372c26); }
.rh-problems__illustration--1a { filter: url('#rh-paper-1a') drop-shadow(2px 8px 6px #42372c26); }
.rh-problems__illustration--2c { filter: url('#rh-paper-2c') drop-shadow(2px 8px 6px #42372c26); }
.rh-problems__illustration--3b { filter: url('#rh-paper-3b') drop-shadow(2px 8px 6px #42372c26); }
@media (forced-colors: active) {
  .rh-mock::before, .rh-phone.rh-v4-phone::before { display: none; }
  .rh-problems__illustration, .rh-drawing { filter: none; }
}