/* SchoolEP V230.76 — universal Level 3 subject watermark; Pioneer corner tag excluded from normal-flow child positioning.
   Direction authority: French/LTR = left; Arabic/RTL = right. */
.content-area .sp-hero[data-schoolep-hero-subject-icon="v203"],
.sp-hero[data-schoolep-hero-subject-icon="v203"] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}

.content-area .sp-hero[data-schoolep-hero-subject-icon="v203"] > :not(.schoolep-subject-hero-watermark-v203):not(.schoolep-pioneer-corner-tag),
.sp-hero[data-schoolep-hero-subject-icon="v203"] > :not(.schoolep-subject-hero-watermark-v203):not(.schoolep-pioneer-corner-tag) {
  position: relative;
  z-index: 2;
}

.schoolep-subject-hero-watermark-v203 {
  position: absolute;
  z-index: 1;
  top: 50%;
  inset-inline-start: clamp(18px, 4vw, 62px);
  width: clamp(96px, 13vw, 172px);
  height: clamp(96px, 13vw, 172px);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%) rotate(-7deg);
  pointer-events: none;
  color: var(--accent, var(--sp-breadcrumb-accent, #16a34a));
  opacity: 0.105;
  filter: saturate(1.12);
}

html[dir="rtl"] .schoolep-subject-hero-watermark-v203,
html[lang="ar"] .schoolep-subject-hero-watermark-v203 {
  transform: translateY(-50%) rotate(7deg);
}

.schoolep-subject-hero-watermark-v203 .schoolep-subject-hero-watermark-icon-v203,
.schoolep-subject-hero-watermark-v203 i,
.schoolep-subject-hero-watermark-v203 .mdi,
.schoolep-subject-hero-watermark-v203 svg {
  width: 1em !important;
  height: 1em !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  fill: currentColor !important;
  font-size: clamp(86px, 11vw, 150px) !important;
  line-height: 1 !important;
  transform: none !important;
  opacity: 1 !important;
}

html[data-schoolep-cycle="m"] .schoolep-subject-hero-watermark-v203 { color: var(--accent, #f59e0b); }
html[data-schoolep-cycle="s"] .schoolep-subject-hero-watermark-v203 { color: var(--accent, #7c3aed); }

@media (max-width: 720px) {
  .schoolep-subject-hero-watermark-v203 {
    inset-inline-start: 13px;
    width: 82px;
    height: 82px;
    opacity: 0.09;
  }
  html[dir="rtl"] .schoolep-subject-hero-watermark-v203,
  html[lang="ar"] .schoolep-subject-hero-watermark-v203 {
    transform: translateY(-50%) rotate(7deg);
  }
  .schoolep-subject-hero-watermark-v203 .schoolep-subject-hero-watermark-icon-v203,
  .schoolep-subject-hero-watermark-v203 i,
  .schoolep-subject-hero-watermark-v203 .mdi,
  .schoolep-subject-hero-watermark-v203 svg {
    font-size: 72px !important;
  }
}