
.trial-registration-page {
  --trial-opportunity: var(--color_cta_base);
  --trial-opportunity-strong: #c96800;
  --trial-danger: var(--bs-danger, #dc3545);
  min-height: 100%;
  background: var(--color_surface_page_bg);
}

.trial-registration-header {
  background: var(--color_surface_page_bg);
  backdrop-filter: none;
}

.trial-registration-hero--focused {
  position: relative;
  overflow: visible;
  background: var(--color_surface_page_bg);
}

.trial-registration-hero--focused::before,
.trial-registration-hero--focused::after {
  display: none;
}

.trial-registration-intro--focused {
  width: min(720px, 100%);
  margin-bottom: 1.35rem;
}

.trial-registration-card--focused {
  overflow: visible;
  border-color: var(--color_border_default);
}

.trial-registration-card--focused {
  width: 100%;
  max-width: none;
}

.trial-registration-intro--focused {
  width: 100%;
  max-width: none;
}

.trial-legal-section .legal-text-panel {
  width: 100%;
  max-width: none;
}

.trial-inline-validation {
  margin-top: .5rem;
  color: var(--bs-form-invalid-color, #dc3545);
  font-size: .75rem;
  line-height: 1.4;
}

.trial-registration-card--focused::before {
  display: none;
}

.trial-registration-section--keywords {
  position: relative;
}

.trial-keyword-composer {
  border: 1px solid var(--color_border_default);
  border-radius: var(--library-radius-lg);
  background: var(--color_surface_card_bg);
  transition: border-color .16s ease, box-shadow .16s ease;
}

.trial-keyword-composer:focus-within {
  border-color: var(--color_cta_base_blue);
  box-shadow: var(--library-shadow-focus);
}

.trial-keyword-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .55rem;
  align-items: stretch;
  padding: .45rem;
}

.trial-keyword-composer .trial-keywords-input {
  min-width: 0;
  min-height: 52px;
  border: 0;
  border-radius: calc(var(--library-radius-lg) - .2rem);
  box-shadow: none;
}

.trial-keyword-composer .trial-keywords-input:focus {
  border: 0;
  box-shadow: none;
}

.trial-keyword-add-button {
  display: inline-flex;
  min-width: 126px;
  min-height: 52px;
  gap: .42rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--library-radius-lg) - .2rem);
  white-space: nowrap;
  font-weight: 700;
}

.trial-keyword-composer__hint {
  display: flex;
  gap: .45rem 1rem;
  align-items: center;
  justify-content: space-between;
  padding: .62rem .8rem;
  border-top: 1px solid var(--color_border_default);
  color: var(--color_text_muted);
  font-size: .7rem;
  line-height: 1.4;
}

.trial-keyword-composer__hint span {
  display: inline-flex;
  gap: .38rem;
  align-items: center;
}

.trial-keyword-composer.is-guidance {
  border-color: var(--trial-danger);

  box-shadow:
    0 0 0 3px
    color-mix(
      in srgb,
      var(--trial-danger) 12%,
      transparent
    );
}

.trial-keyword-local-feedback {
  display: flex;
  max-width: 760px;

  gap: .6rem;
  align-items: flex-start;

  margin-top: .6rem;
  padding: .7rem .8rem;

  border: 1px solid color-mix(
    in srgb,
    var(--trial-danger) 42%,
    var(--color_border_default)
  );

  border-radius: var(--library-radius-md);

  color: color-mix(
    in srgb,
    var(--trial-danger) 68%,
    var(--color_text_heading)
  );

  background: color-mix(
    in srgb,
    var(--trial-danger) 6%,
    var(--color_surface_card_bg)
  );

  font-size: .72rem;
  font-weight: 600;
  line-height: 1.45;
}

.trial-keyword-local-feedback__icon {
  display: grid;

  width: 24px;
  height: 24px;

  flex: 0 0 auto;

  place-items: center;

  border-radius: 50%;

  color: var(--trial-danger);

  background: color-mix(
    in srgb,
    var(--trial-danger) 12%,
    var(--color_surface_card_bg)
  );
}

.trial-keyword-local-feedback[hidden] {
  display: none !important;
}

.trial-keyword-local-feedback__content {
  min-width: 0;
  padding-top: .08rem;
}

.trial-keyword-add-button:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.trial-keyword-rejection {
  display: flex;
  max-width: 760px;

  gap: .55rem;
  align-items: flex-start;

  margin-top: .65rem;
  padding: .62rem .72rem;

  border: 1px solid color-mix(
    in srgb,
    var(--trial-danger) 38%,
    var(--color_border_default)
  );

  border-radius: var(--library-radius-md);

  color: color-mix(
    in srgb,
    var(--trial-danger) 70%,
    var(--color_text_heading)
  );

  background: color-mix(
    in srgb,
    var(--trial-danger) 5%,
    var(--color_surface_card_bg)
  );

  font-size: .7rem;
  line-height: 1.45;
}

