/* RV-HERO-WATERMARK-CTA-DELTA: temporary prototype palette, hero only.
   Matched to vrach_hero_mockup_APPROVED.png; the PNG is never a site asset. */
.journal-identity {
  --hero-bg: #eef3f7;
  --hero-watermark-color: #85abc9;
  --hero-watermark-opacity: .14;
  --hero-watermark-top-gap: 16px;
  position: relative;
  isolation: isolate;
  background: var(--hero-bg);
}
/* Empty generated content is decorative and absent from the accessibility tree. */
.journal-identity::before {
  content: "";
  position: absolute;
  inset: 0;
  /* Exclude the top band from the mask canvas; keep its bottom anchor. */
  top: var(--hero-watermark-top-gap);
  z-index: -1;
  pointer-events: none;
  background-color: var(--hero-watermark-color);
  opacity: var(--hero-watermark-opacity);
  -webkit-mask: url('../assets/hero-books-watermark.svg?v=20261016-approved') right bottom / max(1280px, 100%) auto no-repeat;
  mask: url('../assets/hero-books-watermark.svg?v=20261016-approved') right bottom / max(1280px, 100%) auto no-repeat;
}
.journal-identity .hero-submission .journal-cta > .button {
  min-height: 48px;
  padding: 12px 14px;
  transition: background-color 160ms ease, color 160ms ease;
}
.journal-identity .hero-submission .journal-cta > .button:hover {
  background: var(--hero-bg);
  color: var(--rv-accent);
  transform: none;
}
.journal-identity .hero-submission .journal-cta > .button:focus-visible {
  outline: 2px solid var(--rv-white);
  outline-offset: 3px;
}
.journal-identity .hero-submission .cta-submission-procedure { flex-basis: 100%; }
@media (min-width: 901px) {
  .journal-identity .identity-facts { align-self: stretch; }
  .journal-identity .hero-submission { margin-top: auto; }
  .journal-identity .hero-submission .journal-cta {
    /* Extend through the accepted 12px grid padding and 1px hero border.
       The negative margin preserves the existing grid and facts geometry. */
    margin-bottom: -13px;
    padding-bottom: 29px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 900px) {
  .journal-identity { --hero-watermark-opacity: .12; }
  .journal-identity::before {
    -webkit-mask-size: 1100px auto;
    mask-size: 1100px auto;
  }
}
@media (max-width: 600px) {
  .journal-identity { --hero-watermark-opacity: .10; }
  .journal-identity::before {
    -webkit-mask-size: 960px auto;
    mask-size: 960px auto;
    -webkit-mask-position: 65% bottom;
    mask-position: 65% bottom;
  }
}
@media (prefers-reduced-motion: reduce) {
  .journal-identity .hero-submission .journal-cta > .button { transition: none; }
}