/* HRConnect public homepage premium foundation v2.
 * Shared presentation authority only: routes, data, forms and API contracts stay unchanged.
 */
body.qm-public-home.hrconnect-recruitment-os {
  --hrc-home-v2-page: var(--tcv-bg);
  --hrc-home-v2-surface: var(--tcv-surface);
  --hrc-home-v2-soft: color-mix(in srgb, var(--hrc-brand-500) 5%, var(--tcv-surface));
  --hrc-home-v2-tint: color-mix(in srgb, var(--hrc-brand-500) 9%, var(--tcv-surface));
  --hrc-home-v2-line: color-mix(in srgb, var(--tcv-line) 76%, transparent);
  --hrc-home-v2-line-strong: color-mix(in srgb, var(--hrc-brand-500) 28%, var(--tcv-line));
  --hrc-home-v2-primary: var(--hrc-brand-600);
  --hrc-home-v2-primary-hover: var(--hrc-brand-700);
  --hrc-home-v2-primary-soft: color-mix(in srgb, var(--hrc-brand-500) 11%, var(--tcv-surface));
  --hrc-home-v2-on-primary: var(--tcv-on-accent);
  --hrc-home-v2-focus: color-mix(in srgb, var(--hrc-brand-500) 28%, transparent);
  --hrc-home-v2-section-gap: clamp(var(--hrc-space-6), 4vw, var(--hrc-space-10));
  --hrc-home-v2-section-radius: var(--hrc-radius-xl);
  --hrc-home-v2-card-radius: var(--hrc-radius-lg);
  --hrc-home-v2-control-radius: var(--hrc-radius-control);
  color: var(--tcv-ink);
  background: var(--hrc-home-v2-page);
}