.trial-keyword-rejection__icon {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  place-items: center;

  border-radius: 50%;

  color: var(--trial-danger);

  background: color-mix(
    in srgb,
    var(--trial-danger) 12%,
    var(--color_surface_card_bg)
  );
}

.trial-keyword-rejection[hidden] {
  display: none !important;
}

.trial-keyword-rejection__content {
  display: flex;
  min-width: 0;
  gap: .14rem;
  flex-direction: column;
}

.trial-keyword-rejection__content strong {
  color: var(--color_text_heading);
  font-weight: 750;
}

@keyframes trialKeywordNoticeEnter {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.trial-keyword-workspace {
  display: grid;
  gap: .8rem;
  margin-top: 1rem;
}

.trial-keyword-group {
  padding: .9rem;
  border: 1px solid var(--color_border_default);
  border-radius: var(--library-radius-lg);
  background: var(--color_surface_card_bg);
}

.trial-keyword-group--neutral {
  background: var(--color_surface_card_bg);
}

.trial-keyword-group--attention {
  border-color: color-mix(
    in srgb,
    var(--trial-danger) 30%,
    var(--color_border_default)
  );

  background: color-mix(
    in srgb,
    var(--trial-danger) 2.5%,
    var(--color_surface_card_bg)
  );
}

.trial-keyword-group__heading {
  display: flex;
  gap: .8rem 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: .7rem;
}

.trial-keyword-group__heading h3 {
  display: flex;
  gap: .4rem;
  align-items: center;
  margin: 0;
  color: var(--color_text_heading);
  font-size: .82rem;
  font-weight: 800;
}


.trial-keyword-group--attention
.trial-keyword-group__heading h3 i {
  color: var(--trial-danger);
}

.trial-keyword-group__heading p {
  max-width: 68ch;
  margin: .18rem 0 0;
  color: var(--color_text_muted);
  font-size: .68rem;
  line-height: 1.45;
}

.trial-keyword-list {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: flex-start;
}

.trial-keyword-item {
  min-width: 0;
}

.trial-keyword-chip {
  display: inline-flex;
  max-width: 100%;
  min-height: 34px;
  gap: .38rem;
  align-items: center;
  padding: .3rem .36rem .3rem .58rem;
  border: 1px solid var(--color_border_default);
  border-radius: 999px;
  color: var(--color_text_heading);
  background: var(--color_surface_card_bg);
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.2;
  transform-origin: center;
}

.trial-keyword-item.is-new .trial-keyword-chip {
  animation: trialKeywordEnter .42s cubic-bezier(.2, .9, .25, 1.25);
}

.trial-keyword-item.is-attention
.trial-keyword-chip {
  border-color: color-mix(
    in srgb,
    var(--trial-danger) 38%,
    var(--color_border_default)
  );

  background: color-mix(
    in srgb,
    var(--trial-danger) 4%,
    var(--color_surface_card_bg)
  );
}

.trial-keyword-chip__status {
  display: inline-grid;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: var(--color_text_muted);
  font-size: .68rem;
}


.trial-keyword-item.is-good .trial-keyword-chip__status {
  color: var(--color_surface_green);
}

.trial-keyword-item.is-attention
.trial-keyword-chip__status {
  color: var(--trial-danger);
}

.trial-keyword-chip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trial-keyword-chip__verdict {
  color: color-mix(
    in srgb,
    var(--trial-danger) 74%,
    var(--color_text_heading)
  );

  background: color-mix(
    in srgb,
    var(--trial-danger) 10%,
    var(--color_surface_card_bg)
  );
  flex: 0 0 auto;
  padding: .16rem .42rem;
  border-radius: 999px;
  font-size: .58rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.trial-keyword-list--attention .trial-keyword-item {
  display: inline-grid;
  width: auto;
  max-width: min(390px, 100%);
  gap: .28rem;
  padding: .18rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
}

.trial-keyword-list--attention
.trial-keyword-item:has(.trial-keyword-feedback:not([hidden])) {
  border: 1px solid color-mix(in srgb, var(--color_cta_base) 20%, var(--color_border_default));
  border-radius: var(--library-radius-md);
  border-color: color-mix(
    in srgb,
    var(--trial-danger) 26%,
    var(--color_border_default)
  );

  background: color-mix(
    in srgb,
    var(--trial-danger) 3%,
    var(--color_surface_card_bg)
  );
  padding: .3rem;
}

.trial-keyword-list--attention .trial-keyword-feedback {
  max-width: 42ch;
  padding: 0 .45rem .25rem;
  color: var(--color_text_muted);
  font-size: .64rem;
  line-height: 1.4;
}

.trial-keyword-chip__remove {
  display: inline-grid;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: var(--color_text_muted);
  background: transparent;
  font-size: .62rem;
}

.trial-keyword-chip__remove:hover,
.trial-keyword-chip__remove:focus-visible {
  color: var(--color_text_heading);
  background: var(--color_surface_meta_bg);
}

.trial-keyword-feedback {
  margin: 0;
  color: var(--color_text_notes);
  font-size: .7rem;
  line-height: 1.45;
}

.trial-keyword-suggestions {
  position: relative;

  margin: 0;
  padding: 1rem;

  border: 1px solid var(--color_border_default);
  border-top: 3px solid var(--trial-opportunity);

  border-radius: var(--library-radius-lg);

  background: color-mix(
    in srgb,
    var(--trial-opportunity) 2%,
    var(--color_surface_card_bg)
  );

  box-shadow:
    0 6px 18px
    rgba(15, 23, 42, .045);

  animation: trialSuggestionsEnter .36s ease both;
}

.trial-keyword-suggestions__heading {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
}

.trial-keyword-suggestions__icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;

  border-radius: 11px;

  color: var(--color_text_inverse);
  background: var(--trial-opportunity);

  box-shadow:
    0 4px 10px
    color-mix(
      in srgb,
      var(--trial-opportunity) 18%,
      transparent
    );

  font-size: .9rem;
}

.trial-keyword-suggestions__heading h3 {
  margin: 0;

  color: var(--color_text_heading);

  font-size: .88rem;
  font-weight: 850;
}

.trial-keyword-suggestions__heading p {
  margin: .14rem 0 0;

  color: var(--color_text_muted);

  font-size: .68rem;
  line-height: 1.45;
}

.trial-keyword-suggestion-list {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .7rem;
}

.trial-keyword-suggestion {
  display: inline-flex;
  gap: .35rem;
  align-items: center;

  min-height: 36px;

  padding: .34rem .64rem;

  font-size: .84rem;
  line-height: 1.25;

  border: 1px solid var(--color_border_default);
  border-radius: 999px;

  color: var(--color_text_heading);
  background: var(--color_surface_card_bg);

  font-weight: 750;

  transition:
    border-color .15s ease,
    transform .15s ease,
    background .15s ease,
    box-shadow .15s ease;
}

.trial-keyword-suggestion i {
  font-size: .82rem;
  color: var(--trial-opportunity-strong);
}

.trial-keyword-suggestion:hover,
.trial-keyword-suggestion:focus-visible {
  border-color: color-mix(
    in srgb,
    var(--trial-opportunity) 50%,
    var(--color_border_default)
  );

  background: color-mix(
    in srgb,
    var(--trial-opportunity) 4%,
    var(--color_surface_card_bg)
  );

  box-shadow:
    0 2px 8px
    rgba(15, 23, 42, .05);

  transform: translateY(-1px);
}

.trial-keyword-suggestions__controls {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  justify-content: space-between;
  margin-top: .75rem;
  padding-top: .7rem;
  border-top: 1px solid var(--color_border_default);
}

.trial-keyword-suggestions__toggle {
  display: inline-flex;
  gap: .4rem;
  align-items: center;

  padding: .42rem .65rem;

  border: 0;
  border-radius: var(--library-radius-md);

  color: var(--color_text_heading);
  background: transparent;

  font-size: .7rem;
  font-weight: 700;
}

.trial-keyword-suggestions__toggle i {
  color: var(--trial-opportunity-strong);
}

.trial-keyword-suggestions__toggle:hover,
.trial-keyword-suggestions__toggle:focus-visible {
  background: color-mix(
    in srgb,
    var(--trial-opportunity) 4%,
    transparent
  );
}

.trial-keyword-suggestions__count {
  color: var(--color_text_muted);
  font-weight: 600;
}

.trial-keyword-suggestions__pager {
  display: inline-flex;
  gap: .4rem;
  align-items: center;
}

.trial-keyword-suggestions__page-button {
  display: inline-grid;
  width: 30px;
  height: 30px;

  place-items: center;

  border: 1px solid var(--color_border_default);
  border-radius: 50%;

  color: var(--color_text_heading);
  background: var(--color_surface_card_bg);

  font-size: .68rem;
}

.trial-keyword-suggestions__page-button:hover:not(:disabled),
.trial-keyword-suggestions__page-button:focus-visible:not(:disabled) {
  border-color: var(--trial-opportunity);
  color: var(--trial-opportunity-strong);
}

.trial-keyword-suggestions__page-button:disabled {
  opacity: .35;
  cursor: default;
}

.trial-keyword-suggestions__page {
  min-width: 48px;
  color: var(--color_text_muted);
  font-size: .68rem;
  font-weight: 700;
  text-align: center;
}

.trial-keyword-suggestions.is-expanded .trial-keyword-suggestion-list {
  max-height: 15rem;
  overflow-y: auto;
  align-content: flex-start;
  padding-right: .2rem;
  scrollbar-gutter: stable;
}

.trial-keyword-suggestions.is-newly-revealed {
  animation: trialSuggestionHighlight .8s ease-out;
}

@keyframes trialSuggestionHighlight {
  0% {
    transform: translateY(3px);

    box-shadow:
      0 0 0 3px
      color-mix(
        in srgb,
        var(--trial-opportunity) 10%,
        transparent
      );
  }

  100% {
    transform: translateY(0);

    box-shadow:
      0 6px 18px
      rgba(15, 23, 42, .045);
  }
}

@media (prefers-reduced-motion: reduce) {
  .trial-keyword-suggestions.is-newly-revealed {
    animation: none;
  }

  .trial-keyword-progress__bar {
    transition: none;
  }
}

.trial-keyword-progress {
  display: grid;
  gap: .48rem;

  margin: .05rem 0 .85rem;
  padding: 0 0 .8rem;

  border: 0;
  border-bottom: 1px solid var(--color_border_default);

  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.trial-keyword-progress[hidden] {
  display: none !important;
}

.trial-keyword-progress__content > div {
  display: flex;
  gap: .15rem;
  flex-direction: column;
}

.trial-keyword-progress__content strong {
  color: var(--color_text_heading);
  font-size: .76rem;
  font-weight: 800;
}

.trial-keyword-progress__content span {
  color: var(--color_text_muted);
  font-size: .68rem;
  line-height: 1.4;
}

.trial-keyword-progress__track {
  position: relative;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;

  background: color-mix(
    in srgb,
    var(--color_cta_base_blue) 10%,
    var(--color_border_default)
  );
}

.trial-keyword-progress__bar {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--color_cta_base_blue);
  transition: width .28s ease;
}

.trial-scope-fieldset--choice {
  margin-top: 0;
}

.trial-scope-national {
  position: relative;
  display: block;
  cursor: pointer;
}

.trial-scope-national > input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.trial-scope-national__card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: center;
  padding: 1rem 1.05rem;
  border: 1px solid var(--color_border_default);
  border-radius: var(--library-radius-lg);
  background: var(--color_surface_card_bg);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}

