/* Generated by scripts/build-public-pages.mjs from experience.css for public pages. Edit experience.css, then rebuild. */
/* Shared public header and product workflow pages. Loaded after styles.css. */












.workflow-page{overflow:clip;background:var(--appearance-section,#fff)}
.workflow-page .workflow-hero{padding-top:66px;padding-bottom:60px}
.workflow-hero h1{font-size:clamp(38px,4.9vw,66px);line-height:1.06;letter-spacing:-.048em;margin:18px 0 22px;max-width:1000px;color:#183f2c}
.workflow-hero h1 em,.workflow-role-lead h2 em{color:#397553;font-style:normal}
.workflow-hero .intro{max-width:820px;font-size:18px;line-height:1.75;margin-bottom:26px;color:#455d50}
.workflow-role-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px}
.workflow-role-nav a{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #d6e4d8;border-radius:10px;color:#315b40;font-size:14px;background:#fff}
.workflow-role-nav a[aria-current=page]{background:#1b6840;color:#fff;border-color:#1b6840}
.workflow-outcome{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#315b40;line-height:1.65;margin-top:23px;max-width:760px}
.workflow-outcome>.icon{flex-shrink:0;margin-top:2px}
.workflow-page .section-head{margin-bottom:26px}.workflow-page .section-head h2{font-size:clamp(28px,3vw,40px);max-width:850px;line-height:1.17;letter-spacing:-.027em;margin-top:12px}.workflow-page .section-head p{font-size:16px;max-width:780px;line-height:1.7}
.workflow-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.workflow-benefit{position:relative;border:1px solid #d8e4d9;background:#fbfdf9;border-radius:18px;padding:28px 30px;min-width:0}
.workflow-problem{display:block;font-size:12px;line-height:1.5;font-weight:650;color:#627765;letter-spacing:.02em;padding-right:52px}
.workflow-benefit>.benefit-icon{position:absolute;right:26px;top:25px;display:grid;place-items:center;width:38px;height:38px;background:#e8f2e9;border-radius:10px;color:#246540}
.workflow-benefit h3{font-size:23px;line-height:1.25;letter-spacing:-.02em;max-width:420px;margin:22px 0 12px;color:#203f2d}
.workflow-benefit p{font-size:15px;line-height:1.8;color:#506657;margin:0}
.workflow-screen-section{background:var(--appearance-section-alt,#f3f7f1);border-top:1px solid #dfE8dc;border-bottom:1px solid #dfe8dc;margin-bottom:64px;padding-top:48px}.workflow-screen-section .public-section{padding-bottom:44px}
.workflow-screenshot{margin:0;min-width:0}.workflow-screenshot>a{display:block;border:1px solid #c9d9cc;border-radius:15px;overflow:hidden;background:#eef4eb;box-shadow:0 12px 36px #1a422214}.workflow-screenshot img{display:block;width:100%;height:auto;object-fit:contain}.workflow-screenshot figcaption{padding:13px 2px 0;font-size:12px;line-height:1.6;color:#58705e}
.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0}.workflow-steps li{border-top:2px solid #c4d9c8;padding:21px 0}.workflow-steps li>span{font-size:15px;color:#618769;font-weight:700}.workflow-steps h3{font-size:19px;line-height:1.35;margin:16px 0 10px;color:#24452f}.workflow-steps p{font-size:14px;line-height:1.8;color:#516658}
.workflow-questions{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px}.workflow-questions h2{font-size:35px;line-height:1.2;margin-top:15px;letter-spacing:-.02em}.workflow-questions .how-faq{min-width:0}.workflow-questions .how-faq summary{font-size:16px;line-height:1.5}.workflow-questions .how-faq p{font-size:14px;line-height:1.8}
.workflow-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:36px;border:1px solid #c9dfcb;border-radius:18px;background:#edf6ec}.workflow-cta h2{max-width:760px;font-size:30px;line-height:1.2;letter-spacing:-.02em}.workflow-cta p{font-size:15px;line-height:1.7;margin-top:13px;color:#4f6954}.workflow-cta>.btn{flex-shrink:0}
.workflow-audience-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.workflow-audience-links a{display:flex;gap:12px;align-items:center;min-height:54px;padding:14px 20px;border:1px solid #c6dbcb;border-radius:12px;color:#205d36;background:#f1f8ef;font-weight:650}.workflow-audience-links a:hover{background:#e6f2e3}
.workflow-role-section{padding-top:52px;scroll-margin-top:24px}.workflow-role-section-alt{background:var(--appearance-section-alt,#f3f7f1);border-top:1px solid #e0e9dd;border-bottom:1px solid #e0e9dd}.workflow-role-lead{display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:center}.workflow-role-lead h2{font-size:clamp(29px,3.2vw,42px);letter-spacing:-.033em;line-height:1.12;margin:16px 0 21px}.workflow-role-lead p{font-size:16px;line-height:1.8;color:#506758}.workflow-role-lead ul{list-style:none;margin:24px 0 26px;padding:0;display:grid;gap:19px}.workflow-role-lead li{display:flex;align-items:flex-start;gap:12px}.workflow-role-lead li>.icon{flex-shrink:0;color:#3d8750;margin-top:1px}.workflow-role-lead li strong{display:block;font-size:15px;line-height:1.45;color:#294f35}.workflow-role-lead li span{display:block;font-size:13px;line-height:1.75;color:#5b7060;margin-top:5px}.workflow-role-lead .workflow-screenshot>a{transform:none}
.workflow-costs{padding-top:58px}.workflow-costs h2{max-width:900px;font-size:37px;line-height:1.18;letter-spacing:-.025em;margin:16px 0 30px}.workflow-costs article{border-top:2px solid #cadccc;padding-top:20px}.workflow-costs h3{font-size:21px;margin-bottom:12px}.workflow-costs p{font-size:15px;line-height:1.75;color:#526b58}
@media(max-width:1100px){.workflow-role-lead{grid-template-columns:1fr;gap:28px}.workflow-role-lead>div:first-child{max-width:860px}.workflow-role-lead .workflow-screenshot{max-width:1000px}.workflow-role-section{padding-top:40px}.workflow-questions{grid-template-columns:1fr;gap:25px}}
@media(max-width:720px){.workflow-page .workflow-hero{padding-top:36px;padding-bottom:35px}.workflow-hero h1{font-size:39px}.workflow-hero .intro{font-size:16px;line-height:1.75}.workflow-role-nav{gap:7px;margin-bottom:27px}.workflow-role-nav a{font-size:12px;padding:9px 10px}.workflow-role-nav .icon{width:17px;height:17px}.workflow-benefits{grid-template-columns:1fr;gap:15px}.workflow-benefit{padding:24px}.workflow-benefit>.benefit-icon{right:23px;top:20px}.workflow-benefit h3{font-size:22px}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 25px}.workflow-cta{flex-direction:column;align-items:flex-start;padding:27px;gap:22px}.workflow-cta h2{font-size:28px}.workflow-questions h2{font-size:30px}.workflow-screen-section{margin-bottom:40px;padding-top:35px}.workflow-audience-links{display:grid;gap:10px}.workflow-audience-links a>span{flex:1}.workflow-costs h2{font-size:29px}.workflow-costs .grid3{grid-template-columns:1fr;gap:24px}.workflow-role-lead h2{font-size:34px}.workflow-screenshot>a{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.workflow-page *{scroll-behavior:auto!important}}
@media(forced-colors:active){.workflow-benefit,.workflow-cta{background:Canvas;color:CanvasText;border-color:CanvasText}.workflow-screenshot>a{border-color:CanvasText;box-shadow:none}}
/* ---- Phone & tablet site drawer (owner mandate, October 2026) ---- */

.public-header--shared .public-mobile-menu summary .i-close{display:none}

.public-header--shared .public-mobile-menu[open] summary{position:fixed;top:14px;inset-inline-end:14px;z-index:1002;background:#fff;border-color:#d5e2d6;box-shadow:0 6px 18px #0e291c1f}
.public-header--shared .public-mobile-menu[open] summary .i-menu{display:none}
.public-header--shared .public-mobile-menu[open] summary .i-close{display:block}
.public-header--shared .public-mobile-menu[open]::before{content:"";position:fixed;inset:0;background:#0d241a73;backdrop-filter:blur(2px);z-index:1000;animation:drawer-fade .22s ease}
.public-header--shared .public-mobile-menu .mobile-drawer{display:none}
.public-header--shared .public-mobile-menu[open] .mobile-drawer{display:flex;flex-direction:column;gap:12px;position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(392px,90vw);padding:16px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff 0%,#f6faf1 100%);box-shadow:-24px 0 60px #0e291c38;z-index:1001;overflow-y:auto;overscroll-behavior:contain;animation:drawer-in .32s cubic-bezier(.2,.8,.2,1)}
[dir="rtl"] .public-header--shared .public-mobile-menu[open] .mobile-drawer{animation-name:drawer-in-rtl;box-shadow:24px 0 60px #0e291c38}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes drawer-in-rtl{from{transform:translateX(-100%)}to{transform:none}}
@keyframes drawer-fade{from{opacity:0}}
@keyframes drawer-item{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mobile-drawer-head{display:flex;align-items:center;min-height:48px;padding-inline-end:56px}
.mobile-drawer-head .brand{font-size:24px;gap:9px}
.mobile-drawer-head .brand svg{width:34px;height:34px}
.mobile-drawer-cta{display:grid;gap:8px}
.mobile-drawer-cta .btn{width:100%;justify-content:center;min-height:48px;margin:0}
.public-header--shared .public-mobile-menu .mobile-drawer nav{position:static;display:grid;gap:4px;width:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none}
.mobile-drawer-label{margin:12px 6px 4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7d72}
.public-header--shared .public-mobile-menu .mobile-drawer nav>a{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:48px;border-radius:12px;color:#1d3b2d;font-size:15px;font-weight:600;text-decoration:none;animation:drawer-item .38s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 28ms + 90ms)}
.public-header--shared .public-mobile-menu .mobile-drawer nav>a:hover,.public-header--shared .public-mobile-menu .mobile-drawer nav>a:focus-visible{background:#ebf4e6;outline:none}
.mobile-drawer nav>a>.icon{flex:0 0 20px;color:#2f7d57}
.public-header--shared .public-mobile-menu .mobile-drawer nav>a.mobile-drawer-role{border:1px solid #e1eadb;background:#fff;padding:10px}
.mobile-drawer nav>a.mobile-drawer-role>.icon{flex:0 0 40px;width:40px;height:40px;padding:10px;border-radius:12px;background:#173e35;color:#d7f28b}
.mobile-drawer-role span{display:grid;gap:2px}
.mobile-drawer-role small{font-weight:400;color:#64746a;font-size:12.5px;line-height:1.35}
.mobile-drawer-tag{margin-inline-start:auto;font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:#d7f28b;color:#173e35}
.mobile-drawer-prefs{margin-top:auto;display:grid;gap:10px;padding-top:14px;border-top:1px solid #e1eadb}
.mobile-drawer-prefs .lang-switch{display:flex;width:100%;min-height:46px}
.mobile-drawer-market{display:grid;gap:6px;font-size:13px;font-weight:600;color:#36503f}
.mobile-drawer-market span{display:flex;align-items:center;gap:6px}
.mobile-drawer-market select{min-height:46px;border-radius:12px;border:1px solid #cfdccf;padding:0 12px;font:inherit;background:#fff}
body.drawer-open{overflow:hidden}


@media(prefers-reduced-motion:reduce){.public-header--shared .public-mobile-menu[open] .mobile-drawer,.public-header--shared .public-mobile-menu[open]::before,.public-header--shared .public-mobile-menu .mobile-drawer nav>a{animation:none}}

/* Audience-aware homepage: hero example cards, path cards and candidate previews. */





































.showcase-card.public-preview-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden}
.public-preview-card .showcase-portrait{height:300px;position:relative;background:#dcefe2;overflow:hidden;flex-shrink:0}
.public-preview-card .showcase-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.public-preview-card .showcase-portrait.is-placeholder{background:linear-gradient(160deg,#e4f2e8,#c9e4d2)}
.public-preview-card .showcase-avatar-art{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}
.public-preview-card .showcase-avatar-art svg{width:62%;max-width:190px;fill:#ffffffb3}
.public-preview-card .showcase-status{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:6px 11px;border-radius:999px;background:#ffffffeb;color:#1f6b3e;box-shadow:0 4px 14px #1d4a2b1f}
.public-preview-card .showcase-status .dot{width:7px;height:7px;border-radius:50%;background:#2fa35c}
.public-preview-card .showcase-content{display:flex;flex-direction:column;gap:9px;flex:1;padding:18px 20px 20px}
.public-preview-card .showcase-content h3{font-size:19px;line-height:1.25;letter-spacing:-.01em;margin:0}
.public-preview-card .showcase-title{min-height:0;margin:0}
.public-preview-card .showcase-location{display:flex;align-items:center;gap:5px;font-size:12px;color:#5d7464;margin:0}
.public-preview-card .skill-tags{min-height:0}
.public-preview-card .showcase-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:auto 0 0;padding-top:12px;border-top:1px solid #e3ece2;min-height:0;font-size:11px}
.public-preview-card .showcase-facts span{display:flex;flex-direction:column;color:#68806f}
.public-preview-card .showcase-facts b{font-size:14px;color:#1f3b2a;margin-bottom:2px}
.public-preview-card .btn.full{margin-top:6px}
@media(max-width:1100px){.public-preview-card .showcase-portrait{height:320px}}
@media(max-width:420px){.public-preview-card .showcase-portrait{height:340px}}
/* Agency and job seeker cards carry names and titles at the top, so the small card overlaps the lower edge instead. */

/* The tour shows one audience at a time; display:grid must not override the hidden attribute. */




/* Filter bar: pill dropdowns that apply on close, removable chips for active choices. */
.filter-bar{display:grid;gap:12px;margin:16px 0 22px}
.filter-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.filter-bar .multi-filter{border:1px solid #cfe0d2;border-radius:999px;background:#fff;min-width:0;transition:background .15s,border-color .15s}
.filter-bar .multi-filter:hover{border-color:#9cc3a8}
.filter-bar .multi-filter>summary{display:flex;align-items:center;gap:8px;padding:8px 14px;min-height:40px;border-radius:999px;font-size:13px;font-weight:650;color:#1f3b2a;cursor:pointer;list-style:none}
.filter-bar .multi-filter>summary:focus-visible{outline:2px solid #2c8a52;outline-offset:2px}
.filter-bar .multi-filter>summary:after{content:"";width:6px;height:6px;margin-inline-start:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55}
.filter-bar .multi-filter[open]>summary:after{transform:rotate(-135deg) translateY(-1px)}
.filter-bar .filter-count{margin:0;font-size:12px;font-weight:600;color:#5d7464;max-width:160px;overflow:hidden;text-overflow:ellipsis}


.filter-bar .multi-filter[data-restricted]{background:#f3f5f1}
.filter-bar .multi-filter[data-restricted]>summary{color:#748175}
.filter-options[popover]{padding:12px 12px 0}
.filter-options .filter-choice{font-size:13px;padding:9px 8px}
.filter-popover-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px -12px 0;padding:10px 12px;background:#fff;border-top:1px solid #e6eee4}


.filter-exclusions>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px dashed #b9cfbe;border-radius:999px;font-size:13px;font-weight:650;color:#3d5a46}
.filter-exclusions>summary::-webkit-details-marker{display:none}
.filter-exclusions[open]{flex-basis:100%;padding:12px 14px;border:1px dashed #cfdcd0;border-radius:16px;background:#fbfcfa}
.filter-exclusions[open]>summary{border:0;padding:0 0 4px;min-height:0}
.filter-exclusions .filter-bar-row{margin-top:10px}






@media(max-width:640px){.filter-bar-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.filter-bar .multi-filter,.filter-exclusions{flex-shrink:0}.filter-exclusions[open]{flex-basis:auto;min-width:85vw}.filter-exclusions .filter-bar-row{flex-wrap:wrap}}









/* Job cards in a grid: equal height, titles and pay rows aligned across each row. */
.job-grid{align-items:stretch}
/* Compact spacing; cards in a row keep one height because pay and actions sit at the bottom. */
.job-grid>.job-card:not(.job-row){display:flex;flex-direction:column;height:100%}
.job-grid>.job-card:not(.job-row)>.between{align-items:flex-start}
.job-grid>.job-card:not(.job-row) h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0;margin-top:14px;line-height:1.25}
.job-grid>.job-card:not(.job-row) .location{margin:6px 0 0}
.job-grid>.job-card:not(.job-row) .skill-tags{margin:12px 0 0;max-height:30px;overflow:hidden}
.job-grid>.job-card:not(.job-row)>:has(+.job-pay){margin-bottom:16px}
.job-grid>.job-card:not(.job-row) .job-pay{margin-top:auto;padding-top:14px}
.job-grid>.job-card:not(.job-row) .job-footer{margin-top:12px}
/* Profile & Community */















/* Brand kit on white-label shortlists and the branded candidate page. */
































.job-copy-link{width:38px;height:38px;border-radius:10px;border:1px solid #cfe0d2;background:#fff;display:inline-grid;place-items:center}
/* Skill and role suggestions under comma-separated fields. */
.suggest-box{position:fixed;z-index:1300;display:grid;max-height:260px;overflow:auto;padding:6px;border:1px solid #cbdcd1;border-radius:12px;background:#fff;box-shadow:0 14px 40px #183f2c26}
.suggest-option{text-align:start;border:0;background:none;padding:8px 10px;border-radius:8px;font:inherit;font-size:13px;color:#1f3b2a;cursor:pointer}
.suggest-option:hover,.suggest-option.is-active{background:#eaf5ec}
/* CV photo in the live preview and the CV maker's photo field. */
.cv-sheet-photo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:inherit;display:block}
.cv-sheet-photo:has(img){overflow:hidden;padding:0}
.cvg-photo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cvg-photo-thumb{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e4f2e8;color:#2b6b44;flex-shrink:0}
.cvg-photo-thumb img{width:100%;height:100%;object-fit:cover}
.cvg-photo-field input[type=file]{max-width:220px}
/* Copy buttons confirm the copy in place for two seconds. */
[data-action="copy"]{position:relative}
[data-action="copy"][data-copied]::after{content:"✓ " attr(data-copied);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:4px 9px;border-radius:7px;background:#1f6b3e;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:5}
[data-action="copy"][data-copied]{border-color:#2c8a52!important;background:#e3f2e8!important;color:#1f5a36!important}
/* Discover talent: equal-height cards with fixed zones, whatever badges or details a profile has. */













/* Client shortlists: candidate cards in the picker, tool row and the candidate's time picker (October 2026). */