html[data-theme="dark"] body.qm-public-home.hrconnect-recruitment-os,
body.qm-public-home.hrconnect-recruitment-os:is(.is-dark, [data-theme="dark"]) {
  --hrc-home-v2-soft: color-mix(in srgb, var(--hrc-brand-400) 7%, var(--tcv-surface));
  --hrc-home-v2-tint: color-mix(in srgb, var(--hrc-brand-400) 12%, var(--tcv-surface));
  --hrc-home-v2-line: color-mix(in srgb, var(--tcv-line) 74%, transparent);
  --hrc-home-v2-line-strong: color-mix(in srgb, var(--hrc-brand-300) 32%, var(--tcv-line));
  --hrc-home-v2-primary: var(--hrc-brand-400);
  --hrc-home-v2-primary-hover: var(--hrc-brand-300);
  --hrc-home-v2-primary-soft: color-mix(in srgb, var(--hrc-brand-400) 14%, var(--tcv-surface));
  --hrc-home-v2-on-primary: var(--hrc-neutral-950);
  --hrc-home-v2-focus: color-mix(in srgb, var(--hrc-brand-300) 34%, transparent);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-main {
  display: grid;
  gap: var(--hrc-home-v2-section-gap);
  padding-bottom: var(--hrc-space-12);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-main > .tcv-container,
body.qm-public-home.hrconnect-recruitment-os .tcv-main > .tcv-hero {
  margin-block: 0 !important;
}

/* Hero: mostly neutral surface with a restrained brand tint. */
body.qm-public-home.hrconnect-recruitment-os .tcv-hero.hrc-hero {
  padding-block: clamp(var(--hrc-space-8), 5vw, var(--hrc-space-12)) !important;
  color: var(--tcv-ink) !important;
  border-color: var(--hrc-home-v2-line-strong) !important;
  background:
    radial-gradient(circle at 8% 12%, var(--hrc-home-v2-primary-soft), transparent 30%),
    radial-gradient(circle at 92% 86%, var(--hrc-home-v2-tint), transparent 34%),
    linear-gradient(135deg, var(--hrc-home-v2-surface), var(--hrc-home-v2-soft)) !important;
  box-shadow: var(--hrc-shadow-md) !important;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero.hrc-hero::before,
body.qm-public-home.hrconnect-recruitment-os .tcv-hero.hrc-hero::after {
  border-color: var(--hrc-home-v2-line-strong);
  opacity: var(--hrc-opacity-subtle);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-hero-inner {
  width: min(100%, 70rem);
  margin-inline: auto;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-eyebrow {
  color: var(--hrc-home-v2-primary) !important;
  border-color: var(--hrc-home-v2-line-strong) !important;
  background: var(--hrc-home-v2-primary-soft) !important;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero h1 {
  color: var(--tcv-ink) !important;
  text-shadow: none;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-lead {
  max-width: 50rem;
  color: var(--tcv-muted) !important;
  font-weight: var(--hrc-weight-medium);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-actions a {
  min-height: var(--hrc-control-height-lg);
  color: var(--tcv-ink) !important;
  border-color: var(--hrc-home-v2-line-strong) !important;
  border-radius: var(--hrc-home-v2-control-radius) !important;
  background: var(--hrc-home-v2-surface) !important;
  font-weight: var(--hrc-weight-semibold);
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-actions a:first-child {
  color: var(--hrc-home-v2-on-primary) !important;
  border-color: var(--hrc-home-v2-primary) !important;
  background: var(--hrc-home-v2-primary) !important;
  box-shadow: var(--hrc-shadow-sm) !important;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-actions a:is(:hover, :focus-visible) {
  border-color: var(--hrc-home-v2-primary) !important;
  box-shadow: 0 0 0 var(--hrc-focus-width) var(--hrc-home-v2-focus) !important;
  transform: translateY(calc(var(--hrc-space-1) * -1));
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-actions a:first-child:is(:hover, :focus-visible) {
  background: var(--hrc-home-v2-primary-hover) !important;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-search {
  gap: var(--hrc-space-2);
  padding: var(--hrc-space-2);
  border: var(--hrc-border-width) solid var(--hrc-home-v2-line);
  border-radius: var(--hrc-radius-lg);
  background: var(--hrc-home-v2-surface);
  box-shadow: var(--hrc-shadow-sm);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-search-field {
  min-height: var(--hrc-control-height-lg);
  border: 0 !important;
  border-radius: var(--hrc-home-v2-control-radius);
  background: var(--hrc-home-v2-soft);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-search input {
  color: var(--tcv-ink) !important;
  font-weight: var(--hrc-weight-medium);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-search > button[type="submit"] {
  min-height: var(--hrc-control-height-lg);
  color: var(--hrc-home-v2-on-primary) !important;
  border: var(--hrc-border-width) solid var(--hrc-home-v2-primary) !important;
  border-radius: var(--hrc-home-v2-control-radius) !important;
  background: var(--hrc-home-v2-primary) !important;
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-hero-quick-links {
  gap: var(--hrc-space-1);
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  padding: var(--hrc-space-1);
  border: var(--hrc-border-width) solid var(--hrc-home-v2-line);
  border-radius: var(--hrc-radius-pill);
  background: var(--hrc-home-v2-soft);
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-hero-quick-links a {
  min-height: var(--hrc-control-height);
  color: var(--tcv-muted) !important;
  border: 0 !important;
  background: transparent !important;
  font-weight: var(--hrc-weight-semibold);
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-hero-quick-links a:is(.is-active, :hover, :focus-visible) {
  color: var(--hrc-home-v2-primary) !important;
  background: var(--hrc-home-v2-surface) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

/* Shared section/card rhythm. */
body.qm-public-home.hrconnect-recruitment-os :is(
  .hrc-home-kpi-card,
  .hrc-home-feature-card,
  .hrc-home-profile-band,
  #jobs.tcv-job-section,
  .tcv-pro-company,
  .tcv-ai-advisor,
  .hrc-erp-entry
) {
  border-color: var(--hrc-home-v2-line) !important;
  background: var(--hrc-home-v2-surface) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os .hrc-home-kpi-card,
body.qm-public-home.hrconnect-recruitment-os .hrc-home-feature-card {
  border-radius: var(--hrc-home-v2-card-radius) !important;
}

body.qm-public-home.hrconnect-recruitment-os .hrc-home-kpi-card::before,
body.qm-public-home.hrconnect-recruitment-os .hrc-home-feature-card::before {
  opacity: var(--hrc-opacity-muted);
}

body.qm-public-home.hrconnect-recruitment-os .hrc-home-feature-card:is(:hover, :focus-visible) {
  border-color: var(--hrc-home-v2-line-strong) !important;
  box-shadow: var(--hrc-shadow-md) !important;
  transform: translateY(calc(var(--hrc-space-1) * -1));
}

/* Filters and tabs become one calm segmented-control language. */
body.qm-public-home.hrconnect-recruitment-os #jobs :is(.tcv-filter-row, .tcv-feed-tabs) {
  width: fit-content;
  max-width: 100%;
  gap: var(--hrc-space-1);
  padding: var(--hrc-space-1);
  border: var(--hrc-border-width) solid var(--hrc-home-v2-line);
  border-radius: var(--hrc-radius-pill);
  background: var(--hrc-home-v2-soft);
}

body.qm-public-home.hrconnect-recruitment-os #jobs :is(.tcv-filter-row a, .tcv-feed-tabs button) {
  min-height: var(--hrc-control-height);
  color: var(--tcv-muted) !important;
  border: 0 !important;
  border-radius: var(--hrc-radius-pill) !important;
  background: transparent !important;
  font-size: var(--hrc-text-sm);
  font-weight: var(--hrc-weight-medium);
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os #jobs :is(.tcv-filter-row a.is-active, .tcv-feed-tabs button.is-active) {
  color: var(--hrc-home-v2-primary) !important;
  background: var(--hrc-home-v2-surface) !important;
  font-weight: var(--hrc-weight-semibold);
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os #jobs :is(.tcv-filter-row a, .tcv-feed-tabs button):focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--hrc-focus-width) var(--hrc-home-v2-focus) !important;
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-tip {
  padding: var(--hrc-space-3) var(--hrc-space-4);
  border: 0;
  border-radius: var(--hrc-home-v2-control-radius);
  background: var(--hrc-home-v2-soft);
  font-weight: var(--hrc-weight-regular);
}

/* Compact, aligned quick-apply form. */
body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply {
  gap: var(--hrc-space-4);
  padding: var(--hrc-space-5);
  border-color: var(--hrc-home-v2-line) !important;
  border-radius: var(--hrc-home-v2-card-radius) !important;
  background: var(--hrc-home-v2-soft) !important;
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply-title {
  font-size: var(--hrc-text-lg);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply label {
  gap: var(--hrc-space-1);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply :is(input:not([type="checkbox"]):not(.tcv-hp), select),
body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply .hrc-searchable-select__control {
  min-height: var(--hrc-control-height-lg) !important;
  block-size: var(--hrc-control-height-lg) !important;
  color: var(--tcv-ink) !important;
  border-color: var(--hrc-home-v2-line-strong) !important;
  border-radius: var(--hrc-home-v2-control-radius) !important;
  background: var(--hrc-home-v2-surface) !important;
  font-size: var(--hrc-public-control-font-size, var(--hrc-text-sm)) !important;
  font-weight: var(--hrc-weight-medium) !important;
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply :is(input:not([type="checkbox"]):not(.tcv-hp), select, .hrc-searchable-select__control):focus-visible,
body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply .hrc-searchable-select.is-open .hrc-searchable-select__control {
  border-color: var(--hrc-home-v2-primary) !important;
  box-shadow: 0 0 0 var(--hrc-focus-width) var(--hrc-home-v2-focus) !important;
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-field {
  align-items: center;
  min-height: var(--hrc-control-height-lg);
  padding: var(--hrc-space-2) var(--hrc-space-3);
  border: 0;
  border-radius: var(--hrc-home-v2-control-radius);
  background: var(--hrc-home-v2-surface);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-field input[type="checkbox"] {
  appearance: none;
  width: var(--hrc-space-5);
  height: var(--hrc-space-5);
  min-height: var(--hrc-space-5);
  display: grid;
  place-content: center;
  border: var(--hrc-border-width) solid var(--hrc-home-v2-line-strong);
  border-radius: var(--hrc-radius-sm);
  background: var(--hrc-home-v2-surface);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-field input[type="checkbox"]::before {
  content: "";
  width: var(--hrc-space-2);
  height: var(--hrc-space-2);
  border-radius: calc(var(--hrc-radius-sm) / 2);
  background: var(--hrc-home-v2-on-primary);
  transform: scale(0);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-field input[type="checkbox"]:checked {
  border-color: var(--hrc-home-v2-primary);
  background: var(--hrc-home-v2-primary);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-field input[type="checkbox"]:checked::before {
  transform: scale(1);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-field input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--hrc-focus-width) var(--hrc-home-v2-focus);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-copy :is(label, a) {
  min-height: 0;
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-medium);
  line-height: var(--hrc-leading-normal);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply > button[type="submit"] {
  min-height: var(--hrc-control-height-lg);
  color: var(--hrc-home-v2-on-primary);
  border-color: var(--hrc-home-v2-primary);
  border-radius: var(--hrc-home-v2-control-radius);
  background: var(--hrc-home-v2-primary);
  font-weight: var(--hrc-weight-semibold);
  box-shadow: var(--hrc-shadow-xs);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply > button[type="submit"]:is(:hover, :focus-visible) {
  background: var(--hrc-home-v2-primary-hover);
  box-shadow: 0 0 0 var(--hrc-focus-width) var(--hrc-home-v2-focus);
}

/* Job cards: less boxed metadata, stronger reading hierarchy. */
body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-card {
  gap: var(--hrc-space-4);
  padding: var(--hrc-space-5);
  border-color: var(--hrc-home-v2-line) !important;
  border-radius: var(--hrc-home-v2-card-radius) !important;
  background: var(--hrc-home-v2-surface) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-card:is(:hover, :focus-within) {
  border-color: var(--hrc-home-v2-line-strong) !important;
  box-shadow: var(--hrc-shadow-md) !important;
  transform: translateY(calc(var(--hrc-space-1) * -1));
}

body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-card h3 {
  margin-top: var(--hrc-space-3);
  font-size: var(--hrc-text-xl);
  font-weight: var(--hrc-weight-semibold);
  text-wrap: balance;
}

body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-meta {
  gap: var(--hrc-space-3);
  margin-top: var(--hrc-space-4);
  padding-block: var(--hrc-space-4);
  border-block: var(--hrc-border-width) solid var(--hrc-home-v2-line);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-meta span {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-tags span {
  border: 0;
  background: var(--hrc-home-v2-primary-soft);
  font-weight: var(--hrc-weight-medium);
}

body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-foot a {
  color: var(--hrc-home-v2-on-primary);
  border-color: var(--hrc-home-v2-primary);
  border-radius: var(--hrc-home-v2-control-radius);
  background: var(--hrc-home-v2-primary);
  font-weight: var(--hrc-weight-semibold);
  box-shadow: none;
}

@media (max-width: 767px) {
  body.qm-public-home.hrconnect-recruitment-os .tcv-main {
    gap: var(--hrc-space-6);
    padding-bottom: var(--hrc-space-8);
  }

  body.qm-public-home.hrconnect-recruitment-os .tcv-hero.hrc-hero {
    padding-block: var(--hrc-space-5) !important;
  }

  body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-hero-inner {
    width: calc(100% - (var(--hrc-space-4) * 2));
  }

  body.qm-public-home.hrconnect-recruitment-os .tcv-hero .tcv-hero-quick-links,
  body.qm-public-home.hrconnect-recruitment-os #jobs :is(.tcv-filter-row, .tcv-feed-tabs) {
    width: 100%;
    border-radius: var(--hrc-home-v2-control-radius);
    overflow-x: auto;
  }

  body.qm-public-home.hrconnect-recruitment-os #jobs.tcv-job-section {
    padding: var(--hrc-space-4) !important;
    border-radius: var(--hrc-home-v2-card-radius) !important;
  }

  body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-quick-apply {
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os #jobs .tcv-consent-copy {
    display: grid;
    justify-content: start;
    gap: var(--hrc-space-1);
  }

  body.qm-public-home.hrconnect-recruitment-os #jobs .ai-job-card {
    padding: var(--hrc-space-4);
  }
}

@media (max-width: 390px) {
  body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-actions a,
  body.qm-public-home.hrconnect-recruitment-os .tcv-hero .hc2050-hero-actions a:first-child {
    grid-column: 1 / -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qm-public-home.hrconnect-recruitment-os :is(a, button, input, select, .ai-job-card, .hrc-home-feature-card) {
    transition: none !important;
  }
}

/* Keep the keyboard skip link operable without intercepting pointer clicks while hidden. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-skip-link:not(:focus):not(:focus-visible) {
  transform: translateY(calc(-100% - var(--hrc-space-4))) !important;
  opacity: 0;
  pointer-events: none;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-skip-link:is(:focus, :focus-visible) {
  transform: none !important;
  opacity: 1;
  pointer-events: auto;
}

/* Homepage premium v3.
 * This is the single final presentation authority for `/` only. `/jobs` keeps
 * the established recruitment shell, while data, forms and API contracts are
 * intentionally unchanged.
 */
body.qm-public-home.hrconnect-recruitment-os.is-home-route {
  --hrc-home-v3-brand-deep: var(--hrc-brand-950, var(--hrc-neutral-950));
  --hrc-home-v3-danger-strong: var(--hrc-danger-700, var(--hrc-danger-600));
  --hrc-home-v3-leading-none: var(--hrc-leading-none, 1);
  --hrc-home-v3-leading-snug: var(--hrc-leading-snug, 1.35);
  --hrc-home-v3-font-semibold: var(--hrc-font-weight-semibold, 600);
  --hrc-home-v3-muted-contrast: var(--hrc-neutral-600, var(--tcv-muted));
  --hrc-home-v3-control-line: var(--hrc-neutral-500, var(--hrc-home-v3-line-strong));
  --hrc-home-v3-focus-visible: var(--hrc-neutral-950, var(--tcv-ink));
  --hrc-home-v3-space-7: var(--hrc-space-7, 1.75rem);
  --hrc-home-v3-text-base: var(--hrc-text-base, var(--hrc-text-lg));
  --hrc-home-v3-text-4xl: var(--hrc-text-4xl, clamp(2rem, 4.5vw, 3.5rem));
  --hrc-home-v3-text-6xl: var(--hrc-text-6xl, clamp(2.5rem, 6vw, 4.5rem));
  --hrc-home-v3-tracking-tight: var(--hrc-tracking-tight, -.02em);
  --hrc-home-v3-container: min(92.5rem, calc(100% - (var(--hrc-space-6) * 2)));
  --hrc-home-v3-surface: color-mix(in srgb, var(--tcv-surface) 97%, var(--hrc-brand-50));
  --hrc-home-v3-surface-raised: var(--tcv-surface);
  --hrc-home-v3-soft: color-mix(in srgb, var(--hrc-brand-500) 6%, var(--tcv-surface));
  --hrc-home-v3-soft-strong: color-mix(in srgb, var(--hrc-brand-500) 11%, var(--tcv-surface));
  --hrc-home-v3-line: color-mix(in srgb, var(--tcv-line) 82%, transparent);
  --hrc-home-v3-line-strong: color-mix(in srgb, var(--hrc-brand-500) 26%, var(--tcv-line));
  --hrc-home-v3-primary: var(--hrc-brand-600);
  --hrc-home-v3-primary-hover: var(--hrc-brand-700);
  --hrc-home-v3-on-primary: var(--tcv-on-accent);
  --hrc-home-v3-focus: color-mix(in srgb, var(--hrc-brand-500) 30%, transparent);
  --hrc-home-v3-section-gap: clamp(var(--hrc-space-5), 2.4vw, var(--hrc-space-8));
  --hrc-home-v3-section-radius: var(--hrc-radius-xl);
  --hrc-home-v3-card-radius: var(--hrc-radius-lg);
  background:
    linear-gradient(180deg, var(--hrc-home-v3-soft) 0, transparent 20rem),
    var(--tcv-bg);
}

html[data-theme="dark"] body.qm-public-home.hrconnect-recruitment-os.is-home-route,
body.qm-public-home.hrconnect-recruitment-os.is-home-route:is(.is-dark, [data-theme="dark"]) {
  --hrc-home-v3-surface: color-mix(in srgb, var(--tcv-surface) 92%, var(--hrc-home-v3-brand-deep));
  --hrc-home-v3-surface-raised: color-mix(in srgb, var(--tcv-surface) 96%, var(--hrc-home-v3-brand-deep));
  --hrc-home-v3-soft: color-mix(in srgb, var(--hrc-brand-400) 8%, var(--tcv-surface));
  --hrc-home-v3-soft-strong: color-mix(in srgb, var(--hrc-brand-400) 14%, var(--tcv-surface));
  --hrc-home-v3-line: color-mix(in srgb, var(--tcv-line) 78%, transparent);
  --hrc-home-v3-line-strong: color-mix(in srgb, var(--hrc-brand-300) 30%, var(--tcv-line));
  --hrc-home-v3-primary: var(--hrc-brand-400);
  --hrc-home-v3-primary-hover: var(--hrc-brand-300);
  --hrc-home-v3-on-primary: var(--hrc-neutral-950);
  --hrc-home-v3-muted-contrast: var(--hrc-neutral-300, var(--tcv-muted));
  --hrc-home-v3-control-line: var(--hrc-neutral-400, var(--hrc-home-v3-line-strong));
  --hrc-home-v3-focus-visible: var(--hrc-brand-300, var(--tcv-ink));
  --hrc-home-v3-focus: color-mix(in srgb, var(--hrc-brand-300) 34%, transparent);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-main {
  display: grid;
  gap: var(--hrc-home-v3-section-gap);
  padding-block: var(--hrc-space-5) var(--hrc-space-10);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-main > :is(.tcv-container, .tcv-hero) {
  width: var(--hrc-home-v3-container);
  max-width: none;
  margin: 0 auto !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(a, button, input, select, textarea):focus-visible {
  outline: var(--hrc-focus-width) solid var(--hrc-home-v3-focus-visible) !important;
  outline-offset: var(--hrc-focus-offset) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(.tcv-container, .tcv-hero, .tcv-footer) {
  scroll-margin-top: calc(var(--hrc-control-height-lg) + var(--hrc-space-6));
}

/* Calm, conversion-led hero. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero.hrc-hero {
  min-height: 0;
  padding: clamp(var(--hrc-home-v3-space-7), 3.4vw, var(--hrc-space-10)) !important;
  overflow: hidden;
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line-strong) !important;
  border-radius: var(--hrc-home-v3-section-radius) !important;
  background:
    radial-gradient(circle at 88% 10%, var(--hrc-home-v3-soft-strong), transparent 30%),
    radial-gradient(circle at 8% 92%, var(--hrc-home-v3-soft), transparent 34%),
    linear-gradient(135deg, var(--hrc-home-v3-surface-raised), var(--hrc-home-v3-surface)) !important;
  box-shadow: var(--hrc-shadow-sm) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-inner {
  width: 100%;
  max-width: 64rem;
  padding: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-eyebrow {
  min-height: var(--hrc-control-height-sm);
  padding-inline: var(--hrc-space-3);
  color: var(--hrc-home-v3-primary) !important;
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line-strong) !important;
  background: var(--hrc-home-v3-soft) !important;
  font-size: var(--hrc-text-xs);
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero h1 {
  max-width: 18ch;
  margin: var(--hrc-space-3) auto var(--hrc-space-2);
  color: var(--tcv-ink) !important;
  font-size: clamp(var(--hrc-home-v3-text-4xl), 5vw, var(--hrc-home-v3-text-6xl));
  line-height: var(--hrc-home-v3-leading-none);
  letter-spacing: var(--hrc-home-v3-tracking-tight);
  text-wrap: balance;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-lead {
  max-width: 52rem;
  margin: 0 auto var(--hrc-space-5);
  color: var(--tcv-muted) !important;
  font-size: var(--hrc-text-lg);
  line-height: var(--hrc-leading-normal);
  text-wrap: balance;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions {
  display: flex;
  justify-content: center;
  gap: var(--hrc-space-3);
  margin-bottom: var(--hrc-space-5);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions a {
  min-height: var(--hrc-control-height-lg);
  padding-inline: var(--hrc-space-5);
  color: var(--tcv-ink) !important;
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line-strong) !important;
  border-radius: var(--hrc-radius-control) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  font-size: var(--hrc-text-sm);
  font-weight: var(--hrc-weight-semibold);
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions a:first-child {
  color: var(--hrc-home-v3-on-primary) !important;
  border-color: var(--hrc-home-v3-primary) !important;
  background: var(--hrc-home-v3-primary) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions a:is(:hover, :focus-visible) {
  border-color: var(--hrc-home-v3-primary) !important;
  box-shadow: 0 0 0 var(--hrc-focus-width) var(--hrc-home-v3-focus) !important;
  transform: translateY(calc(var(--hrc-space-1) * -1));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search {
  grid-template-columns: minmax(0, 1.55fr) minmax(12rem, .7fr) auto;
  gap: var(--hrc-space-2);
  width: min(100%, 58rem);
  margin: 0 auto var(--hrc-space-4);
  padding: var(--hrc-space-2);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-radius-lg);
  background: var(--hrc-home-v3-surface-raised);
  box-shadow: var(--hrc-shadow-xs);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search input::placeholder {
  color: var(--hrc-home-v3-muted-contrast) !important;
  opacity: 1;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search-field {
  min-height: var(--hrc-control-height-lg);
  padding-inline: var(--hrc-space-3);
  border: 0 !important;
  border-radius: var(--hrc-radius-control);
  background: var(--hrc-home-v3-soft);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search > button[type="submit"] {
  min-width: 7.5rem;
  min-height: var(--hrc-control-height-lg);
  color: var(--hrc-home-v3-on-primary) !important;
  border-color: var(--hrc-home-v3-primary) !important;
  border-radius: var(--hrc-radius-control) !important;
  background: var(--hrc-home-v3-primary) !important;
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links {
  display: flex;
  width: min(100%, 50rem);
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--hrc-space-1);
  margin: 0 auto;
  padding: var(--hrc-space-1);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-radius-pill);
  background: var(--hrc-home-v3-soft);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links a {
  min-height: var(--hrc-control-height);
  padding-inline: var(--hrc-space-3);
  color: var(--tcv-muted) !important;
  border: 0 !important;
  background: transparent !important;
  font-size: var(--hrc-text-sm);
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links a:is(.is-active, :hover, :focus-visible) {
  color: var(--hrc-home-v3-primary) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

/* Shared section rhythm and typography. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-section-head {
  min-height: 0;
  margin-bottom: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-section-head h2,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-head h2,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-copy h2 {
  color: var(--tcv-ink);
  font-size: clamp(var(--hrc-text-2xl), 3vw, var(--hrc-home-v3-text-4xl));
  line-height: var(--hrc-leading-tight);
  letter-spacing: var(--hrc-home-v3-tracking-tight);
  text-wrap: balance;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-section-head span,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-head p,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-copy p {
  color: var(--tcv-muted);
  line-height: var(--hrc-leading-normal);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hrc-space-3);
  margin: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card {
  min-height: 7rem;
  min-width: 0;
  display: grid;
  align-content: center;
  gap: var(--hrc-space-1);
  padding: var(--hrc-space-4) var(--hrc-space-5);
  overflow: hidden;
  border-color: var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-card-radius) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card > :is(span, strong, small) {
  min-width: 0;
  display: block;
  margin: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card > span {
  color: var(--hrc-home-v3-muted-contrast);
  font-size: var(--hrc-text-sm);
  font-weight: var(--hrc-weight-medium);
  line-height: var(--hrc-leading-normal);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card strong {
  max-width: 100%;
  margin-block: var(--hrc-space-1);
  overflow: visible;
  font-size: clamp(var(--hrc-text-2xl), 1.8vw, var(--hrc-text-3xl));
  font-variant-numeric: tabular-nums;
  line-height: var(--hrc-home-v3-leading-snug);
  text-overflow: clip;
  white-space: nowrap;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card > small {
  color: var(--tcv-muted);
  font-size: var(--hrc-text-xs);
  line-height: var(--hrc-leading-normal);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features {
  display: grid;
  gap: var(--hrc-space-4);
  margin: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-head {
  max-width: 52rem;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-head h2 {
  margin-block: var(--hrc-space-1);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card {
  min-height: 11rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: var(--hrc-space-5);
  color: var(--tcv-ink);
  text-decoration: none;
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-card-radius) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card > small {
  color: var(--hrc-home-v3-primary);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-semibold);
  letter-spacing: var(--hrc-tracking-eyebrow);
  text-transform: uppercase;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card h3 {
  margin-block: var(--hrc-space-2) var(--hrc-space-1);
  color: var(--tcv-ink);
  font-size: var(--hrc-text-xl);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card p {
  margin-bottom: var(--hrc-space-3);
  color: var(--tcv-muted);
  line-height: var(--hrc-leading-normal);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card > strong {
  display: inline-flex;
  align-items: center;
  gap: var(--hrc-space-1);
  margin-top: auto;
  color: var(--hrc-home-v3-primary);
  font-size: var(--hrc-text-sm);
  text-decoration: none;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-band {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .55fr);
  gap: var(--hrc-space-6);
  margin: 0;
  padding: var(--hrc-space-6);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-section-radius) !important;
  background:
    radial-gradient(circle at 92% 8%, var(--hrc-home-v3-soft-strong), transparent 36%),
    var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-copy h2 {
  max-width: 26ch;
  margin-block: var(--hrc-space-2);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hrc-space-2);
  margin-top: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions .hrc-btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: var(--hrc-space-2) var(--hrc-space-4);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line-strong);
  border-radius: var(--hrc-radius-lg);
  font-weight: var(--hrc-home-v3-font-semibold);
  line-height: var(--hrc-home-v3-leading-none);
  text-decoration: none;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions .hrc-btn--primary {
  border-color: var(--hrc-home-v3-primary);
  background: var(--hrc-home-v3-primary);
  color: var(--hrc-home-v3-on-primary);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions .hrc-btn--secondary {
  background: var(--hrc-home-v3-surface-raised);
  color: var(--tcv-ink);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-cover {
  min-height: 0;
  display: grid;
  align-self: stretch;
  overflow: hidden;
  border-color: var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-soft);
  box-shadow: var(--hrc-shadow-sm);
  transform: none;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-cover img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center 42%;
}

/* Jobs: compact form, calm segmented filters, readable cards. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs.tcv-job-section {
  margin: 0;
  padding: var(--hrc-space-6) !important;
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-section-radius) !important;
  background: var(--hrc-home-v3-surface) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row, .tcv-feed-tabs) {
  display: flex;
  width: fit-content;
  max-width: 100%;
  flex-wrap: wrap;
  gap: var(--hrc-space-1);
  margin-bottom: var(--hrc-space-3);
  padding: var(--hrc-space-1);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-radius-lg);
  background: var(--hrc-home-v3-soft);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row a, .tcv-feed-tabs button) {
  min-height: var(--hrc-control-height);
  padding-inline: var(--hrc-space-3);
  color: var(--tcv-muted) !important;
  border: 0 !important;
  border-radius: var(--hrc-radius-control) !important;
  background: transparent !important;
  font-size: var(--hrc-text-sm);
  font-weight: var(--hrc-weight-medium);
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row a.is-active, .tcv-feed-tabs button.is-active) {
  color: var(--hrc-home-v3-on-primary) !important;
  background: var(--hrc-home-v3-primary) !important;
  font-weight: var(--hrc-weight-semibold);
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-tip {
  margin-bottom: var(--hrc-space-3);
  padding: var(--hrc-space-2) var(--hrc-space-3);
  color: var(--tcv-muted);
  border: 0;
  border-radius: var(--hrc-radius-control);
  background: transparent;
  font-size: var(--hrc-text-sm);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-company {
  color: var(--hrc-home-v3-muted-contrast) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply {
  gap: var(--hrc-space-3);
  margin-bottom: var(--hrc-space-4);
  padding: var(--hrc-space-4);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-card-radius) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply-title {
  font-size: var(--hrc-home-v3-text-base);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply label {
  gap: var(--hrc-space-1);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply :is(input:not([type="checkbox"]):not(.tcv-hp), select),
body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply .hrc-searchable-select__control {
  min-height: var(--hrc-control-height-lg) !important;
  block-size: var(--hrc-control-height-lg) !important;
  border-color: var(--hrc-home-v3-control-line) !important;
  border-radius: var(--hrc-radius-control) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  font-size: var(--hrc-public-control-font-size, var(--hrc-text-sm)) !important;
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-consent-field {
  min-height: var(--hrc-control-height-lg);
  padding: var(--hrc-space-1) var(--hrc-space-3);
  border: 0;
  background: var(--hrc-home-v3-soft);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-consent-field input[type="checkbox"] {
  appearance: auto !important;
  inline-size: var(--hrc-space-5);
  block-size: var(--hrc-space-5);
  min-block-size: var(--hrc-space-5);
  accent-color: var(--hrc-home-v3-primary);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-consent-field input[type="checkbox"]::before {
  content: none;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-consent-copy :is(label, a) {
  min-height: var(--hrc-control-height);
  display: inline-flex;
  align-items: center;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply > button[type="submit"] {
  min-height: var(--hrc-control-height-lg);
  color: var(--hrc-home-v3-on-primary);
  border-color: var(--hrc-home-v3-primary);
  border-radius: var(--hrc-radius-control);
  background: var(--hrc-home-v3-primary);
  box-shadow: var(--hrc-shadow-xs);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 29rem), 1fr));
  align-items: stretch;
  gap: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid > :only-child {
  width: min(100%, 47.5rem);
  justify-self: center;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card {
  min-width: 0;
  gap: var(--hrc-space-2);
  padding: var(--hrc-space-5);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-card-radius) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card:is(:hover, :focus-within) {
  border-color: var(--hrc-home-v3-line-strong) !important;
  box-shadow: var(--hrc-shadow-md) !important;
  transform: translateY(calc(var(--hrc-space-1) * -1));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-top {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-logo {
  width: var(--hrc-control-height-lg);
  height: var(--hrc-control-height-lg);
  border-radius: var(--hrc-radius-lg);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card h3 {
  display: -webkit-box;
  margin: var(--hrc-space-1) 0 0;
  overflow: hidden;
  font-size: var(--hrc-text-lg);
  line-height: var(--hrc-home-v3-leading-snug);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-status {
  align-self: start;
  white-space: nowrap;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-source-row {
  display: flex;
  min-height: 0 !important;
  align-items: center;
  padding-block: 0 !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hrc-space-2) var(--hrc-space-4);
  margin: 0;
  padding-block: var(--hrc-space-3);
  border-block: var(--hrc-border-width) solid var(--hrc-home-v3-line);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta span {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: var(--hrc-home-v3-leading-snug);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta b {
  display: block;
  margin-top: var(--hrc-space-1);
  overflow-wrap: anywhere;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-tags {
  gap: var(--hrc-space-1);
  margin: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-tags span {
  min-height: 0;
  padding: var(--hrc-space-1) var(--hrc-space-2);
  border: 0;
  background: var(--hrc-home-v3-soft);
  font-size: var(--hrc-text-xs);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.ai-job-benefits, .ai-job-desc) {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--tcv-muted);
  line-height: var(--hrc-leading-normal);
  -webkit-box-orient: vertical;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-benefits {
  -webkit-line-clamp: 2;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-desc {
  min-height: 0 !important;
  -webkit-line-clamp: 1;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot {
  display: grid;
  width: 100%;
  min-height: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: var(--hrc-space-2);
  margin-top: auto;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot.has-media-action {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot a {
  width: 100%;
  min-width: 0;
  min-height: var(--hrc-control-height);
  justify-content: center;
  padding-block: 0;
  padding-inline: var(--hrc-space-4);
  color: var(--tcv-ink);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line-strong);
  border-radius: var(--hrc-radius-control);
  background: var(--hrc-home-v3-surface-raised);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot .ai-job-quick-apply {
  color: var(--hrc-home-v3-on-primary);
  border-color: var(--hrc-home-v3-primary);
  background: var(--hrc-home-v3-primary);
}

/* Compact the secondary business and insight sections without hiding data. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry {
  grid-template-columns: auto minmax(0, 1fr) minmax(18rem, .65fr);
  gap: var(--hrc-space-4);
  margin: 0;
  padding: var(--hrc-space-4) var(--hrc-space-5);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-card-radius) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry-copy h2 {
  font-size: var(--hrc-text-xl);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry-actions {
  gap: var(--hrc-space-2);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-ai-advisor {
  margin: 0;
  padding: var(--hrc-space-6);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-section-radius) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company .tcv-pro-hero {
  min-height: 0;
  margin-bottom: var(--hrc-space-4);
  padding: var(--hrc-space-4);
  border: 0;
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-soft);
  box-shadow: none;
  color: var(--tcv-ink);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company .tcv-pro-hero :is(h2, p) {
  color: var(--tcv-ink);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-layout {
  grid-template-columns: minmax(17rem, .85fr) minmax(0, 1.65fr);
  gap: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-lead-brand,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-brand-grid a {
  min-height: 9.5rem;
  padding: var(--hrc-space-4);
  border-color: var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-surface);
  box-shadow: none;
  color: var(--tcv-ink);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-lead-brand {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  justify-items: start;
  gap: var(--hrc-space-2) var(--hrc-space-3);
  text-align: left;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-lead-brand span {
  grid-row: 1 / span 3;
  width: calc(var(--hrc-control-height-lg) * 1.25);
  height: calc(var(--hrc-control-height-lg) * 1.25);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-lead-brand :is(b, small) {
  max-width: none;
  color: var(--tcv-ink);
  text-align: left;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-brand-grid small {
  color: var(--hrc-home-v3-muted-contrast);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-lead-brand em {
  position: static;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-brand-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--hrc-space-3);
}

/* Keep a two-company dataset visually balanced instead of reserving an empty grid track. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-pro-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-brand-grid {
  grid-template-columns: minmax(0, 1fr);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-brand-grid a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: start;
  justify-items: start;
  gap: var(--hrc-space-2) var(--hrc-space-3);
  text-align: left;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies :is(
  .tcv-lead-brand,
  .tcv-brand-grid,
  .tcv-brand-grid a
) {
  height: 100%;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-lead-brand {
  align-content: start;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-brand-grid a > span {
  grid-row: 1 / span 2;
  width: calc(var(--hrc-control-height-lg) * 1.25);
  height: calc(var(--hrc-control-height-lg) * 1.25);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-brand-grid a > :is(b, small) {
  max-width: none;
  color: var(--tcv-ink);
  text-align: left;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-ai-advisor-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  align-items: start;
  gap: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hrc-space-3);
  padding: var(--hrc-space-4);
  border-color: var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-surface);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc > div:first-child,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence {
  grid-column: 1 / -1;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hrc-space-2);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence > div {
  min-height: 5rem;
  padding: var(--hrc-space-3);
  border-color: var(--hrc-home-v3-line);
  background: var(--hrc-home-v3-surface-raised);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence > div:last-child {
  grid-column: 1 / -1;
  min-height: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence > div:last-child dd {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-output {
  grid-column: span 2;
  min-height: var(--hrc-control-height-lg);
  padding: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc > button {
  min-height: var(--hrc-control-height-lg);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-self: start;
  gap: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach a {
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  min-height: 8rem;
  padding: var(--hrc-space-4);
  border-color: var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-surface);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed {
  grid-auto-rows: 1fr;
  align-items: stretch;
}

/* Keep the guide cards calm and compact; the adjacent video panel must not
 * stretch to the full height of a long article grid. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-two-col {
  align-items: start;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #community {
  min-width: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .ai-post-card {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  gap: var(--hrc-space-2);
  padding: var(--hrc-space-4);
  color: var(--tcv-ink);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-surface-raised);
  box-shadow: var(--hrc-shadow-xs);
  transition:
    border-color var(--hrc-motion-normal) var(--hrc-ease-standard),
    box-shadow var(--hrc-motion-normal) var(--hrc-ease-standard),
    transform var(--hrc-motion-normal) var(--hrc-ease-standard);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .ai-post-card:is(:hover, :focus-within) {
  border-color: var(--hrc-home-v3-line-strong);
  box-shadow: var(--hrc-shadow-md);
  transform: translateY(calc(var(--hrc-space-1) * -1));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .ai-post-card > span {
  align-self: flex-start;
  max-width: 100%;
  margin: 0;
  padding: var(--hrc-space-1) var(--hrc-space-2);
  overflow: hidden;
  color: var(--hrc-home-v3-primary);
  border-radius: var(--hrc-radius-pill);
  background: var(--hrc-home-v3-soft);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-semibold);
  line-height: var(--hrc-home-v3-leading-snug);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .ai-post-card > b {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  font-size: var(--hrc-text-lg);
  line-height: var(--hrc-home-v3-leading-snug);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .tcv-post-title-link {
  display: flex;
  min-height: var(--hrc-control-height);
  align-items: center;
  padding-block: var(--hrc-space-1);
  color: var(--tcv-ink);
  text-decoration: none;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .tcv-post-title-link:is(:hover, :focus-visible) {
  color: var(--hrc-home-v3-primary);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .ai-post-card > p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--tcv-muted);
  line-height: var(--hrc-leading-normal);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-community-feed.tcv-post-feed .ai-post-card > p:last-child {
  margin-top: auto;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel {
  height: auto;
  align-self: start;
  padding: var(--hrc-space-5);
  border-color: var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-surface-raised);
  box-shadow: var(--hrc-shadow-xs);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel a {
  min-height: 9rem;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer {
  width: var(--hrc-home-v3-container);
  margin: 0 auto;
  padding: var(--hrc-home-v3-space-7) var(--hrc-space-6) 0;
  border-color: var(--hrc-home-v3-line);
  background: var(--hrc-home-v3-surface-raised);
  box-shadow: var(--hrc-shadow-sm);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-grid {
  gap: var(--hrc-space-5);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-grid > div:first-child {
  padding: var(--hrc-space-5);
  border-color: var(--hrc-home-v3-line);
  background: var(--hrc-home-v3-soft);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-brand {
  font-size: var(--hrc-text-2xl);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer a {
  padding-inline: var(--hrc-space-2);
}

/* Search options own their layout; they are not primary form submit buttons. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions {
  left: 0;
  right: 0;
  box-sizing: border-box;
  min-width: 0;
  max-height: min(26rem, 60vh);
  max-height: min(26rem, 60dvh);
  gap: var(--hrc-space-1);
  padding: var(--hrc-space-2);
  overflow-y: auto;
  overscroll-behavior: contain;
  border-color: var(--hrc-home-v3-line);
  border-radius: var(--hrc-radius-lg);
  background: var(--hrc-home-v3-surface-raised);
  box-shadow: var(--hrc-shadow-md);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions > .ai-search-suggestion {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: var(--hrc-touch-target);
  align-items: start;
  gap: var(--hrc-space-3);
  margin: 0;
  padding: var(--hrc-space-3);
  border: var(--hrc-border-width) solid transparent;
  border-radius: var(--hrc-radius-control);
  background: var(--hrc-home-v3-surface-raised);
  color: var(--tcv-ink);
  text-align: left;
  white-space: normal;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion:is(:hover, :focus-visible, .is-active) {
  border-color: var(--hrc-home-v3-line-strong);
  background: var(--hrc-home-v3-soft);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion-tag {
  grid-column: auto;
  justify-self: start;
  max-width: 100%;
  padding-inline: var(--hrc-space-2);
  background: var(--hrc-home-v3-soft);
  color: var(--hrc-home-v3-primary);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-medium);
  white-space: nowrap;
  word-break: normal;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion-content {
  min-width: 0;
  width: 100%;
  gap: var(--hrc-space-1);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion :is(strong, small) {
  display: block;
  min-width: 0;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-overflow: clip;
  line-height: var(--hrc-leading-normal);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion strong {
  color: var(--tcv-ink);
  font-size: var(--hrc-text-sm);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion :is(small, em) {
  color: var(--tcv-muted);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-medium);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion em {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions > .ai-search-suggestion {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--hrc-space-2);
    padding: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions .ai-search-suggestion em {
    display: none;
  }
}

/* Search suggestions always expose loading, empty and error outcomes. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions-status {
  min-height: var(--hrc-control-height-lg);
  display: flex;
  align-items: center;
  padding: var(--hrc-space-3) var(--hrc-space-4);
  color: var(--tcv-muted);
  font-size: var(--hrc-text-sm);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .ai-search-suggestions-status.is-error {
  color: var(--hrc-home-v3-danger-strong);
}

/* A visible, slim rail preserves discoverability on compact screens. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
  .tcv-hero-quick-links,
  .tcv-filter-row,
  .tcv-feed-tabs,
  .hrc-home-kpi,
  .hrc-home-features-grid,
  .tcv-brand-grid,
  .tcv-career-coach
) {
  scrollbar-color: var(--hrc-home-v3-line-strong) transparent;
  scrollbar-width: thin;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
  .tcv-hero-quick-links,
  .tcv-filter-row,
  .tcv-feed-tabs,
  .hrc-home-kpi,
  .hrc-home-features-grid,
  .tcv-brand-grid,
  .tcv-career-coach
)::-webkit-scrollbar {
  width: var(--hrc-space-1);
  height: var(--hrc-space-1);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
  .tcv-hero-quick-links,
  .tcv-filter-row,
  .tcv-feed-tabs,
  .hrc-home-kpi,
  .hrc-home-features-grid,
  .tcv-brand-grid,
  .tcv-career-coach
)::-webkit-scrollbar-thumb {
  border-radius: var(--hrc-radius-pill);
  background: var(--hrc-home-v3-line-strong);
}

@media (max-width: 1024px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route {
    --hrc-home-v3-container: min(100% - (var(--hrc-space-4) * 2), 74rem);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-ai-advisor-grid,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-brand-grid,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry-actions {
    grid-column: 2;
  }
}

/* Tablet cards need more reading width than the desktop three-column grid.
 * Keep two equal cards on the first row and let the final journey span the
 * second row, using the same shared card authority without changing markup. */
@media (min-width: 768px) and (max-width: 900px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route {
    --hrc-home-v3-container: calc(100% - (var(--hrc-space-3) * 2));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-main {
    gap: var(--hrc-space-5);
    padding-inline: 0;
    padding-block: var(--hrc-space-3) var(--hrc-home-v3-space-7);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero.hrc-hero {
    padding: var(--hrc-space-5) var(--hrc-space-4) !important;
    border-radius: var(--hrc-radius-lg) !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero h1 {
    margin-top: var(--hrc-space-2);
    font-size: clamp(var(--hrc-text-3xl), 10vw, var(--hrc-home-v3-text-4xl));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-lead {
    margin-bottom: var(--hrc-space-4);
    font-size: var(--hrc-text-sm);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--hrc-space-2);
    margin-bottom: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions a {
    width: 100%;
    min-width: 0;
    padding-inline: var(--hrc-space-3);
    text-align: center;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search {
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: var(--hrc-space-3);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search .tcv-search-field.is-main {
    grid-column: 1 / -1;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search > button[type="submit"] {
    min-width: 6.5rem;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row, .tcv-feed-tabs) {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-bottom: var(--hrc-space-2);
    overflow-x: auto;
    border-radius: var(--hrc-radius-control);
    scroll-snap-type: x proximity;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links a,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row a, .tcv-feed-tabs button) {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-bottom: 0;
    overflow: visible;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card {
    min-height: 6.5rem;
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card {
    min-height: 0;
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-band {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--hrc-space-4);
    padding: var(--hrc-space-4);
    border-radius: var(--hrc-radius-lg) !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions .hrc-btn {
    width: 100%;
    min-width: 0;
    padding-inline: var(--hrc-space-2);
    text-align: center;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-cover {
    aspect-ratio: 16 / 9;
    align-self: auto;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-cover img {
    object-position: center 42%;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs.tcv-job-section,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-ai-advisor {
    padding: var(--hrc-space-4) !important;
    border-radius: var(--hrc-radius-lg) !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs.tcv-job-section {
    padding: var(--hrc-space-3) !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply > * {
    grid-column: 1 / -1 !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-consent-field,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-consent-copy {
    align-items: start;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-consent-copy {
    display: grid;
    gap: 0;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card {
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-top {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-status {
    grid-column: 2;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry-icon {
    display: none;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-erp-entry-actions {
    grid-column: 1;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-brand-grid,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach {
    display: grid;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(18rem, 86vw);
    padding-bottom: var(--hrc-space-2);
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-brand-grid > *,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach > * {
    scroll-snap-align: start;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-pro-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-brand-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    grid-auto-columns: auto;
    padding-bottom: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-brand-grid,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-brand-grid > a {
    height: 100%;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc > *,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-output,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc > button {
    grid-column: 1 / -1;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer {
    width: 100%;
    padding: var(--hrc-space-5) var(--hrc-space-4) 0;
    border-radius: var(--hrc-radius-lg) var(--hrc-radius-lg) 0 0;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-grid > div:first-child {
    grid-column: 1 / -1;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-grid > div:not(:first-child) {
    padding-top: var(--hrc-space-3);
    border-top: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer a {
    width: 100%;
  }
}

@media (max-width: 390px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search > * {
    grid-column: 1 / -1;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search > button[type="submit"],
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-profile-actions .hrc-btn {
    width: 100%;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-footer-grid > div:first-child {
    grid-column: 1;
  }
}

@media (max-width: 767px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card:first-of-type {
    grid-column: 1 / -1;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card {
    min-height: calc(var(--hrc-control-height-lg) * 2);
    padding: var(--hrc-space-3) var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card strong {
    font-size: clamp(var(--hrc-text-xl), 5vw, var(--hrc-text-2xl));
  }
}

/* Mobile job summaries keep their critical identity and structured facts
 * readable while optional descriptions remain compact previews. */
@media (max-width: 520px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card {
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-top > div:nth-child(2) {
    min-height: calc(var(--hrc-space-5) * 4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-company,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card h3,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta b {
    max-height: none;
    overflow: visible;
    overflow-wrap: anywhere;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta span {
    min-height: calc(var(--hrc-control-height) + var(--hrc-space-3));
  }
}

/* Homepage enterprise composition v4.
 * Source order now follows the candidate journey. These rules only compose
 * existing shared components and tokens; route, data and form contracts stay
 * in PHP. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route {
  --hrc-home-v4-container: min(90rem, calc(100% - (var(--hrc-space-6) * 2)));
  --hrc-home-v4-section-gap: clamp(var(--hrc-space-4), 2vw, var(--hrc-home-v3-space-7));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-main {
  gap: var(--hrc-home-v4-section-gap);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-main > :is(.tcv-container, .tcv-hero) {
  width: var(--hrc-home-v4-container);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-section-kicker {
  display: block;
  margin-bottom: var(--hrc-space-1);
  color: var(--hrc-home-v3-primary) !important;
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-semibold);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero.hrc-hero {
  padding: clamp(var(--hrc-space-6), 3vw, calc(var(--hrc-space-8) + var(--hrc-space-1))) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero h1 {
  margin-top: var(--hrc-space-2);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions a:last-child {
  color: var(--tcv-muted) !important;
  border-color: transparent !important;
  background: transparent !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions a:last-child:is(:hover, :focus-visible) {
  color: var(--hrc-home-v3-primary) !important;
  background: var(--hrc-home-v3-soft) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs.hrc-home-featured-jobs {
  padding: clamp(var(--hrc-space-5), 2.5vw, var(--hrc-home-v3-space-7));
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-section-radius) !important;
  background: var(--hrc-home-v3-surface) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-filter-row {
  margin-bottom: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-feed-tabs {
  margin-bottom: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card {
  gap: var(--hrc-space-2);
  padding: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card h3 {
  font-size: var(--hrc-text-lg);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta {
  gap: var(--hrc-space-2);
  margin-top: var(--hrc-space-2);
  padding-block: var(--hrc-space-2);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-quick-apply {
  display: grid;
  grid-template-columns: minmax(14rem, .45fr) minmax(0, 1.55fr);
  gap: var(--hrc-space-5);
  align-items: center;
  margin-top: var(--hrc-space-6);
  padding-top: var(--hrc-space-6);
  border-top: var(--hrc-border-width) solid var(--hrc-home-v3-line);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-quick-apply-copy span {
  color: var(--hrc-home-v3-primary);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-semibold);
  text-transform: uppercase;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-quick-apply-copy h2 {
  margin-block: var(--hrc-space-1);
  font-size: var(--hrc-text-2xl);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-quick-apply-copy p {
  margin: 0;
  color: var(--tcv-muted);
  line-height: var(--hrc-leading-normal);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .hrc-home-quick-apply .tcv-quick-apply {
  margin: 0;
  padding: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-progressive-toggle {
  min-height: var(--hrc-control-height-lg);
  display: none;
  width: 100%;
  margin-top: var(--hrc-space-3);
  color: var(--hrc-home-v3-primary);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line-strong);
  border-radius: var(--hrc-radius-control);
  background: var(--hrc-home-v3-soft);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust {
  padding: clamp(var(--hrc-space-5), 2.5vw, var(--hrc-home-v3-space-7));
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-section-radius);
  background: var(--hrc-home-v3-surface-raised);
  box-shadow: var(--hrc-shadow-xs);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr);
  gap: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi-card {
  min-height: 8.5rem;
  padding: var(--hrc-space-4);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card {
  padding: var(--hrc-space-5);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-card-radius);
  background: var(--hrc-home-v3-soft);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card > span {
  color: var(--tcv-muted);
  font-size: var(--hrc-text-xs);
  font-weight: var(--hrc-weight-semibold);
  text-transform: uppercase;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card h3 {
  margin-block: var(--hrc-space-2) var(--hrc-space-3);
  font-size: var(--hrc-text-xl);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--hrc-space-2);
  margin: 0;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card dl > div {
  padding: var(--hrc-space-2);
  border-radius: var(--hrc-radius-md);
  background: var(--hrc-home-v3-surface-raised);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card :is(dt, dd) {
  margin: 0;
  overflow-wrap: anywhere;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card dt {
  color: var(--tcv-muted);
  font-size: var(--hrc-text-xs);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card dd {
  margin-top: var(--hrc-space-1);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hrc-space-2);
  margin-top: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-actions a {
  min-height: var(--hrc-control-height);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--hrc-space-3);
  color: var(--hrc-home-v3-primary);
  border-radius: var(--hrc-radius-control);
  background: var(--hrc-home-v3-surface-raised);
  font-size: var(--hrc-text-sm);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(.hrc-home-trust-more, .hrc-home-employer-path) {
  margin-top: var(--hrc-space-4);
  border-top: var(--hrc-border-width) solid var(--hrc-home-v3-line);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(.hrc-home-trust-more, .hrc-home-employer-path) > summary {
  min-height: var(--hrc-control-height-lg);
  display: flex;
  align-items: center;
  color: var(--hrc-home-v3-primary);
  font-weight: var(--hrc-weight-semibold);
  cursor: pointer;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust-more-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--hrc-space-4);
  padding-top: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-companies,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-career,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-guides {
  padding: clamp(var(--hrc-space-5), 2.5vw, var(--hrc-home-v3-space-7));
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-home-v3-section-radius);
  background: var(--hrc-home-v3-surface-raised);
  box-shadow: var(--hrc-shadow-xs);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-employer-path > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--hrc-space-2);
  padding-bottom: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-employer-path p {
  flex: 1 1 24rem;
  margin: 0;
  color: var(--tcv-muted);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-employer-path a {
  min-height: var(--hrc-control-height);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--hrc-space-3);
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line);
  border-radius: var(--hrc-radius-control);
  background: var(--hrc-home-v3-soft);
  font-size: var(--hrc-text-sm);
  font-weight: var(--hrc-weight-semibold);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-career .tcv-career-coach {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-guides .ai-community-feed {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-guides .ai-post-card:nth-child(n + 4) {
  display: none;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-guides .ai-post-card {
  padding: var(--hrc-space-4);
}

@media (max-width: 1100px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-quick-apply,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route {
    --hrc-home-v4-container: calc(100% - (var(--hrc-space-3) * 2));
    --hrc-home-v4-section-gap: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-main {
    padding-block: var(--hrc-space-3) var(--hrc-home-v3-space-7);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero.hrc-hero,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs.hrc-home-featured-jobs,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(.hrc-home-trust, .hrc-home-companies, .hrc-home-career, .hrc-home-guides) {
    padding: var(--hrc-space-4) !important;
    border-radius: var(--hrc-radius-lg) !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-inner {
    width: 100%;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero h1 {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-lead {
    margin-bottom: var(--hrc-space-3);
    font-size: var(--hrc-text-lg);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .hc2050-hero-actions {
    margin-bottom: var(--hrc-space-3);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search {
    margin-bottom: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links a:nth-child(n + 5) {
    display: none;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-career .tcv-career-coach,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-guides .ai-community-feed,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust-more-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-progressive-list:not(.is-expanded) > :nth-child(n + 4) {
    display: none !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-progressive-list.is-expanded > * {
    display: grid;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-guides .hrc-home-progressive-list.is-expanded > .ai-post-card {
    display: block;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-progressive-toggle {
    display: block;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-quick-apply {
    gap: var(--hrc-space-3);
    margin-top: var(--hrc-space-4);
    padding-top: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-quick-apply-copy p {
    font-size: var(--hrc-text-sm);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi-card {
    min-height: 6.75rem;
    padding: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi-card :is(span, small) {
    font-size: .6875rem;
    line-height: 1.25;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi-card strong {
    font-size: var(--hrc-text-lg);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card {
    padding: var(--hrc-space-4);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-card dl {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-actions a,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-employer-path a {
    flex: 1 1 100%;
    justify-content: center;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-section-head h2 {
    font-size: var(--hrc-text-2xl);
  }
}

@media (max-width: 390px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi-card {
    min-height: 4.75rem;
  }
}

@media (max-width: 640px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot,
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot.has-media-action {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--hrc-space-1);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot > a {
    min-width: 0 !important;
    flex: 1 1 0;
    padding-inline: var(--hrc-space-1);
    font-size: var(--hrc-text-xs);
    line-height: var(--hrc-leading-tight);
    overflow-wrap: anywhere;
    text-align: center;
    white-space: normal;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot.has-media-action .ai-job-quick-apply {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot.has-media-action > a:first-child {
    grid-column: 1;
    grid-row: 2;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot.has-media-action > a:nth-child(3):last-child {
    grid-column: 2;
    grid-row: 2;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach {
    padding-bottom: 0;
    scrollbar-width: none;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach::-webkit-scrollbar {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
    .ai-job-card,
    .hrc-home-feature-card,
    .hrc-home-profile-cover,
    a,
    button
  ) {
    scroll-behavior: auto;
    transition: none !important;
    transform: none !important;
  }
}

/* Homepage card geometry authority v16.
 * Keep the shared card system compact with real Production copy: two job
 * cards on the same row retain aligned action footers, while stacked cards
 * use their intrinsic height instead of inheriting whitespace from a taller
 * sibling. Job and company actions use balanced tracks, and narrow screens
 * keep readable label/value rows. Business content and actions remain unchanged. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid[data-job-count="2"] {
  grid-auto-rows: auto;
  align-items: stretch;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-features-grid {
  grid-auto-rows: auto;
  align-items: stretch;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) and (max-width: 900px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-feature-card:last-child:nth-child(odd) {
    min-height: calc(var(--hrc-control-height-lg) * 4);
  }
}

/* Compact phones keep one readable fact per row. Remove the historical fixed
 * row height so short values do not create large empty bands, while long
 * company/location copy can still wrap without clipping. */
@media (max-width: 520px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-card {
    gap: var(--hrc-space-1);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-top {
    gap: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-top > div:nth-child(2) {
    min-height: 0;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--hrc-space-1);
    padding-block: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta span {
    min-height: 0 !important;
    display: grid;
    grid-template-columns: minmax(4.25rem, auto) minmax(0, 1fr);
    align-items: start;
    gap: var(--hrc-space-2);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-meta b {
    margin-top: 0;
  }
}

/* Homepage card composition authority v17.
 * Keep generated combobox controls visually neutral inside information cards,
 * and keep every recruitment-video label in the content column beside its
 * thumbnail. This fixes the legacy grid auto-placement that pushed the source
 * label below the thumbnail and made the card look broken. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc .hrc-searchable-select__control {
  color: var(--tcv-ink) !important;
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line-strong) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: none !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-calc .hrc-searchable-select__control:is(:hover, :focus-visible, [aria-expanded="true"]) {
  border-color: var(--hrc-home-v3-primary) !important;
  background: var(--hrc-home-v3-soft) !important;
  box-shadow: 0 0 0 var(--hrc-focus-width) var(--hrc-home-v3-focus) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel a {
  min-height: 0;
  grid-template-columns: var(--hrc-control-height-lg) minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: start;
  column-gap: var(--hrc-space-3);
  row-gap: var(--hrc-space-1);
  padding-block: var(--hrc-space-3);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel a > span {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: var(--hrc-control-height-lg);
  height: calc(var(--hrc-control-height-lg) * .75);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel a > b,
body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel a > small {
  min-width: 0;
  grid-column: 2;
  margin: 0;
  overflow-wrap: anywhere;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel a > b {
  grid-row: 1;
  line-height: var(--hrc-home-v3-leading-snug);
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-video-panel a > small {
  grid-row: 2;
  line-height: var(--hrc-leading-normal);
}

/* Homepage card shell authority v20.
 * A single semantic shell keeps KPI, journey, job, guide and company cards
 * visually related without changing their content, links or data flow. */
body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
  .hrc-home-kpi-card,
  .hrc-home-feature-card,
  #jobs .ai-job-card,
  .ai-community-feed.tcv-post-feed .ai-post-card,
  .tcv-salary-evidence > div,
  .tcv-career-coach > a,
  .tcv-brand-grid > a
) {
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
  border: var(--hrc-border-width) solid var(--hrc-home-v3-line) !important;
  border-radius: var(--hrc-home-v3-card-radius) !important;
  background: var(--hrc-home-v3-surface-raised) !important;
  box-shadow: var(--hrc-shadow-xs) !important;
  overflow: hidden;
  isolation: isolate;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
  .hrc-home-kpi-card,
  .hrc-home-feature-card,
  #jobs .ai-job-card,
  .ai-community-feed.tcv-post-feed .ai-post-card,
  .tcv-salary-evidence > div,
  .tcv-career-coach > a,
  .tcv-brand-grid > a
) > * {
  min-inline-size: 0;
  max-inline-size: 100%;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
  .hrc-home-feature-card,
  #jobs .ai-job-card,
  .ai-community-feed.tcv-post-feed .ai-post-card,
  .tcv-career-coach > a,
  .tcv-brand-grid > a
):is(:hover, :focus-visible, :focus-within) {
  border-color: var(--hrc-home-v3-line-strong) !important;
  box-shadow: var(--hrc-shadow-md) !important;
}

body.qm-public-home.hrconnect-recruitment-os.is-home-route :is(
  .hrc-home-kpi,
  .hrc-home-features-grid,
  #jobs .tcv-job-grid,
  .ai-community-feed.tcv-post-feed
) > * {
  min-inline-size: 0;
}

@media (max-width: 640px) {
  /* Career recommendation cards are content, not a hidden carousel. Keeping
   * one card per row prevents the next card being clipped at the viewport
   * edge and keeps every title/action reachable without horizontal gestures. */
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    grid-auto-columns: auto;
    padding-bottom: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach > a {
    width: 100%;
    min-height: 0;
    scroll-snap-align: none;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .ai-job-foot > a {
    min-height: var(--hrc-control-height) !important;
  }
}

/* Homepage compact card rhythm authority v27.
 * The job section historically wrapped each compact card in a second bordered
 * surface. Flatten that outer presentation shell through tablet portrait,
 * including the exact 768px breakpoint, so
 * job cards align with KPI, journey and guide cards and retain the available
 * viewport width. Extra-small phones stack KPI cards to keep labels and values
 * comfortably readable instead of squeezing them into half-width tiles. */
@media (max-width: 900px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs.tcv-job-section {
    padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid {
    gap: var(--hrc-space-3);
  }
}

@media (max-width: 360px) {
  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card:first-of-type {
    grid-column: auto;
  }
}

/* Homepage full-screen responsive authority v28. The navigation stays
 * desktop-horizontal from 1024px, jobs taxonomy uses four stable columns,
 * and compact layouts wrap/stack instead of introducing horizontal rails. */
body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-inner {
  width: min(100%, 86rem);
}

body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links {
  width: min(100%, max-content);
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 1024px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os .tcv-nav[data-public-navigation] .tcv-mega-wide {
    left: clamp(16px, 3vw, 48px);
    right: clamp(16px, 3vw, 48px);
    width: auto;
    max-width: 1680px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.3vw, 20px);
    padding: clamp(14px, 1.5vw, 24px);
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os .tcv-nav[data-public-navigation] .tcv-mega-wide > .tcv-mega-group {
    padding: clamp(10px, 1vw, 16px);
    border: 0;
    background: var(--tcv-soft);
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os .tcv-nav[data-public-navigation] .tcv-mega {
    top: 124px;
    max-height: calc(100dvh - 140px);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os .tcv-nav[data-public-navigation] .tcv-mega-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links,
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row, .tcv-feed-tabs) {
    width: 100%;
    flex-wrap: wrap;
    overflow: visible;
    scroll-snap-type: none;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-hero-quick-links a,
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row a, .tcv-feed-tabs button) {
    flex: 1 1 auto;
    min-width: min(100%, 8rem);
    scroll-snap-align: none;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi,
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-brand-grid,
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-career-coach {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
    grid-auto-columns: auto;
    overflow: visible;
    scroll-snap-type: none;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-kpi-card:first-of-type {
    grid-column: auto;
  }
}

@media (max-width: 520px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-hero .tcv-search > * {
    grid-column: 1 / -1;
    width: 100%;
  }
}

/* v4 cascade guard: final composition rules after historical card geometry. */
body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid[data-job-count="1"] {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 1100px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-job-grid,
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-guides .ai-community-feed {
    grid-template-columns: minmax(0, 1fr);
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi-card:first-of-type {
    grid-column: auto;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-progressive-list:not(.is-expanded) > :nth-child(n + 4) {
    display: none !important;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-progressive-toggle {
    display: block;
  }
}

@media (max-width: 390px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-kpi {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Compact public navigation includes portrait tablets, not only phones. */
@media (max-width: 1023px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row, .tcv-feed-tabs) {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row, .tcv-feed-tabs)::-webkit-scrollbar {
    display: none;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs :is(.tcv-filter-row a, .tcv-feed-tabs button) {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    padding-inline: var(--hrc-space-3);
  }
}

/* Own both the tablet grid and its direct item spans. Legacy recruitment
   rules use twelve-column spans, which otherwise create implicit tracks in
   the two-column tablet form and squeeze validation/consent into a sliver. */
@media (min-width: 768px) and (max-width: 1023px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply > label {
    grid-column: auto;
    min-width: 0;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .tcv-quick-apply > :is(
    [data-quick-apply-live],
    label[for="quick-apply-job-id"],
    .tcv-consent-field,
    button[type="submit"]
  ) {
    grid-column: 1 / -1;
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route #jobs .hrc-home-progressive-list:not(.is-expanded) > :nth-child(n + 3),
  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-career .hrc-home-progressive-list:not(.is-expanded) > :nth-child(n + 3) {
    display: none !important;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-trust .hrc-home-legal-card dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-actions a {
    min-width: 0;
    justify-content: center;
    text-align: center;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .hrc-home-legal-actions a:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies .tcv-pro-layout {
    grid-auto-rows: auto;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-pro-company.is-two-companies :is(.tcv-brand-grid, .tcv-brand-grid > a) {
    height: auto;
    min-height: 0;
  }

  body.qm-public.qm-public-home.hrconnect-recruitment-os.is-home-route .tcv-salary-evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}