.trial-scope-national:hover .trial-scope-national__card {
  border-color: color-mix(in srgb, var(--color_cta_base_blue) 38%, var(--color_border_default));
  transform: translateY(-1px);
}

.trial-scope-national > input:focus-visible + .trial-scope-national__card {
  box-shadow: var(--library-shadow-focus);
}

.trial-scope-national > input:checked + .trial-scope-national__card {
  border-color: var(--color_cta_base_blue);
  background: color-mix(in srgb, var(--color_cta_base_blue) 4%, var(--color_surface_card_bg));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color_cta_base_blue) 9%, transparent);
}

.trial-scope-national__icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 13px;
  color: var(--color_text_inverse);
  background: var(--color_cta_base_blue);
  font-size: 1.08rem;
}

.trial-scope-national__copy strong,
.trial-scope-national__copy small {
  display: block;
}

.trial-scope-national__copy strong {
  color: var(--color_text_heading);
  font-size: .9rem;
  font-weight: 800;
}

.trial-scope-national__copy small {
  margin-top: .16rem;
  color: var(--color_text_muted);
  font-size: .69rem;
  line-height: 1.45;
}

.trial-scope-national__selected {
  display: inline-flex;
  gap: .38rem;
  align-items: center;
  color: var(--color_cta_base_blue);
  font-size: .68rem;
  font-weight: 800;
}

