/* v0.3.87 [hireua_candidates]: static row of 3, scroller (4 visible of 8), featured mini resume (dark). Approved 2026-10-18. */
.hu-cand, .hu-cand *, .hu-feat, .hu-feat * { box-sizing: border-box; }
.hu-cand, .hu-feat { padding: 96px 24px; }
.hu-cand { background: var(--hu-surface, #F6F8FC); border-top: 1px solid var(--hu-line, #DDE2EC); border-bottom: 1px solid var(--hu-line, #DDE2EC); }
:is(.hu-cand, .hu-feat) .hu-cand-wrap, :is(.hu-cand, .hu-feat) .hu-feat-wrap { max-width: 1120px; margin: 0 auto; }
:is(.hu-cand, .hu-feat) .hu-cand-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
:is(.hu-cand, .hu-feat) .hu-cand-eyebrow { margin: 0; color: var(--hu-blue, #155EEF); font-size: 10px; font-weight: 850; letter-spacing: .15em; line-height: 1.4; text-transform: uppercase; }
:is(.hu-cand, .hu-feat) .hu-cand-title { margin: 8px 0 0; color: var(--hu-ink, #0C1730); font-size: clamp(36px, 4.7vw, 62px); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; text-wrap: balance; max-width: 760px; }
:is(.hu-cand, .hu-feat) .hu-cand-track { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.hu-cand.hu-cand--scroll .hu-cand-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 2px 2px 6px; margin: -2px -2px -6px; }
.hu-cand.hu-cand--scroll .hu-cand-track::-webkit-scrollbar { display: none; }
.hu-cand.hu-cand--scroll .hu-cand-card { flex: 0 0 calc((100% - 60px) / 4); scroll-snap-align: start; }
:is(.hu-cand, .hu-feat) .hu-cand-card { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 22px 22px 20px; background: var(--hu-white, #fff); border: 1px solid var(--hu-line, #DDE2EC); border-radius: 5px; box-shadow: 0 1px 2px rgba(var(--hu-navy-rgb, 7, 21, 42), .04), 0 10px 26px -18px rgba(var(--hu-navy-rgb, 7, 21, 42), .28); }
:is(.hu-cand, .hu-feat) .hu-cand-country { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; color: var(--hu-muted, #66718A); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; line-height: 1; }
:is(.hu-cand, .hu-feat) .hu-cand-flag { width: 21px; height: 14px; flex: none; border-radius: 2px; box-shadow: 0 0 0 1px rgba(7, 21, 42, .12); }
:is(.hu-cand, .hu-feat) .hu-cand-id { display: flex; align-items: center; gap: 12px; }
:is(.hu-cand, .hu-feat) .hu-cand-avatar { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: #fff; background: var(--hu-navy, #07152A); }
:is(.hu-cand, .hu-feat) .hu-cand-avatar--1 { background: var(--hu-blue, #155EEF); }
:is(.hu-cand, .hu-feat) .hu-cand-avatar--2 { background: var(--hu-surface-2, #E9EEF6); color: var(--hu-navy, #07152A); }
:is(.hu-cand, .hu-feat) .hu-cand-avatar--3 { background: var(--hu-navy-2, #0A2141); color: var(--hu-yellow, #FFF04A); }
:is(.hu-cand, .hu-feat) .hu-cand-name { margin: 0; color: var(--hu-ink, #0C1730); font-size: 20px; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }
:is(.hu-cand, .hu-feat) .hu-cand-role { margin: 3px 0 0; color: #344159; font-size: 14px; font-weight: 600; line-height: 1.3; }
:is(.hu-cand, .hu-feat) .hu-cand-exp { margin: 14px 0 0; color: var(--hu-muted, #66718A); font-size: 14px; line-height: 1.4; }
:is(.hu-cand, .hu-feat) .hu-cand-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 20px; padding: 0; }
:is(.hu-cand, .hu-feat) .hu-cand-tags li { margin: 0; padding: 6px 9px; border-radius: 4px; background: var(--hu-surface-2, #E9EEF6); color: var(--hu-navy, #07152A); font-size: 12px; font-weight: 700; line-height: 1.2; }
:is(.hu-cand, .hu-feat) .hu-cand-pay { margin: auto 0 0; padding-top: 18px; border-top: 1px solid var(--hu-line, #DDE2EC); display: flex; align-items: baseline; gap: 4px; }
:is(.hu-cand, .hu-feat) .hu-cand-pay strong { color: var(--hu-blue, #155EEF); font-size: 26px; font-weight: 850; letter-spacing: -.03em; line-height: 1; }
:is(.hu-cand, .hu-feat) .hu-cand-pay span { color: var(--hu-muted, #66718A); font-size: 13px; font-weight: 600; }
:is(.hu-cand, .hu-feat) .hu-cand-arrows { display: flex; gap: 10px; flex: none; }
:is(.hu-cand, .hu-feat) .hu-cand-arrow { width: 48px; height: 48px; display: grid; place-items: center; padding: 0; cursor: pointer; border: 1px solid var(--hu-line, #DDE2EC); border-radius: 5px; background: var(--hu-white, #fff); color: var(--hu-navy, #07152A); transition: background-color .16s ease, border-color .16s ease; }
:is(.hu-cand, .hu-feat) .hu-cand-arrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
:is(.hu-cand, .hu-feat) .hu-cand-arrow:is(:hover, :focus-visible) { background: var(--hu-white-hover, #E9EEF6); }
:is(.hu-cand, .hu-feat) .hu-cand-arrow:disabled { opacity: .4; cursor: default; }
:is(.hu-cand, .hu-feat) .hu-cand-cta { display: flex; justify-content: center; margin-top: 40px; }
:is(.hu-cand, .hu-feat) .hu-cand-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 26px; border: 1px solid var(--hu-yellow-edge, #E5D928); border-radius: 5px; background: var(--hu-yellow, #FFF04A); color: var(--hu-navy, #07152A); font-size: 14px; font-weight: 850; line-height: 1.2; text-decoration: none; transition: background-color .16s ease, border-color .16s ease; }
:is(.hu-cand, .hu-feat) .hu-cand-btn::after { content: " →"; white-space: pre; }
:is(.hu-cand, .hu-feat) .hu-cand-btn:is(:hover, :focus-visible, :active) { background: var(--hu-yellow-hover, #E6D52F); border-color: var(--hu-yellow-hover, #E6D52F); color: var(--hu-navy, #07152A); }
/* featured candidate */
.hu-feat.hu-feat--light { background: var(--hu-surface, #F6F8FC); border-top: 1px solid var(--hu-line, #DDE2EC); border-bottom: 1px solid var(--hu-line, #DDE2EC); }
.hu-feat.hu-feat--dark { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 86% 10%, rgba(var(--hu-blue-rgb, 21, 94, 239), .32), transparent 31%), linear-gradient(130deg, var(--hu-navy, #07152A), var(--hu-navy-mid, #081A34) 70%, var(--hu-navy-glow, #143E89)); }
.hu-feat.hu-feat--dark::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: radial-gradient(rgba(255, 255, 255, .11) 1.4px, transparent 1.6px); background-size: 16px 16px; -webkit-mask-image: radial-gradient(ellipse 70% 75% at 70% 45%, #000 30%, transparent 75%); mask-image: radial-gradient(ellipse 70% 75% at 70% 45%, #000 30%, transparent 75%); }
.hu-feat.hu-feat--dark .hu-cand-eyebrow { color: var(--hu-yellow, #FFF04A); }
.hu-feat.hu-feat--dark .hu-cand-title { color: #fff; }
:is(.hu-cand, .hu-feat) .hu-feat-head { margin-bottom: 36px; }
:is(.hu-cand, .hu-feat) .hu-feat-card { display: grid; grid-template-columns: 320px minmax(0, 1fr); background: var(--hu-white, #fff); border: 1px solid var(--hu-line, #DDE2EC); border-radius: 5px; overflow: hidden; box-shadow: 0 24px 60px -30px rgba(7, 21, 42, .45); }
:is(.hu-cand, .hu-feat) .hu-feat-profile { padding: 36px 30px; background: var(--hu-surface, #F6F8FC); border-right: 1px solid var(--hu-line, #DDE2EC); }
:is(.hu-cand, .hu-feat) .hu-feat-avatar { width: 88px; height: 88px; display: grid; place-items: center; border-radius: 50%; background: var(--hu-navy, #07152A); color: var(--hu-yellow, #FFF04A); font-size: 30px; font-weight: 850; letter-spacing: -.02em; margin-bottom: 18px; box-shadow: 0 0 0 6px #fff, 0 0 0 7px var(--hu-line, #DDE2EC); }
:is(.hu-cand, .hu-feat) .hu-feat-name { margin: 0; color: var(--hu-ink, #0C1730); font-size: 30px; font-weight: 850; letter-spacing: -.03em; line-height: 1.05; }
:is(.hu-cand, .hu-feat) .hu-feat-role { margin: 6px 0 14px; color: #344159; font-size: 16px; font-weight: 700; }
:is(.hu-cand, .hu-feat) .hu-feat-profile .hu-cand-country { margin-bottom: 22px; }
:is(.hu-cand, .hu-feat) .hu-feat-facts { margin: 0; display: grid; gap: 12px; }
:is(.hu-cand, .hu-feat) .hu-feat-facts div { display: grid; gap: 2px; }
:is(.hu-cand, .hu-feat) .hu-feat-facts dt { color: var(--hu-muted, #66718A); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
:is(.hu-cand, .hu-feat) .hu-feat-facts dd { margin: 0; color: var(--hu-ink, #0C1730); font-size: 15px; font-weight: 600; }
:is(.hu-cand, .hu-feat) .hu-feat-pay { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--hu-line, #DDE2EC); display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
:is(.hu-cand, .hu-feat) .hu-feat-pay strong { color: var(--hu-blue, #155EEF); font-size: 34px; font-weight: 850; letter-spacing: -.03em; line-height: 1; }
:is(.hu-cand, .hu-feat) .hu-feat-pay span { color: var(--hu-muted, #66718A); font-size: 13px; font-weight: 600; }
:is(.hu-cand, .hu-feat) .hu-feat-main { padding: 36px 40px; }
:is(.hu-cand, .hu-feat) .hu-feat-summary { margin: 0; color: #344159; font-size: 18px; line-height: 1.6; }
:is(.hu-cand, .hu-feat) .hu-feat-sub { margin: 30px 0 14px; color: var(--hu-blue, #155EEF); font-size: 11px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
:is(.hu-cand, .hu-feat) .hu-feat-jobs { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
:is(.hu-cand, .hu-feat) .hu-feat-job { margin: 0; padding-left: 18px; border-left: 2px solid var(--hu-line, #DDE2EC); }
:is(.hu-cand, .hu-feat) .hu-feat-job-head { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
:is(.hu-cand, .hu-feat) .hu-feat-job h4 { margin: 0; color: var(--hu-ink, #0C1730); font-size: 17px; font-weight: 800; letter-spacing: -.01em; }
:is(.hu-cand, .hu-feat) .hu-feat-job-head span { flex: none; color: var(--hu-muted, #66718A); font-size: 13px; font-weight: 600; }
:is(.hu-cand, .hu-feat) .hu-feat-job-co { margin: 2px 0 8px; color: var(--hu-muted, #66718A); font-size: 14px; font-weight: 600; }
:is(.hu-cand, .hu-feat) .hu-feat-job ul { margin: 0; padding-left: 18px; color: #344159; font-size: 15px; line-height: 1.55; }
:is(.hu-cand, .hu-feat) .hu-feat-job ul li { margin: 0 0 4px; }
:is(.hu-cand, .hu-feat) .hu-feat-chips { margin: 0; }
@media (max-width: 820px) {
.hu-cand, .hu-feat { padding: 64px 20px; }
:is(.hu-cand, .hu-feat) .hu-cand-head { margin-bottom: 26px; }
:is(.hu-cand, .hu-feat) .hu-cand-arrows { display: none; }
.hu-cand.hu-cand--static .hu-cand-track { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.hu-cand.hu-cand--scroll .hu-cand-track { gap: 14px; margin: 0 -20px; padding: 2px 20px 6px; scroll-padding: 0 20px; }
.hu-cand.hu-cand--scroll .hu-cand-card { flex: 0 0 78%; }
:is(.hu-cand, .hu-feat) .hu-cand-pay strong { font-size: 24px; }
:is(.hu-cand, .hu-feat) .hu-cand-btn { width: 100%; }
:is(.hu-cand, .hu-feat) .hu-feat-card { grid-template-columns: minmax(0, 1fr); }
:is(.hu-cand, .hu-feat) .hu-feat-profile { border-right: 0; border-bottom: 1px solid var(--hu-line, #DDE2EC); padding: 28px 22px; }
:is(.hu-cand, .hu-feat) .hu-feat-main { padding: 28px 22px; }
:is(.hu-cand, .hu-feat) .hu-feat-summary { font-size: 16px; }
:is(.hu-cand, .hu-feat) .hu-feat-job-head { flex-direction: column; gap: 2px; }
}

/* v2: photo avatars (fictional headshots, square source, circular crop) */
:is(.hu-cand, .hu-feat) .hu-cand-avatar--photo { width: 56px; height: 56px; padding: 0; overflow: hidden; background: var(--hu-surface-2, #E9EEF6); }
:is(.hu-cand, .hu-feat) .hu-cand-avatar { width: 56px; height: 56px; font-size: 18px; }
:is(.hu-cand, .hu-feat) .hu-cand-avatar--photo img, :is(.hu-cand, .hu-feat) .hu-feat-avatar--photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
:is(.hu-cand, .hu-feat) .hu-feat-avatar--photo { width: 112px; height: 112px; overflow: hidden; padding: 0; background: var(--hu-surface-2, #E9EEF6); }

/* privacy note: first candidate block on a page only */
:is(.hu-cand, .hu-feat) .hu-cand-note { margin: 32px auto 0; text-align: center; font-style: italic; font-size: 12.5px; line-height: 1.5; color: #7A8499; max-width: 620px; }
.hu-feat.hu-feat--dark .hu-cand-note { color: #A9B6CC; }
:is(.hu-cand, .hu-feat) .hu-cand-note .m { display: none; }
@media (max-width: 640px) {
	:is(.hu-cand, .hu-feat) .hu-cand-note { font-size: 11px; margin-top: 22px; }
	:is(.hu-cand, .hu-feat) .hu-cand-note .d { display: none; }
	:is(.hu-cand, .hu-feat) .hu-cand-note .m { display: inline; }
}
/* theme resets inside the blocks */
:is(.hu-cand, .hu-feat) :is(h2, h3, h4, p, ul, dl, dd) { margin-block-start: 0; }
:is(.hu-cand, .hu-feat) .hu-cand-track > li, :is(.hu-cand, .hu-feat) .hu-cand-tags > li, :is(.hu-cand, .hu-feat) .hu-feat-jobs > li { list-style: none; }
:is(.hu-cand, .hu-feat) .hu-feat-job ul > li { list-style: disc; }
.hu-feat-avatar--photo img, .hu-cand-avatar--photo img { max-width: none; }
:is(.hu-cand, .hu-feat) .hu-feat-avatar { width: 112px; height: 112px; font-size: 36px; }