/* Canonical public company profiles and the employer directory. */
/* Company detail pages retain their neutral heading; other public headings stay shared. */
:root .job-listing .company-profile-heading{padding:26px 0 28px;background:var(--canvas);background-image:none;color:var(--ink);border-bottom:1px solid var(--line)}
:root .job-listing .company-profile-heading h1{font-weight:750}
:root .job-listing .company-profile-heading h1::after{display:none}
:root .job-listing .company-profile-heading :is(.context-chain,.context-chain a,.browse-sub,.browse-sub a){color:var(--link);text-decoration-color:currentColor}
:root .job-listing .company-profile-heading .context-chain a:hover{color:var(--link-hover)}
@media(max-width:600px){:root .job-listing .company-profile-heading{padding-block:22px}}

:root .job-listing .company-identity{display:flex;align-items:center;gap:26px;min-width:0;margin:4px 0 26px;padding:0}
:root .job-listing .company-identity>.company-logo-box{display:grid;place-items:center;flex:none;width:156px;height:156px;max-width:156px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);gap:0}
:root .job-listing .company-logo-box>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;object-fit:contain}
:root .job-listing .company-identity>.company-logo-box.is-white-logo{background:#6b7280}
:root .job-listing .company-identity>div{display:grid;gap:10px;min-width:0}
:root .job-listing .company-identity h1{margin:0;color:var(--ink);font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
:root .job-listing .company-identity .company-identity-sector{margin:0;font-size:14px;font-weight:500;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.job-listing .company-profile-about{max-width:none;margin:0 0 30px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.job-listing .company-profile-about h2{margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.4;color:var(--ink)}
.job-listing .company-profile-about .company-profile-summary{max-width:90ch;margin:0;font-size:14px;line-height:1.85;color:var(--ink);overflow-wrap:anywhere}
.job-listing .company-profile-about .employer-details{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:9px 22px;margin:20px 0 0;font-size:13px;line-height:1.65;color:var(--ink)}
.company-profile-about .employer-details dt{margin:0;color:var(--muted);font-weight:550}.company-profile-about .employer-details dd{margin:0;min-width:0;overflow-wrap:anywhere}
.company-profile-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:18px}
.company-profile-links a.text-link{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:36px;font-size:13px;line-height:1.6;color:var(--link);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.company-profile-links a.text-link:hover{color:var(--link-hover)}.company-profile-links .icon{width:16px;height:16px;flex:none}
:root .job-listing .company-jobs-heading{display:block;margin:0 0 18px;padding:0;font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--ink)}
.company-directory .employer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.company-directory a.company-directory-card{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:20px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;transition:background-color .14s,border-color .14s,box-shadow .14s}
.company-directory-card .company-directory-identity{display:flex;align-items:center;gap:15px;min-width:0}
.company-directory-card .company-directory-identity>img{display:block;flex:none;width:64px;height:64px;object-fit:contain;background:transparent;border:0;box-shadow:none}
.company-directory-card .company-directory-copy{min-width:0}
.company-directory a.company-directory-card :is(h2,h3){margin:0;font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.015em;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.company-directory a.company-directory-card p{margin:6px 0 0;font-size:12px;font-weight:450;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.company-directory-card .company-directory-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding-top:14px;border-top:1px solid var(--line)}
.company-directory-card .company-directory-count{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin:0;min-width:0;color:var(--muted);font-size:12px;line-height:1.5}
.company-directory-card .company-directory-count>.link-count{font-size:22px;font-weight:750;color:var(--ink);line-height:1.3;font-variant-numeric:tabular-nums}
.company-directory-card .company-directory-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;margin:0;border-radius:8px;background:var(--tint);color:var(--link)}
.company-directory-card .company-directory-arrow>.icon{width:18px;height:18px}
.company-directory a.company-directory-card:is(:hover,:focus-visible){border-color:var(--accent-line);background:var(--paper);box-shadow:var(--shadow-md);text-decoration:none}
.company-directory a.company-directory-card:is(:hover,:focus-visible) :is(h2,h3){color:var(--link);text-decoration:none}
.company-directory a.company-directory-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-width:1000px){.company-directory .employer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 :root .job-listing .company-identity{gap:18px;margin-bottom:22px;align-items:center}
 :root .job-listing .company-identity>.company-logo-box{width:104px;height:104px;max-width:104px;padding:12px;border-radius:12px}
 :root .job-listing .company-identity h1{font-size:26px}
 :root .job-listing .company-identity .company-identity-sector{font-size:13px}
 .job-listing .company-profile-about{margin-bottom:24px}
 .job-listing .company-profile-about h2{font-size:18px}
 .job-listing .company-profile-about .company-profile-summary{font-size:14px;line-height:1.8}
 .job-listing .company-profile-about .employer-details{grid-template-columns:minmax(0,1fr);gap:4px}
 .company-profile-about .employer-details dd:not(:last-child){margin-bottom:10px}
 .company-directory .employer-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .company-directory a.company-directory-card{padding:18px;gap:16px}
}
@media(prefers-reduced-motion:reduce){.company-directory a.company-directory-card{transition:none}}
:root .job-listing .company-jobs-heading::after{display:none}

/* Related employers reuse the directory cards within the narrower results column. */
.company-related>h2{margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.4;color:var(--ink)}
.company-related>p{margin:0 0 18px;font-size:13px;line-height:1.65;color:var(--muted)}
.company-directory.company-related .employer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.company-directory .company-directory-identity>img.is-white-logo{background:#6b7280;border-radius:6px;padding:4px;box-sizing:border-box}

/* Readable employer total on the blue directory heading in the light theme. */
html:root:not([data-theme="dark"]) body .portal-heading .company-directory-total{color:var(--heading-muted)}

/* Alphabet navigation: a compact, scrollable row on small screens. */
.company-directory .company-alphabet:not([hidden]){display:flex;align-items:stretch;flex-wrap:nowrap;gap:0;max-width:100%;margin:4px 0 20px;padding:0 0 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.company-directory .company-letter{position:relative;display:inline-flex;flex:1 0 38px;align-items:center;justify-content:center;min-width:38px;min-height:44px;padding:8px 5px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px;font-weight:650;line-height:1;cursor:pointer}
.company-directory .company-letter:first-child{flex:0 0 auto;min-width:72px;margin-right:8px;padding-inline:12px}
.company-directory .company-letter:first-child::before{content:"";position:absolute;right:-4px;top:11px;bottom:11px;width:1px;background:var(--line)}
.company-directory .company-letter:is(:hover,:focus-visible){background:transparent;color:var(--link)}
.company-directory .company-letter.is-active{background:transparent;color:var(--link);font-weight:750}
.company-directory .company-letter.is-active::after{content:"";position:absolute;bottom:0;left:6px;right:6px;height:3px;border-radius:3px;background:var(--link)}
.company-directory .company-letter:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
@media(max-width:600px){.company-directory .company-letter{flex-basis:44px;min-width:44px;min-height:44px}}

/* Reserved anchor for related employers after the last result. */
[data-related-company-anchor]:empty{min-height:1px}