.aman-cv-matcher {
  --aman-cv-navy: #14213d;
  --aman-cv-purple: #8259e8;
  --aman-cv-powder: #dbe8ff;
  --aman-cv-border: #d8dce5;
  --aman-cv-error: #a51d2d;
  --aman-cv-lavender: #e9e9fa;
  /* Height of the site header, which scales with the theme's fluid root font
     size; the wizard fills the rest of the screen edge to edge, like Figma node
     2095:2790. Taller content simply grows the frame past this minimum. */
  --aman-cv-frame-offset: 8.4rem;
  background: #fafaff;
  color: var(--aman-cv-navy);
  display: flex;
  font: inherit;
  min-height: calc(100svh - var(--aman-cv-frame-offset));
  overflow: hidden;
  width: 100%;
}

.aman-cv-matcher[hidden],
.aman-cv-matcher [hidden] {
  display: none !important;
}

.aman-cv-matcher__header,
.aman-cv-matcher__step {
  margin-block-end: 28px;
}

.aman-cv-matcher__eyebrow {
  color: var(--aman-cv-purple);
  font-weight: 700;
  margin: 0 0 8px;
}

.aman-cv-matcher__title {
  color: var(--aman-cv-navy);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.15;
  margin: 0 0 12px;
}

.aman-cv-matcher__field {
  margin-block-end: 22px;
}

.aman-cv-matcher__field label {
  display: block;
  font-weight: 700;
  margin-block-end: 8px;
}

/* The extra ancestor outweighs the theme's `input[type="tel"]` rules, which load
   after this stylesheet and tie bare-class selectors on specificity. */
.aman-cv-matcher .aman-cv-matcher__field input,
.aman-cv-matcher .aman-cv-matcher__field textarea {
  background: #fff;
  border: 1px solid var(--aman-cv-border);
  border-radius: 10px;
  box-sizing: border-box;
  color: inherit;
  font: inherit;
  padding: 12px 14px;
  width: 100%;
}

/* The native file input stays in the DOM for the JS but is visually hidden;
   the [data-action="pick-file"] button is the visible attach control. */
