/* Version 264 — expanded premium feature suite replaces the artwork price strip. */
.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits::before {
  content: "" !important;
  position: absolute !important;
  left: 6.05% !important;
  top: 48.85% !important;
  width: 51.8% !important;
  height: 24.35% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(211, 255, 62, .72) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(119, 255, 168, .12), transparent 48%),
    linear-gradient(145deg, #073f38 0%, #04362f 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .045),
    inset 0 -24px 40px rgba(0, 25, 21, .17),
    0 10px 26px rgba(0, 25, 21, .22) !important;
}

.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits article {
  top: 50.05% !important;
  width: 9.55% !important;
  height: 21.85% !important;
  gap: 7% !important;
  padding: 1.1% .62% !important;
  overflow: hidden !important;
  border: 1px solid rgba(211, 255, 62, .42) !important;
  border-radius: 13px !important;
  background: linear-gradient(165deg, rgba(10, 84, 72, .98), rgba(2, 48, 42, .99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .11),
    inset 0 0 24px rgba(131, 255, 169, .06),
    0 8px 18px rgba(0, 20, 18, .2) !important;
}

.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits .featureDocuments { left: 7.05% !important; }
.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits .featureExpiry { left: 17.08% !important; }
.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits .featurePpeResume { left: 27.11% !important; }
.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits .featurePdfBoard { left: 37.14% !important; }
.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits .featureCareerGrowth { left: 47.17% !important; }

.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits i {
  display: grid !important;
  width: clamp(34px, 3.2vw, 54px) !important;
  height: clamp(34px, 3.2vw, 54px) !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  border: 1px solid rgba(211, 255, 62, .65) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(211, 255, 62, .16), rgba(211, 255, 62, .03)) !important;
  color: #d7ff37 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 8px 17px rgba(0, 20, 18, .22) !important;
  filter: drop-shadow(0 2px 6px rgba(192, 255, 48, .13)) !important;
}

.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits i svg {
  width: 72% !important;
  height: 72% !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits span {
  max-width: 100% !important;
  color: #fff !important;
  font-size: clamp(8px, .84vw, 13.5px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
  text-shadow: 0 2px 5px rgba(0, 20, 18, .5) !important;
}

@media (max-width: 1000px) {
  .loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits::before {
    border-radius: clamp(7px, 1.8vw, 15px) !important;
  }

  .loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits article {
    border-radius: clamp(5px, 1.25vw, 11px) !important;
  }

  .loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits i {
    width: clamp(21px, 6.4vw, 48px) !important;
    height: clamp(21px, 6.4vw, 48px) !important;
    border-radius: clamp(5px, 1.35vw, 11px) !important;
  }

  .loginShell.loginShell:not(.employerAccessShell) .currentFeatureEdits span {
    font-size: clamp(5.5px, 1.7vw, 11.5px) !important;
    line-height: 1.04 !important;
  }
}