@import url('/global-nav.css?v=20260719-header4');

:root{
  --hc-page:#f5f7f8;
  --hc-page-top:#ffffff;
  --hc-surface:#ffffff;
  --hc-surface-soft:#f8fafb;
  --hc-surface-raised:#ffffff;
  --hc-text:#111827;
  --hc-text-soft:#344054;
  --hc-muted:#475467;
  --hc-line:#dfe4e8;
  --hc-line-strong:#cfd6dd;
  --hc-primary:#111827;
  --hc-primary-text:#ffffff;
  --hc-shadow:0 20px 60px rgba(16,24,40,.10);
  --hc-overlay:rgba(16,24,40,.48);
}

html[data-hc-theme="dark"]{
  --hc-page:#0d1015;
  --hc-page-top:#151a21;
  --hc-surface:#171c23;
  --hc-surface-soft:#11161c;
  --hc-surface-raised:#1d232c;
  --hc-text:#f4f6f8;
  --hc-text-soft:#d5dae1;
  --hc-muted:#b3bbc6;
  --hc-line:#303844;
  --hc-line-strong:#46505e;
  --hc-primary:#f4f6f8;
  --hc-primary-text:#101318;
  --hc-shadow:0 22px 70px rgba(0,0,0,.36);
  --hc-overlay:rgba(0,0,0,.66);
}

[hidden]{display:none!important}
*{box-sizing:border-box}
html{background:var(--hc-page);color-scheme:light}
html[data-hc-theme="dark"]{color-scheme:dark}
/* Rendering must never depend on JavaScript or preference initialization. */
html:not([data-hc-preferences-ready="true"]) body,html:not([data-hc-preferences-ready="true"]) body *{animation:none!important;transition:none!important}
html[data-hc-theme] body{background:linear-gradient(180deg,var(--hc-page-top),var(--hc-page))!important;color:var(--hc-text)!important}
html[data-hc-theme] body.hc-color-utility{background:var(--page-color)!important;color:var(--utility-ink)!important}
html[data-hc-theme] body :is(h1,h2,h3,h4,h5,h6){color:var(--hc-text)}
html[data-hc-theme] body.hc-color-utility .home-intro :is(h1,.eyebrow,p){color:var(--utility-ink)!important}
html[data-hc-theme] body.hc-color-utility .home-intro p{color:var(--utility-ink-muted)!important}
html[data-hc-theme] body :is(.muted,.eyebrow,.lede,.status,.field-note,.section-note,.privacy-note,.intro>p,.hero>p,.section-heading p,.settings-heading>p,.account-copy>p,.workspace-hero>p){color:var(--hc-muted)}
html[data-hc-theme] body :is(input:not([type="color"]),select,textarea){border-color:var(--hc-line)!important;background:var(--hc-surface-soft)!important;color:var(--hc-text)!important}
html[data-hc-theme] body :is(input,textarea)::placeholder{color:var(--hc-muted)!important}
html[data-hc-theme] body :is(.secondary,.secondary-button){border-color:var(--hc-line)!important;background:var(--hc-surface)!important;color:var(--hc-text)!important}
html[data-hc-theme] body :is(.primary,.primary-button){border-color:var(--hc-primary)!important;background:var(--hc-primary)!important;color:var(--hc-primary-text)!important}