.trial-scope-national:not(:has(> input:checked)) .trial-scope-national__selected {
  opacity: .28;
}

.trial-state-selector {
  margin-top: .8rem;
  padding: .85rem .9rem .9rem;
  border: 1px solid var(--color_border_default);
  border-radius: var(--library-radius-lg);
  background: var(--color_surface_meta_bg);
}

.trial-state-selector__heading {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem .7rem;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: .7rem;
}

.trial-state-selector__heading strong {
  color: var(--color_text_heading);
  font-size: .76rem;
  font-weight: 800;
}

.trial-state-selector__heading span {
  color: var(--color_text_muted);
  font-size: .66rem;
}

.trial-state-options {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: stretch;
}

.trial-state-option {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

.trial-state-option > span {
  place-items: center;
  border: 1px solid var(--color_border_default);
  border-radius: 999px;
  color: var(--color_text_notes);
  background: var(--color_surface_card_bg);
  font-weight: 800;
  transition: border-color .14s ease, color .14s ease, background .14s ease, transform .14s ease;
  text-wrap: balance;

  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  width: auto;
  max-width: 100%;
  padding: .45rem .85rem;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  font-size: .74rem;
}

.trial-state-option > input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.trial-state-option:hover > span {
  border-color: color-mix(in srgb, var(--color_cta_base_blue) 35%, var(--color_border_default));
  transform: translateY(-1px);
}

.trial-state-option > input:focus-visible + span {
  box-shadow: var(--library-shadow-focus);
}

.trial-state-option > input:checked + span {
  border-color: var(--color_cta_base_blue);
  color: var(--color_text_inverse);
  background: var(--color_cta_base_blue);
}

.trial-registration-submit {
  display: grid;
  justify-items: center;
  gap: .55rem;
  margin-top: 1.45rem;
  text-align: center;
}

.trial-registration-submit .btn {
  min-width: min(360px, 100%);
  min-height: 54px;
  font-size: .94rem;
}

.trial-registration-submit .btn > span {
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.trial-registration-submit .btn > span:not([hidden]) {
  display: inline-flex;
}

.trial-registration-submit p {
  max-width: 62ch;
  margin: 0;
  color: var(--color_text_muted);
  font-size: .68rem;
  line-height: 1.45;
}

.trial-legal-section {
  padding-top: 0;
  background: var(--color_surface_page_bg);
}

#trialTermsBlock {
  scroll-margin-top: 90px;
}

@keyframes trialKeywordEnter {
  0% {
    opacity: 0;
    transform: translateY(7px) scale(.9);
  }
  65% {
    opacity: 1;
    transform: translateY(-1px) scale(1.035);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}



@keyframes trialSuggestionsEnter {
  from {
    opacity: 0;
    transform: translateY(7px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .trial-keyword-rejection {
    animation: none;
  }

  .trial-keyword-item.is-new .trial-keyword-chip,
  .trial-keyword-suggestions {
    animation: none;
  }

  .trial-keyword-suggestion,
  .trial-scope-choice__card,
  .trial-scope-choice__check {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .trial-registration-intro--focused {
    text-align: left;
  }

  .trial-keyword-composer__hint {
    align-items: flex-start;
    flex-direction: column;
  }

  .trial-keyword-group__heading {
    flex-direction: column;
  }

  .trial-state-options {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  
  .trial-keyword-desktop-hint {
    display: none;
  }
  
}

@media (max-width: 575.98px) {
  .trial-keyword-chip {
    max-width: 100%;
  }

  .trial-keyword-health {
    white-space: normal;
  }

  .trial-scope-national__card {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .trial-scope-national__selected {
    grid-column: 2;
  }

  .trial-state-options {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .trial-registration-submit .btn {
    width: 100%;
  }
  
  .trial-keyword-suggestions__controls {
    align-items: stretch;
    flex-direction: column;
  }

  .trial-keyword-suggestions__toggle {
    justify-content: center;
  }

  .trial-keyword-suggestions__pager {
    justify-content: center;
  }

  .trial-keyword-entry {
    grid-template-columns: 1fr;
  }

  .trial-keyword-add-button {
    width: 100%;
  }
  
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .trial-state-options {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

.trial-registration-hero--focused > .container,
.trial-legal-section > .container {
  width: 100%;
}

.trial-registration-card--focused,
.trial-legal-section .legal-text-panel {
  margin-inline: 0;
}

.trial-country-selector {
  margin-bottom: .8rem;
}

.trial-country-selector .form-select {
  max-width: 360px;
}

.trial-country-scope[hidden] {
  display: none !important;
}

.trial-registration-page {
  --trial-ready: var(--bs-success, #198754);
}

.trial-keyword-discovery {
  position: relative;
}

.trial-keyword-discovery__active-title {
  display: none;
}

.trial-keyword-manual-entry {
  min-width: 0;
}

.trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden])) {
  margin-top: .15rem;
  padding: .9rem;

  border: 1px solid var(--color_border_default);
  border-top: 3px solid var(--trial-opportunity);
  border-radius: var(--library-radius-lg);

  background: color-mix(
    in srgb,
    var(--trial-opportunity) 1.5%,
    var(--color_surface_card_bg)
  );

  box-shadow:
    0 6px 18px
    rgba(15, 23, 42, .04);
}

.trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden]))
.trial-keyword-discovery__active-title {
  display: block;
  margin: 0 0 .65rem;
  color: var(--color_text_heading);
  font-size: .8rem;
  font-weight: 800;
  line-height: 1.35;
}

.trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden]))
.trial-keyword-manual-entry > .form-label {
  margin-bottom: .38rem;
}

.trial-keyword-discovery
.trial-keyword-suggestions {
  margin-top: .85rem;
  padding: .78rem 0 0;

  border: 0;
  border-top: 1px solid var(--color_border_default);
  border-radius: 0;

  background: transparent;
  box-shadow: none;
}

.trial-keyword-discovery
.trial-keyword-suggestions__heading {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: .6rem;
  align-items: center;
}

.trial-keyword-discovery
.trial-keyword-suggestions__icon {
  width: 30px;
  height: 30px;

  border-radius: 8px;

  box-shadow: none;
  font-size: .72rem;
}

.trial-keyword-discovery
.trial-keyword-suggestions__heading h3 {
  font-size: .78rem;
  font-weight: 800;
}

.trial-keyword-discovery
.trial-keyword-suggestions__heading p {
  margin-top: .08rem;
  font-size: .66rem;
}

.trial-keyword-discovery
.trial-keyword-suggestion-list {
  margin-top: .6rem;
}

.trial-keyword-group__heading--with-status {
  align-items: center;
}

.trial-keyword-progress {
  width: min(410px, 100%);
  margin: 0;
  padding: .5rem .65rem;

  border: 1px solid color-mix(
    in srgb,
    var(--trial-ready) 18%,
    var(--color_border_default)
  );

  border-radius: var(--library-radius-md);

  background: color-mix(
    in srgb,
    var(--trial-ready) 4%,
    var(--color_surface_card_bg)
  );

  box-shadow: none;
}

.trial-keyword-progress__content > div {
  gap: .08rem;
}

.trial-keyword-progress__content strong {
  color: color-mix(
    in srgb,
    var(--trial-ready) 72%,
    var(--color_text_heading)
  );

  font-size: .7rem;
  font-weight: 800;
}

.trial-keyword-progress__content span {
  color: var(--color_text_muted);
  font-size: .65rem;
  line-height: 1.35;
}

.trial-keyword-progress__track {
  display: none !important;
}

.trial-keyword-group--neutral .trial-keyword-group__heading {
  margin-bottom: .65rem;
}

@media (max-width: 767.98px) {
  .trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden])) {
    padding: .75rem;
  }

  .trial-keyword-group__heading--with-status {
    align-items: stretch;
  }

  .trial-keyword-progress {
    width: 100%;
  }
}

.trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden])) {
  padding: 1rem;

  border: 1px solid var(--color_border_default);
  border-top: 1px solid var(--color_border_default);
  border-radius: var(--library-radius-lg);

  background: var(--color_surface_card_bg);

  box-shadow:
    0 7px 22px
    rgba(15, 23, 42, .045);
}

.trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden]))
.trial-keyword-discovery__active-title {
  margin-bottom: .72rem;

  color: var(--color_text_heading);

  font-size: .92rem;
  font-weight: 800;
  line-height: 1.3;
}

.trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden]))
.trial-keyword-manual-entry > .form-label {
  margin-bottom: .4rem;
  font-size: .82rem;
}

.trial-keyword-discovery
.trial-keyword-suggestions {
  margin-top: .95rem;
  padding-top: .9rem;

  border-top: 1px solid color-mix(
    in srgb,
    var(--trial-opportunity) 14%,
    var(--color_border_default)
  );
}

.trial-keyword-discovery
.trial-keyword-suggestions__heading {
  grid-template-columns: 32px minmax(0, 1fr);
  gap: .68rem;
}

.trial-keyword-discovery
.trial-keyword-suggestions__icon {
  width: 32px;
  height: 32px;

  border-radius: 9px;

  font-size: .78rem;
}

.trial-keyword-discovery
.trial-keyword-suggestions__heading h3 {
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.3;
}

