/* V4-only trial links and mobile navigation; historical compositions stay unchanged. */
.review.theme-v4 .nv-trial {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-block-size: 48px;
  max-inline-size: 100%;
  padding: 12px 18px 17px;
  margin-block-end: 12px;
  border: 1px solid currentColor;
  border-radius: 7px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
.review.theme-v4 .nv-trial-badge {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 12px;
  translate: 0 50%;
  max-inline-size: calc(100% - 24px);
  padding: 2px 9px;
  border: 1px solid #b8a6e9;
  border-radius: 5px;
  background: #201d3c;
  color: #e8ddfb;
  font: 500 12px/1.4 var(--body);
  text-wrap: balance;
}
.review.theme-v4 .nt-cabinet .nv-trial-badge {
  background: #eee5fb;
  border-color: #9e80c6;
  color: #412572;
}
.review.theme-v4 .nt-actions {
  gap: 14px;
}
.review.theme-v4 .nv-mobile-trial {
  display: none;
}
@media (hover: hover) {
  .review.theme-v4 .nv-trial:hover {
    background: #a997dd14;
  }
}
@media (max-width: 900px) {
  html:has(> .review.theme-v4) {
    --nv-header-height: calc(64px + env(safe-area-inset-top, 0px));
    --nv-bar-height: calc(116px + env(safe-area-inset-bottom, 0px));
    scroll-padding-block: calc(var(--nv-header-height) + 12px) calc(var(--nv-bar-height) + 12px);
  }
  .review.theme-v4 {
    padding-block-end: var(--nv-bar-height);
  }
  .review.theme-v4 .nh-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 30;
    inline-size: 100%;
    min-block-size: calc(64px + env(safe-area-inset-top, 0px));
    padding-block: env(safe-area-inset-top, 0px) 0;
    padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
    gap: 8px;
    container: nv-header / inline-size;
    border-block-end: 1px solid #8276b342;
    background: #111635;
  }
  .review.theme-v4 .nh-header .header-actions {
    gap: 0;
  }
  .review.theme-v4 .nh-header .mobile-nav {
    flex-shrink: 0;
  }
  .review.theme-v4 .nh-header .mobile-nav summary {
    white-space: nowrap;
    font-size: 14px;
    min-block-size: 44px;
  }
  .review.theme-v4 .nh-header > a {
    flex-shrink: 0;
  }
  .review.theme-v4 .nh-header .mobile-nav summary > .icon {
    display: none;
  }
  .review.theme-v4 .nh-hero {
    margin-block-start: calc(-1 * var(--nv-header-height));
  }
  .review.theme-v4 .section {
    scroll-margin-block-start: 0;
  }
  .review.theme-v4 .pm-total {
    inset-block-start: var(--nv-header-height);
  }
  .review.theme-v4 [data-process-phrase] {
    scroll-margin-block-start: var(--pm-total-height, 108px);
  }
  .review.theme-v4 .nh-header .mobile-nav[open] nav {
    inline-size: auto;
    min-inline-size: 0;
    inset-inline: 12px;
    inset-block-start: calc(100% + 6px);
    max-block-size: calc(var(--nv-viewport-height, 100dvh) - var(--nv-header-height) - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px;
    border: 1px solid #8276b370;
    border-radius: 12px;
    background: #1b203f;
    color: #f6f2ef;
    box-shadow: 0 12px 32px #07092340;
  }
  .review.theme-v4 .nh-header .mobile-nav nav > a {
    min-inline-size: 0;
    max-inline-size: 100%;
    display: flex;
    align-items: center;
    min-block-size: 44px;
    padding: 10px 12px;
    line-height: 1.4;
  }
  .review.theme-v4 .nv-mobile-trial {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 25;
    display: block;
    padding: 10px max(16px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
    border-block-start: 1px solid #8276b34a;
    background: #111635fa;
  }
  .review.theme-v4 .nv-mobile-signup {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    inline-size: 100%;
    padding: 10px 12px;
    min-block-size: 62px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 550;
    line-height: 1.3;
    text-wrap: balance;
  }
  .review.theme-v4 .nv-mobile-signup .icon {
    display: none;
  }
  .review.theme-v4 .nv-mobile-signup small {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
  }
  .review.theme-v4:has(.mobile-nav[open], dialog[open], :fullscreen) .nv-mobile-trial,
  html.nsel-modal-open .review.theme-v4 .nv-mobile-trial {
    display: none;
  }
  .review.theme-v4 :is(input, textarea, select, button, a) {
    scroll-margin-block: 12px;
  }
}
@container nv-header (max-width: 300px) {
  .review.theme-v4 .nh-header .brand {
    font-size: 16px;
    letter-spacing: .16em;
    gap: 8px;
  }
  .review.theme-v4 .nh-header .brand img {
    inline-size: 28px;
    block-size: 28px;
  }
}
@container nv-header (max-width: 250px) {
  .review.theme-v4 .nh-header .brand > span,
  .review.theme-v4 .nh-header .nsel-language .nsel-chevron {
    display: none;
  }
  .review.theme-v4 .nh-header .nsel-language {
    padding-inline: 8px;
  }
  .review.theme-v4 .nh-header .mobile-nav summary > .icon {
    display: block;
    inline-size: 20px;
    block-size: 20px;
  }
  .review.theme-v4 .nh-header .mobile-nav summary > span {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    clip-path: inset(50%);
    overflow: hidden;
  }
  .review.theme-v4 .nh-header .mobile-nav nav > a {
    overflow-wrap: anywhere;
  }
  .review.theme-v4 .nh-header .mobile-nav nav > a .icon {
    display: none;
  }
}