body.hc-color-utility :is(.hc-nav-link,.hc-more-button,.hc-menu-button,.hc-context-bar,.hc-global-footer a,#colorTitle){color:var(--utility-ink)!important}
body.hc-color-utility :is(.hc-command-button,.hc-mobile-command,.hc-color-button,.hc-user-menu-button){color:var(--utility-ink)!important;border-color:color-mix(in srgb,var(--utility-ink) 30%,transparent)!important}
body.hc-color-utility .hc-global-footer{color:var(--utility-ink)!important}

/* Header actions must remain legible even when a tool applies text-fill overrides. */
:is(.hc-global-nav,.hc-mobile-menu) .hc-global-signin{
  border-color:var(--hc-primary)!important;
  background:var(--hc-primary)!important;
  color:var(--hc-primary-text)!important;
  -webkit-text-fill-color:var(--hc-primary-text)!important;
  opacity:1!important;
  text-shadow:none!important;
}
:is(.hc-global-nav,.hc-mobile-menu) .hc-global-signin:hover{
  filter:brightness(.94);
  color:var(--hc-primary-text)!important;
  -webkit-text-fill-color:var(--hc-primary-text)!important;
}

html:not([data-hc-entitlement="pro"]) :is(.hc-global-nav,.hc-mobile-menu) .hc-nav-link[href="/collections/"]{
  gap:7px;
}
html:not([data-hc-entitlement="pro"]) :is(.hc-global-nav,.hc-mobile-menu) .hc-nav-link[href="/collections/"]::after{
  content:'PRO';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 6px;
  border-radius:5px;
  background:var(--hc-primary)!important;
  color:var(--hc-primary-text)!important;
  -webkit-text-fill-color:var(--hc-primary-text)!important;
  font:800 .56rem/1 Inter,sans-serif!important;
  letter-spacing:.05em;
  white-space:nowrap;
  opacity:1!important;
  text-shadow:none!important;
}
:is(.hc-global-nav,.hc-mobile-menu) .hc-pro-badge,
:is(.hc-global-nav,.hc-mobile-menu) .hc-pro-mini-badge{
  padding:3px 6px!important;
  background:var(--hc-primary)!important;
  color:var(--hc-primary-text)!important;
  -webkit-text-fill-color:var(--hc-primary-text)!important;
  font:800 .56rem/1 Inter,sans-serif!important;
  letter-spacing:.05em!important;
  opacity:1!important;
  text-shadow:none!important;
}

html[data-hc-theme="dark"] body :is(
  .picker-card,.color-panel,.info-card,.match-card,.relationship-block,.result,.format-grid button,
  .settings-section,.settings-sidebar,.session-actions,.data-action,.danger-zone,.choice-fieldset,.toggle-list label,
  .account-card,.account-panel,.account-shell section,.auth-card,.workspace-card,.dashboard-card,.dashboard-section,.tool-card,.guide-card,
  .search-card,.scanner-card,.controls-card,.saved-card,.history-card,.toolbar-card,.plan,.pro-includes,
  .access-card,.export-card,.control-panel,.results-section,.correction-section,.contrast-workspace-section,
  .comparison-column,.code-section,.saved-section,.stops-section,.controls,.card,.panel,.polished-panel,
  .dialog-shell,.dialog-section,.code-block,.tools-dialog form,.delete-dialog form,.admin-panel,.admin-shell section
){border-color:var(--hc-line)!important;background:var(--hc-surface)!important;color:var(--hc-text)!important;box-shadow:none}
html[data-hc-theme="dark"] body :is(.result,.relationship-block,.sample-size,.match-card,.info-card,.session-actions,.data-action,.choice-fieldset,.toggle-list label,.comparison-column,.collection-card,.resume-card){background:var(--hc-surface-soft)!important}
html[data-hc-theme="dark"] body :is(.picker-card,.color-panel,.settings-section,.account-card,.auth-card,.workspace-card,.plan,.dialog-shell,.control-panel,.controls,.dashboard-section){box-shadow:var(--hc-shadow)!important}
html[data-hc-theme="dark"] body.hc-color-utility .color-panel :is(h1,h2,h3,h4,h5,h6,strong,label,.info-value,.copy-value,.hash,.hex-input){color:var(--hc-text)!important}
html[data-hc-theme="dark"] body.hc-color-utility .color-panel :is(.url-hint,.section-note,.info-label){color:var(--hc-muted)!important}
html[data-hc-theme="dark"] body :is(.code-block,.match-card code,.info-card code,.settings-status){color:var(--hc-text-soft)}
html[data-hc-theme="dark"] body :is(hr,.section-heading,.settings-section,.account-card){border-color:var(--hc-line)}
html[data-hc-theme="dark"] body :is(.section-link,.settings-sidebar a,footer a){color:var(--hc-text-soft)}
html[data-hc-theme="dark"] body :is(.settings-form>label>span,.field-grid label>span,.choice-fieldset legend,label>span,.info-label,#descriptors,.control-grid>label,.toolbar label){color:var(--hc-muted)!important}
html[data-hc-theme="dark"] dialog::backdrop{background:var(--hc-overlay)}

html[data-hc-theme="dark"] .hc-global-nav{--hc-nav-bg:rgba(18,22,28,.96);--hc-nav-text:var(--hc-text);--hc-nav-muted:var(--hc-muted);--hc-nav-line:var(--hc-line);background:var(--hc-nav-bg)!important;border-color:var(--hc-nav-line)!important;color:var(--hc-nav-text)!important}
html[data-hc-theme="dark"] body.hc-home .hc-global-nav{background:var(--hc-nav-bg)!important}
html[data-hc-theme="dark"] :is(.hc-command-button,.hc-mobile-command,.hc-global-pro,.hc-color-button,.hc-command-icon,.hc-command-close){border-color:var(--hc-line)!important;background:var(--hc-surface-raised)!important;color:var(--hc-text-soft)!important}
html[data-hc-theme="dark"] :is(.hc-more-menu,.hc-color-menu,.hc-mobile-menu,.hc-command-dialog,.hc-global-footer){border-color:var(--hc-line)!important;background:var(--hc-surface)!important;color:var(--hc-text)!important}
html[data-hc-theme="dark"] :is(.hc-nav-link:hover,.hc-more-button:hover,.hc-menu-button:hover,.hc-color-button:hover,.hc-nav-link[aria-current="page"],.hc-color-menu a:hover,.hc-command-result:hover,.hc-command-result.selected){background:var(--hc-surface-raised)!important;color:var(--hc-text)!important}
html[data-hc-theme="dark"] .hc-context-bar{border-color:var(--hc-line);background:rgba(18,22,28,.82);color:var(--hc-muted)}
html[data-hc-theme="dark"] .hc-command-overlay{background:var(--hc-overlay)}
html[data-hc-theme="dark"] .hc-command-input-wrap{border-color:var(--hc-line)}
html[data-hc-theme="dark"] .hc-command-input-wrap input{background:transparent!important}
html[data-hc-theme="dark"] .hc-user-menu-button{border-color:var(--hc-line)!important;background:var(--hc-surface-raised)!important;color:var(--hc-text-soft)!important;box-shadow:none}
html[data-hc-theme="dark"] .hc-user-menu-button:hover,html[data-hc-theme="dark"] .hc-user-menu[data-open="true"] .hc-user-menu-button{border-color:var(--hc-line-strong)!important;background:var(--hc-surface)!important}
html[data-hc-theme="dark"] .hc-user-menu-panel{border-color:var(--hc-line)!important;background:var(--hc-surface)!important;color:var(--hc-text)!important;box-shadow:var(--hc-shadow)!important}
html[data-hc-theme="dark"] .hc-user-menu-identity{border-color:var(--hc-line)!important;background:var(--hc-surface-soft)!important}
html[data-hc-theme="dark"] .hc-user-menu-email,html[data-hc-theme="dark"] .hc-user-chevron{color:var(--hc-muted)!important}
html[data-hc-theme="dark"] .hc-user-menu-plan{background:var(--hc-surface-raised)!important;color:var(--hc-text-soft)!important}
html[data-hc-theme="dark"] .hc-user-menu-links a,html[data-hc-theme="dark"] .hc-user-signout{color:var(--hc-text-soft)!important}
html[data-hc-theme="dark"] .hc-user-menu-links a:hover{background:var(--hc-surface-raised)!important;color:var(--hc-text)!important}
html[data-hc-theme="dark"] .hc-user-signout{border-color:var(--hc-line)!important;color:#fda29b!important}
html[data-hc-theme="dark"] .hc-access-dialog{border-color:var(--hc-line)!important;background:var(--hc-surface)!important;color:var(--hc-text)!important}
html[data-hc-theme="dark"] .hc-access-close,html[data-hc-theme="dark"] .hc-access-feature,html[data-hc-theme="dark"] .hc-access-secondary{border-color:var(--hc-line)!important;background:var(--hc-surface-raised)!important;color:var(--hc-text-soft)!important}
html[data-hc-theme="dark"] .hc-access-dialog h2{color:var(--hc-text)!important}
html[data-hc-theme="dark"] .hc-access-copy,html[data-hc-theme="dark"] .hc-access-eyebrow{color:var(--hc-muted)!important}

.about-card>span,.admin-settings-link{color:#116a21!important}
.rail-filter:not(.active){color:#475467!important}
.brand-stage-button.active>span,#brandStageTabIdentity>span{background:#116a21!important;color:#fff!important}
.resume-preview.solid{color:#000!important}
.pro-panel>.eyebrow{color:#c8d0db!important}
#overallLabel{color:#783d00!important}
html[data-hc-theme="dark"] #overallLabel{color:#ffbd66!important}
html[data-hc-theme="dark"] :is(#aaNormalResult,#aaaNormalResult,#aaLargeResult,#aaaLargeResult).pass{color:#55d98d!important}
html[data-hc-theme="dark"] :is(#aaNormalResult,#aaaNormalResult,#aaLargeResult,#aaaLargeResult).fail{color:#ff8178!important}

html[data-hc-density="compact"] body :is(.picker-card,.settings-section,.account-card,.workspace-card,.color-panel,.plan){padding-top:clamp(12px,2vw,20px)!important;padding-bottom:clamp(12px,2vw,20px)!important}
html[data-hc-motion="reduce"] *,html[data-hc-motion="reduce"] *::before,html[data-hc-motion="reduce"] *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.hc-compact-intro{min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:clamp(24px,4vw,42px)!important;padding-bottom:clamp(16px,2.5vw,28px)!important;text-align:left!important}
.hc-compact-intro h1{max-width:900px!important;margin-top:6px!important;margin-bottom:10px!important;font-size:clamp(2rem,5vw,3.6rem)!important;line-height:.98!important;letter-spacing:-.055em!important}
.hc-compact-intro>p:not(.eyebrow),.hc-compact-intro .lede{max-width:760px!important;margin-top:0!important;margin-bottom:0!important;font-size:clamp(.92rem,1.5vw,1.05rem)!important;line-height:1.55!important}
.hc-compact-intro+.workspace,.hc-compact-intro+.picker-card,.hc-compact-intro+.toolbar-card,.hc-compact-intro+.color-panel,.hc-compact-intro+section{margin-top:0!important}
@media(max-width:820px){.hc-compact-intro{padding-top:24px!important}.hc-compact-intro h1{font-size:clamp(1.9rem,9vw,3rem)!important}}
@media(max-width:620px){.hc-global-pro{display:inline-flex!important}}
@media(max-width:480px){.hc-global-nav{min-height:58px!important}}

/* Final page-title cap. This intentionally outranks every tool-specific hero rule. */
html body main h1:first-of-type{
  max-width:820px!important;
  font-size:clamp(2rem,2.7vw,3rem)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
@media(max-width:900px){
  html body main h1:first-of-type{font-size:clamp(1.9rem,5vw,2.5rem)!important}
}
@media(max-width:700px){
  html body main h1:first-of-type{
    font-size:clamp(1.75rem,7.5vw,2.1rem)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
}