.trial-keyword-discovery
.trial-keyword-suggestions__heading p {
  margin-top: .12rem;

  font-size: .75rem;
  line-height: 1.45;
}

.trial-keyword-suggestions__toggle {
  font-size: .75rem;
}

.trial-keyword-suggestions__page {
  font-size: .73rem;
}

.trial-keyword-suggestions__page-button {
  font-size: .72rem;
}

.trial-keyword-group__heading--with-status {
  gap: .75rem 1.15rem;
  align-items: center;
}

.trial-keyword-progress {
  position: relative;

  display: block;

  width: min(460px, 100%);
  margin: 0;
  padding: .68rem .8rem .68rem .92rem;

  overflow: hidden;

  border: 1px solid var(--color_border_default);
  border-radius: var(--library-radius-md);

  background: color-mix(
    in srgb,
    var(--color_cta_base_blue) 2.5%,
    var(--color_surface_card_bg)
  );

  box-shadow: none;
}

.trial-keyword-progress::before {
  content: "";

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  width: 3px;

  background: color-mix(
    in srgb,
    var(--color_cta_base_blue) 72%,
    var(--color_border_default)
  );
}

.trial-keyword-progress > [data-keyword-progress-primary],
.trial-keyword-progress > [data-keyword-progress-secondary],
.trial-keyword-progress > [data-keyword-progress-complete],
.trial-keyword-progress > [data-keyword-progress-limit] {
  gap: .14rem;
  flex-direction: column;
}