.aman-cv-matcher__field input[type="file"] {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.aman-cv-matcher__field input:focus,
.aman-cv-matcher__field textarea:focus,
.aman-cv-matcher__button:focus-visible {
  outline: 3px solid var(--aman-cv-powder);
  outline-offset: 2px;
}

.aman-cv-matcher__field small,
.aman-cv-matcher__filename {
  display: block;
  font-size: 0.875rem;
  margin-block-start: 7px;
}

.aman-cv-matcher__filename {
  font-weight: 700;
  overflow-wrap: anywhere;
}

.aman-cv-matcher__consent {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-block-end: 22px;
}

.aman-cv-matcher .aman-cv-matcher__consent input {
  flex: 0 0 auto;
  height: 20px;
  margin-block-start: 2px;
  width: 20px;
}

.aman-cv-matcher button.aman-cv-matcher__button {
  appearance: none;
  align-items: center;
  background-color: var(--aman-color--royal, #3845be);
  border: 0;
  border-radius: 2rem;
  box-sizing: border-box;
  color: #fff !important;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  gap: 0.3125rem;
  justify-content: center;
  letter-spacing: -0.04em;
  line-height: 1.1;
  min-height: 2.875rem;
  opacity: 1;
  padding: 0.875rem 1.25rem;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  visibility: visible;
}

.aman-cv-matcher button.aman-cv-matcher__button:hover,
.aman-cv-matcher button.aman-cv-matcher__button:focus {
  background-color: var(--aman-color--midnight, #14213d);
  color: #fff !important;
}

.aman-cv-matcher button.aman-cv-matcher__button:disabled {
  cursor: wait;
  opacity: 0.6;
}

.aman-cv-matcher button.aman-cv-matcher__button--text {
  background-color: transparent;
  color: var(--aman-cv-navy) !important;
  text-decoration: underline;
}

.aman-cv-matcher [data-step] .aman-cv-matcher__button--text {
  margin-inline-start: 10px;
}

.aman-cv-matcher button.aman-cv-matcher__button--text:hover,
.aman-cv-matcher button.aman-cv-matcher__button--text:focus {
  background-color: transparent;
  color: var(--aman-color--royal, #3845be) !important;
}

.aman-cv-matcher__error {
  background: #fff1f3;
  border: 1px solid #f0b4bc;
  border-radius: 10px;
  color: var(--aman-cv-error);
  margin-block-end: 22px;
  padding: 12px 14px;
}

/* Loading (matching) step — same wizard frame as every other step; only the
   eyebrow/title are swapped for the scanning slider and its message. */
.aman-cv-matcher--loading .aman-cv-matcher__header,
.aman-cv-matcher--loading button[data-action="reset"] {
  display: none !important;
}

/* The slider and its message are centred in the column, unlike the other steps. */
.aman-cv-matcher__loading {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-block-end: 0;
  text-align: center;
}

.aman-cv-matcher__slider {
  background: #e9e9fa;
  display: block;
  height: 10.5rem;
  margin-block-end: 2.25rem;
  position: relative;
  width: 1.9rem;
}

.aman-cv-matcher__slider-progress {
  animation: aman-cv-slide 1.6s ease-in-out infinite alternate;
  background: #95b3e0;
  inset: 55% 0 0;
  position: absolute;
}

.aman-cv-matcher__slider-progress::before {
  background: var(--aman-color--night, #14102c);
  border-radius: 0.4rem;
  content: "";
  height: 0.8rem;
  left: 50%;
  position: absolute;
  top: -0.4rem;
  transform: translateX(-50%);
  width: 2.95rem;
}

.aman-cv-matcher__slider-progress::after {
  background: url("../img/sparkle.svg") no-repeat center / contain;
  content: "";
  height: 1.7rem;
  left: calc(100% + 0.45rem);
  position: absolute;
  top: -0.85rem;
  width: 1.7rem;
}

@keyframes aman-cv-slide {
  from {
    top: 12%;
  }

  to {
    top: 66%;
  }
}

/* Sized like the step titles so the wait reads as part of the same wizard. */
.aman-cv-matcher__loading-text {
  color: var(--aman-color--night, #14102c);
  font-size: clamp(2rem, 3.4vw, 3.125rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 0;
}

.aman-cv-matcher__loading-text span {
  color: var(--aman-color--royal, #3845be);
  display: block;
}

/* While matching runs the wait is passive: no button, animated slider. When it
   stops on an error the retry CTA appears next to the message. */
.aman-cv-matcher__loading[aria-busy="true"] button[data-action="retry-match"] {
  display: none;
}

.aman-cv-matcher__loading[aria-busy="false"] button[data-action="retry-match"] {
  margin-block-start: 2.25rem;
}

.aman-cv-matcher__loading[aria-busy="false"] .aman-cv-matcher__slider-progress {
  animation-play-state: paused;
}

.aman-cv-matcher__cards {
  display: grid;
  gap: 1.25rem;
}

/* Results reuse the bridgeable job-card component (styled by the bridgeable
   global stylesheet); only stretch it to the results column here. */
.aman-cv-matcher__cards .aman-job-card {
  inline-size: 100%;
}

@media (max-width: 600px) {
  .aman-cv-matcher__slider {
    height: 8.5rem;
    margin-block-end: 1.75rem;
  }

  .aman-cv-matcher__button:not(.aman-cv-matcher__button--text) {
    width: 100%;
  }

  .aman-cv-matcher__button--text {
    margin: 10px 0 0;
    width: 100%;
  }
}

@media (min-width: 64rem) {
  .aman-cv-matcher button.aman-cv-matcher__button {
    font-size: 1.125rem;
    padding: 1.125rem 1.5625rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aman-cv-matcher__slider-progress {
    animation-duration: 6s;
  }
}

/* ---------------------------------------------------------------------------
   Wizard frame — full-height shell shared by every step: an illustrated aside
   plus the step column. Declared last so it wins over the base button sizing.
   --------------------------------------------------------------------------- */

.aman-cv-matcher__sr-only {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.aman-cv-matcher__aside {
  align-items: center;
  background: var(--aman-cv-lavender);
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding-block-start: 2.5rem;
  position: relative;
}

.aman-cv-matcher__aside::before {
  background: radial-gradient(closest-side, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  content: "";
  inset: 10% -14% -20%;
  position: absolute;
}

.aman-cv-matcher__aside-logo {
  display: block;
  max-inline-size: calc(100% - 5rem);
  /* Use the physical axis here: the matcher is RTL, whereas the Figma logo is
     centred visually in the illustrated (right-hand) panel. */
  left: 50%;
  position: absolute;
  top: 6.25rem;
  transform: translateX(-50%);
  width: min(32rem, 74%);
  z-index: 1;
}

/* Bleeds off the bottom edge the way the illustration does in the design. */
.aman-cv-matcher__aside-robot {
  display: block;
  margin-block-end: -6%;
  position: relative;
  width: min(78%, 39rem);
}

/* The illustration would squeeze the result cards, so results run full width. */
.aman-cv-matcher[data-current-step="results"] .aman-cv-matcher__aside {
  display: none;
}

.aman-cv-matcher__main {
  display: flex;
  flex: 1 1 50%;
  flex-direction: column;
  min-width: 0;
  padding: clamp(1.75rem, 4vw, 4rem);
}

/* Only the stacked popup layout shows this copy of the brand mark. */
.aman-cv-matcher__main-logo {
  display: none;
}

.aman-cv-matcher:not([data-current-step="results"]) .aman-cv-matcher__main {
  justify-content: center;
}

/* Steps that share the frame with the aside get a centred, capped column so the
   copy is not pushed against the illustration. */
.aman-cv-matcher[data-current-step="file"] .aman-cv-matcher__main,
.aman-cv-matcher[data-current-step="phone"] .aman-cv-matcher__main,
.aman-cv-matcher[data-current-step="otp"] .aman-cv-matcher__main,
.aman-cv-matcher[data-current-step="matching"] .aman-cv-matcher__main {
  align-items: center;
}

.aman-cv-matcher[data-current-step="file"] .aman-cv-matcher__main > *,
.aman-cv-matcher[data-current-step="phone"] .aman-cv-matcher__main > *,
.aman-cv-matcher[data-current-step="otp"] .aman-cv-matcher__main > *,
.aman-cv-matcher[data-current-step="matching"] .aman-cv-matcher__main > * {
  max-width: 30rem;
  width: 100%;
}

/* Step one ---------------------------------------------------------------- */

.aman-cv-matcher__eyebrow {
  align-items: center;
  color: var(--aman-cv-purple);
  display: flex;
  font-size: 0.9375rem;
  gap: 0.5rem;
  letter-spacing: -0.02em;
  margin-block-end: 1rem;
}

.aman-cv-matcher__eyebrow-icon {
  background: currentColor;
  block-size: 1.125rem;
  display: block;
  flex: 0 0 auto;
  inline-size: 1.125rem;
  mask: url("../img/sparkle.svg") no-repeat center / contain;
  -webkit-mask: url("../img/sparkle.svg") no-repeat center / contain;
}

.aman-cv-matcher__title {
  color: var(--aman-color--night, #14102c);
  font-size: clamp(2rem, 3.4vw, 3.125rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 0 0 1rem;
  text-wrap: balance;
}

.aman-cv-matcher__title span {
  color: var(--aman-color--royal, #3845be);
  display: block;
}

.aman-cv-matcher[data-current-step="file"] .aman-cv-matcher__header {
  margin-block-end: 2.25rem;
}

.aman-cv-matcher[data-current-step="file"] .aman-cv-matcher__step,
.aman-cv-matcher[data-current-step="file"] .aman-cv-matcher__field {
  margin-block-end: 0;
}

.aman-cv-matcher[data-current-step="file"] .aman-cv-matcher__field small {
  color: #7c7797;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-block-start: 1rem;
}

.aman-cv-matcher[data-current-step="file"] .aman-cv-matcher__filename {
  margin-block-start: 0.875rem;
}

/* Large primary CTA — sized after the Figma upload CTA (node 229:1535). */
.aman-cv-matcher button.aman-cv-matcher__button--large {
  border-radius: 2.5rem;
  box-shadow: 0 1.125rem 2.25rem -1rem rgba(56, 69, 190, 0.65);
  font-size: 1.125rem;
  gap: 0.625rem;
  min-height: 3.75rem;
  padding: 1.125rem 2.25rem;
}

.aman-cv-matcher__button-icon {
  block-size: 1.1875rem;
  flex: 0 0 auto;
  inline-size: 1.125rem;
}

@media (max-width: 63.9375rem) {
  .aman-cv-matcher {
    /* The compact header below 1024px measures 6.15rem at every width. */
    --aman-cv-frame-offset: 6.15rem;
    flex-direction: column;
  }

  /* Illustration sits under the step content on narrow screens. */
  .aman-cv-matcher__aside {
    flex: 0 0 auto;
    order: 2;
    padding-block-start: 1rem;
  }

  .aman-cv-matcher__aside-robot {
    width: min(60%, 15rem);
  }

  .aman-cv-matcher__aside-logo {
    position: relative;
    top: auto;
    margin-block: 1.5rem 0.5rem;
    width: min(24rem, 74%);
  }

  .aman-cv-matcher__main {
    flex: 1 1 auto;
    order: 1;
  }

}

@media (max-width: 600px) {
  .aman-cv-matcher button.aman-cv-matcher__button--large {
    min-height: 3.5rem;
    padding: 1rem 1.5rem;
  }
}

/* ---------------------------------------------------------------------------
   Verification steps — careers application form styling (Figma node 122:1997):
   pill inputs with muted borders, a round checkbox, and a full-width CTA.
   --------------------------------------------------------------------------- */

.aman-cv-matcher .aman-cv-matcher__field--pill input {
  border: 0.074rem solid #7c7797;
  border-radius: 1.6665rem;
  color: var(--aman-color--night, #14102c);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  min-height: 3.125rem;
  padding: 0.5rem 1.5rem;
  /* Keeps typed phone digits (an LTR run) on the right edge like the placeholder. */
  text-align: right;
}

.aman-cv-matcher .aman-cv-matcher__field--pill input::placeholder {
  color: #7c7797;
  opacity: 1;
}

.aman-cv-matcher .aman-cv-matcher__field--pill input:focus {
  border-color: var(--aman-color--royal, #3845be);
  outline: 2px solid var(--aman-cv-powder);
  outline-offset: 1px;
}

.aman-cv-matcher__step--form .aman-cv-matcher__field {
  margin-block-end: 1rem;
}

.aman-cv-matcher__consent {
  color: #7c7797;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 500;
  gap: 0.9rem;
  letter-spacing: -0.02em;
  line-height: 1.6;
  margin-block-end: 2rem;
}

.aman-cv-matcher .aman-cv-matcher__consent input {
  appearance: none;
  background: #fff;
  border: 0.074rem solid #7c7797;
  border-radius: 50%;
  cursor: pointer;
  height: 1.2rem;
  margin-block-start: 0.15rem;
  position: relative;
  width: 1.2rem;
}

.aman-cv-matcher .aman-cv-matcher__consent input:checked {
  background: var(--aman-color--night, #14102c);
  border-color: var(--aman-color--night, #14102c);
}

.aman-cv-matcher .aman-cv-matcher__consent input:checked::after {
  border: solid #fff;
  border-width: 0 0.14rem 0.14rem 0;
  content: "";
  height: 0.55rem;
  left: 50%;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3rem;
}

.aman-cv-matcher .aman-cv-matcher__consent input:focus-visible {
  outline: 2px solid var(--aman-cv-powder);
  outline-offset: 2px;
}

.aman-cv-matcher button.aman-cv-matcher__button--submit {
  border-radius: 2rem;
  font-size: 1.375rem;
  gap: 0.625rem;
  min-height: 3.8125rem;
  padding: 1.125rem 1.5625rem;
  width: 100%;
}

/* Send arrow points left, the reading direction of the RTL form. */
.aman-cv-matcher__button-send {
  block-size: 1.05rem;
  flex: 0 0 auto;
  inline-size: 1.05rem;
  transform: scaleX(-1);
}

.aman-cv-matcher__step--form .aman-cv-matcher__button--text {
  margin: 1rem 0 0;
  width: 100%;
}

/* ---------------------------------------------------------------------------
   Reusable popup shell

   The natural canvas is 108rem × 60rem (1728 × 960 at a 16px root). The
   dialog preserves that ratio and the script applies one uniform scale from
   its available width only. A shorter browser viewport must not shrink it.
   --------------------------------------------------------------------------- */

body.aman-smart-search-modal-open {
  overflow: hidden;
}

.aman-smart-search-dialog {
  aspect-ratio: 108 / 60;
  background: #fafaff;
  border: 0;
  border-radius: 1.5rem;
  box-shadow: 0 1.5rem 5rem rgba(20, 16, 44, 0.3);
  box-sizing: border-box;
  height: auto;
  max-height: 60rem;
  max-width: 108rem;
  overflow: hidden;
  padding: 0;
  width: min(108rem, calc(100vw - 2rem));
}

.aman-smart-search-dialog:not([open]) {
  display: none;
}

.aman-smart-search-dialog::backdrop {
  backdrop-filter: blur(0.25rem);
  background: rgba(20, 16, 44, 0.72);
}

.aman-smart-search-dialog__viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.aman-smart-search-dialog__canvas {
  --aman-smart-search-popup-scale: 1;
  height: 60rem;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(var(--aman-smart-search-popup-scale));
  transform-origin: top left;
  width: 108rem;
}

.aman-smart-search-dialog .aman-cv-matcher {
  --aman-cv-frame-offset: 0;
  flex-direction: row;
  height: 60rem;
  min-height: 60rem;
  width: 108rem;
}

/* Keep the natural 1728px canvas in its desktop composition even when the
   viewport is narrow; the canvas itself is scaled down proportionally. */
.aman-smart-search-dialog .aman-cv-matcher__aside {
  flex: 0 0 50%;
  order: 0;
  padding-block-start: 2.5rem;
}

.aman-smart-search-dialog .aman-cv-matcher__aside-robot {
  width: min(78%, 39rem);
}

.aman-smart-search-dialog .aman-cv-matcher__main {
  order: 0;
}

.aman-smart-search-dialog button.aman-smart-search-dialog__close {
  align-items: center;
  appearance: none;
  background: #fff !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: 0 0.5rem 1.5rem rgba(20, 16, 44, 0.18);
  color: var(--aman-color--night, #14102c) !important;
  cursor: pointer;
  display: flex;
  height: 2.75rem !important;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
  justify-content: center;
  min-height: 0;
  min-width: 0;
  padding: 0 !important;
  position: absolute;
  width: 2.75rem !important;
  z-index: 2;
}

.aman-smart-search-dialog button.aman-smart-search-dialog__close:hover,
.aman-smart-search-dialog button.aman-smart-search-dialog__close:focus-visible {
  background: var(--aman-color--royal, #3845be) !important;
  color: #fff !important;
  outline: none;
}

.aman-smart-search-dialog button.aman-smart-search-dialog__close:focus-visible {
  outline: 0.1875rem solid var(--aman-cv-powder);
  outline-offset: 0.125rem;
}

.aman-smart-search-dialog__close svg {
  height: 1.25rem;
  width: 1.25rem;
}

/* Below the desktop breakpoint the scaled 1728px canvas becomes unreadable, so
   the popup switches to the portrait composition of Figma node 122:3486: the
   brand mark tops a centred step column and the lavender robot panel closes the
   sheet, which fills the whole viewport. */
@media (max-width: 63.9375rem) {
  .aman-smart-search-dialog {
    aspect-ratio: auto;
    border-radius: 0;
    height: 100dvh;
    margin: 0;
    max-height: none;
    max-width: none;
    width: 100vw;
  }

  .aman-smart-search-dialog__viewport {
    overflow-y: auto;
  }

  .aman-smart-search-dialog__canvas {
    height: auto;
    min-height: 100%;
    position: static;
    transform: none;
    width: 100%;
  }

  .aman-smart-search-dialog .aman-cv-matcher {
    flex-direction: column;
    height: auto;
    min-height: 100dvh;
    width: 100%;
  }

  .aman-smart-search-dialog .aman-cv-matcher__main {
    flex: 1 1 auto;
    order: 1;
    padding: 1.75rem 1.75rem 2.5rem;
  }

  /* Outweighs the per-step `__main > *` width so the mark keeps its Figma size. */
  .aman-smart-search-dialog .aman-cv-matcher .aman-cv-matcher__main-logo {
    display: block;
    margin-block-end: 2.25rem;
    width: 11.9rem;
  }

  /* The lavender panel keeps the Figma 40% share; the robot rises past its top
     edge and bleeds off the bottom, clipped by the dialog. */
  .aman-smart-search-dialog .aman-cv-matcher__aside {
    flex: 0 0 auto;
    justify-content: flex-start;
    min-height: 20rem;
    order: 2;
    overflow: visible;
    padding-block-start: 0;
  }

  .aman-smart-search-dialog .aman-cv-matcher__aside-logo {
    display: none;
  }

  .aman-smart-search-dialog .aman-cv-matcher__aside-robot {
    margin-block: -2rem 0;
    width: min(68%, 17rem);
  }

  .aman-smart-search-dialog .aman-cv-matcher__title,
  .aman-smart-search-dialog .aman-cv-matcher__loading-text {
    font-size: 1.8rem;
  }

  /* The loading CTA is content-sized in the mobile composition (node 122:3509). */
  .aman-smart-search-dialog .aman-cv-matcher__loading button[data-action="retry-match"] {
    font-size: 1.1rem;
    min-height: 3.05rem;
    min-width: 14.1rem;
    padding: 0.75rem 1.5rem;
    width: auto;
  }
}

/* ---------------------------------------------------------------------------
   Server-rendered results page
   --------------------------------------------------------------------------- */

.aman-smart-results {
  background: #f8f8ff;
  color: var(--aman-color--night, #14102c);
  font: inherit;
  margin-inline: calc(50% - 50vw);
  min-height: 100svh;
  padding: clamp(3.5rem, 8vw, 7.5rem) max(1.25rem, calc((100vw - 77.75rem) / 2));
  width: 100vw;
}

.aman-smart-results *,
.aman-smart-results *::before,
.aman-smart-results *::after {
  box-sizing: border-box;
}

.aman-smart-results__header {
  margin-block-end: clamp(3rem, 6vw, 5.5rem);
  text-align: center;
}

.aman-smart-results__title {
  color: var(--aman-color--night, #14102c);
  font-size: clamp(2.75rem, 6vw, 5.5rem);
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 0.96em;
  margin: 0;
}

.aman-smart-results__title span {
  color: var(--aman-color--royal, #3845be);
  display: block;
}

.aman-smart-results__layout {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.aman-smart-results__sidebar,
.aman-smart-results__content {
  min-width: 0;
  width: 100%;
}

.aman-smart-results__content > h2 {
  color: var(--aman-color--night, #14102c);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.1em;
  margin: 0 0 2rem;
}

.aman-smart-results__cards {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.aman-smart-results__cards .aman-job-card {
  inline-size: 100%;
}

.aman-smart-results__pagination {
  margin-block-start: 2rem;
}

.aman-smart-results__pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.aman-smart-results__pagination a,
.aman-smart-results__pagination .current {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: var(--aman-color--royal, #3845be);
  display: inline-flex;
  font-weight: 700;
  height: 2.75rem;
  justify-content: center;
  min-width: 2.75rem;
  padding-inline: 0.75rem;
  text-decoration: none;
}

.aman-smart-results__pagination a:hover,
.aman-smart-results__pagination a:focus,
.aman-smart-results__pagination .current {
  background: var(--aman-color--royal, #3845be);
  color: #fff;
}

.aman-smart-results__state,
.aman-smart-results__empty {
  background: #fff;
  border-radius: 1.75rem;
  box-shadow: 0 1.25rem 3.5rem rgba(62, 70, 148, 0.1);
  margin-inline: auto;
  max-width: 45rem;
  padding: clamp(2rem, 5vw, 4rem);
  text-align: center;
}

.aman-smart-results__state h2 {
  margin-block-start: 0;
}

.aman-smart-results__sr-only {
  clip-path: inset(50%);
  height: 0.0625rem;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 0.0625rem;
}

@media (min-width: 64rem) {
  .aman-smart-results__layout {
    align-items: flex-start;
    flex-direction: row;
    gap: 1.875rem;
  }

  .aman-smart-results__sidebar {
    flex: 0 0 23.75rem;
  }

  .aman-smart-results__content {
    flex: 1 1 auto;
  }
}