/* Shared Romera paper surface. Artwork is confined to editorial introductions. */
body[data-romera-surface] { background-color:#F7F1E8; }
body[data-romera-surface="editorial"] :is(.page-header, .about-hero, .hero),
body[data-romera-surface="reading"] main,
body[data-romera-surface="editorial"] #practice-hub {
  position:relative;
  isolation:isolate;
}
body[data-romera-surface="editorial"] :is(.page-header, .about-hero, .hero)::before,
body[data-romera-surface="reading"] main::before,
body[data-romera-surface="editorial"] #practice-hub::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url('/assets/worlds/paper-world-map.webp') center / cover no-repeat;
  opacity:.55;
  mask-image:linear-gradient(to bottom,#000 65%,transparent);
}
body[data-romera-surface="editorial"] .about-hero::before { inset:-24px 0; }
body[data-romera-surface="reading"] main::before { bottom:auto; height:440px; }
body[data-romera-surface="editorial"] #practice-hub::before { bottom:auto; height:250px; }
body[data-romera-surface="editorial"] :is(.subtitle, .about-intro, .hero-sub) { color:#62584E; }
@media(max-width:760px) {
  body[data-romera-surface="editorial"] :is(.page-header, .about-hero, .hero)::before,
  body[data-romera-surface="reading"] main::before,
  body[data-romera-surface="editorial"] #practice-hub::before { opacity:.3; }
}