.trial-keyword-progress > [data-keyword-progress-primary]:not([hidden]),
.trial-keyword-progress > [data-keyword-progress-secondary]:not([hidden]),
.trial-keyword-progress > [data-keyword-progress-complete]:not([hidden]),
.trial-keyword-progress > [data-keyword-progress-limit]:not([hidden]) {
  display: flex;
}

.trial-keyword-progress strong {
  display: block;

  color: var(--color_text_heading);

  font-size: .8rem;
  font-weight: 800;
  line-height: 1.35;
}

.trial-keyword-progress span {
  color: var(--color_text_muted);

  font-size: .74rem;
  line-height: 1.45;
}

.trial-keyword-progress__track {
  display: none !important;
}

.trial-keyword-group__heading h3 {
  font-size: .88rem;
  line-height: 1.3;
}

.trial-keyword-group__heading p {
  font-size: .75rem;
  line-height: 1.45;
}

.trial-keyword-chip {
  font-size: .78rem;
}

.trial-keyword-chip__status {
  font-size: .7rem;
}

.trial-keyword-chip__verdict {
  font-size: .64rem;
}

.trial-keyword-feedback,
.trial-keyword-list--attention .trial-keyword-feedback {
  font-size: .72rem;
  line-height: 1.45;
}

.trial-keyword-local-feedback,
.trial-keyword-rejection {
  font-size: .76rem;
  line-height: 1.45;
}

.trial-inline-validation {
  font-size: .78rem;
}

.trial-registration-submit p {
  font-size: .74rem;
}

.trial-scope-national__copy small {
  font-size: .74rem;
}

.trial-scope-national__selected {
  font-size: .72rem;
}

.trial-state-selector__heading strong {
  font-size: .8rem;
}

.trial-state-selector__heading span {
  font-size: .74rem;
}

@media (max-width: 767.98px) {

  .trial-state-option > span {
    max-width: 260px;
  }

  .trial-keyword-discovery:has(.trial-keyword-suggestions:not([hidden])) {
    padding: .85rem;
  }

  .trial-keyword-group__heading--with-status {
    gap: .65rem;
    align-items: stretch;
  }

  .trial-keyword-progress {
    width: 100%;
  }
}

.trial-registration-page {
  --trial-success: var(--bs-success, #198754);
}

.trial-keyword-group__heading--with-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  gap: 1rem 1.4rem;
  align-items: start;
}

.trial-keyword-group__heading--with-status > div:first-child {
  min-width: 0;
}

.trial-keyword-progress {
  --trial-progress-accent: var(--color_cta_base_blue);
  --trial-progress-soft: color-mix(
    in srgb,
    var(--trial-progress-accent) 7%,
    var(--color_surface_card_bg)
  );

  position: relative;

  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .68rem;
  align-items: start;

  width: 100%;
  margin: 0;
  padding: 0 0 0 1rem;

  overflow: visible;

  border: 0;
  border-left: 1px solid color-mix(
    in srgb,
    var(--trial-progress-accent) 30%,
    var(--color_border_default)
  );
  border-radius: 0;

  background: transparent;
  box-shadow: none;
}

.trial-keyword-progress::before {
  content: none;
}

.trial-keyword-progress:has(
  [data-keyword-progress-secondary]:not([hidden])
),
.trial-keyword-progress:has(
  [data-keyword-progress-complete]:not([hidden])
),
.trial-keyword-progress:has(
  [data-keyword-progress-limit]:not([hidden])
) {
  --trial-progress-accent: var(--trial-success);
}

.trial-keyword-progress__rating {
  display: inline-flex;
  gap: .18rem;
  align-items: center;

  margin-top: .03rem;
  padding: .28rem .44rem;

  border: 1px solid color-mix(
    in srgb,
    var(--trial-progress-accent) 16%,
    var(--color_border_default)
  );
  border-radius: 999px;

  background: var(--trial-progress-soft);
}

.trial-keyword-progress__rating i {
  color: color-mix(
    in srgb,
    var(--color_text_muted) 55%,
    var(--color_border_default)
  );

  font-size: .7rem;
  line-height: 1;
  opacity: .55;
}

.trial-keyword-progress:has(
  [data-keyword-progress-primary]:not([hidden])
)
.trial-keyword-progress__rating i:nth-child(1) {
  color: var(--trial-progress-accent);
  opacity: 1;
}

.trial-keyword-progress:has(
  [data-keyword-progress-secondary]:not([hidden])
)
.trial-keyword-progress__rating i:nth-child(-n + 2) {
  color: var(--trial-progress-accent);
  opacity: 1;
}

.trial-keyword-progress:has(
  [data-keyword-progress-complete]:not([hidden])
)
.trial-keyword-progress__rating i,
.trial-keyword-progress:has(
  [data-keyword-progress-limit]:not([hidden])
)
.trial-keyword-progress__rating i {
  color: var(--trial-progress-accent);
  opacity: 1;
}

.trial-keyword-progress__copy {
  min-width: 0;
}

.trial-keyword-progress__copy >
[data-keyword-progress-primary]:not([hidden]),
.trial-keyword-progress__copy >
[data-keyword-progress-secondary]:not([hidden]),
.trial-keyword-progress__copy >
[data-keyword-progress-complete]:not([hidden]),
.trial-keyword-progress__copy >
[data-keyword-progress-limit]:not([hidden]) {
  display: flex;
  gap: .12rem;
  flex-direction: column;
}

.trial-keyword-progress strong {
  display: block;
  margin: 0;

  color: color-mix(
    in srgb,
    var(--trial-progress-accent) 45%,
    var(--color_text_heading)
  );

  font-size: .84rem;
  font-weight: 800;
  line-height: 1.3;
}

.trial-keyword-progress span {
  color: var(--color_text_muted);

  font-size: .75rem;
  line-height: 1.45;
}

.trial-keyword-progress [data-keyword-progress-count] {
  color: var(--trial-progress-accent);
  font-weight: 800;
}

.trial-keyword-progress__track {
  display: none !important;
}

.trial-keyword-group--neutral
.trial-keyword-group__heading--with-status {
  margin-bottom: .75rem;
}

@media (max-width: 991.98px) {
  .trial-keyword-group__heading--with-status {
    grid-template-columns: 1fr;
    gap: .7rem;
  }

  .trial-keyword-progress {
    width: 100%;
    padding: .68rem .75rem;

    border: 1px solid color-mix(
      in srgb,
      var(--trial-progress-accent) 18%,
      var(--color_border_default)
    );
    border-radius: var(--library-radius-md);

    background: var(--trial-progress-soft);
  }

  .trial-keyword-progress__rating {
    background: var(--color_surface_card_bg);
  }
}

@media (max-width: 575.98px) {
  .trial-keyword-progress {
    grid-template-columns: 1fr;
    gap: .48rem;
  }

  .trial-keyword-progress__rating {
    width: fit-content;
  }
}

.trial-keyword-add-button[hidden] {
  display: none !important;
}

.trial-keyword-add-button:not([hidden]) {
  animation: trialKeywordAddButtonEnter .18s ease-out both;
}

@keyframes trialKeywordAddButtonEnter {
  from {
    opacity: 0;
    transform: translateX(4px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.trial-keyword-chip {
  min-height: 36px;
  padding: .34rem .4rem .34rem .64rem;
  font-size: .84rem;
  line-height: 1.25;
}

.trial-keyword-chip__verdict {
  font-size: .68rem;
}

.trial-keyword-list--attention .trial-keyword-feedback {
  font-size: .76rem;
  line-height: 1.45;
}

.trial-keyword-group--neutral
.trial-keyword-list--attention:not(:empty) {
  margin-top: .8rem;
  padding-top: .8rem;

  border-top: 1px solid color-mix(
    in srgb,
    var(--trial-danger) 14%,
    var(--color_border_default)
  );
}

.trial-keyword-group--neutral
.trial-keyword-list--attention:empty {
  display: none;
}

.trial-keyword-group--neutral
.trial-keyword-list--attention
.trial-keyword-item {
  margin: 0;
}

@media (max-width: 575.98px) {
  .trial-keyword-add-button:not([hidden]) {
    animation-name: trialKeywordAddButtonEnterMobile;
  }
}

@keyframes trialKeywordAddButtonEnterMobile {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .trial-keyword-add-button:not([hidden]) {
    animation: none;
  }
}

