.employment-page{max-width:1220px;margin:auto;padding:52px 28px 80px}.employment-hero{text-align:center;padding:42px 20px;background:radial-gradient(circle at 50% 0,#f7e9ed,#faf8f5 58%);border-radius:14px}.employment-hero .availability{display:inline-block;padding:7px 12px;border-radius:18px;background:#e8f7f1;color:#18745a;font-size:10px;font-weight:750}.employment-hero h1{font-size:clamp(38px,5vw,62px);margin:18px 0 8px}.employment-hero h1 span{color:var(--accent)}.employment-hero>p{margin:0 auto 28px;max-width:680px}.job-search-form{max-width:900px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 130px 150px;background:#fff;padding:9px;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px #30172010}.job-search-form input,.job-search-form select{border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important}.job-search-form button{min-height:48px}.employment-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:32px}.job-results{display:grid;gap:14px}.job-results-head{display:flex;justify-content:space-between;align-items:end}.job-results-head h2{margin:0}.job-card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px}.job-card h3{font-size:20px;margin:0 0 6px}.job-card .job-company{font-weight:700;color:var(--ink)}.job-card p{font-size:12px;line-height:1.6;margin:8px 0}.job-meta{display:flex;gap:9px;flex-wrap:wrap}.job-meta span{padding:5px 8px;background:var(--paper);border-radius:4px;font-size:9px}.job-actions{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:145px}.job-actions a,.job-actions button{text-align:center;font-size:11px;padding:10px}.employment-side{display:grid;align-content:start;gap:16px}.employment-card{background:#fff;padding:22px;border:1px solid var(--line);border-radius:10px}.employment-card.premium{border-color:#d89aaa;background:linear-gradient(145deg,#fff,#f9ecef)}.employment-card h2{font-size:22px;margin:0 0 8px}.employment-card ul{padding-left:18px;font-size:12px;line-height:1.8}.employment-price{font-size:30px;font-weight:850;color:var(--accent)}.employment-price small{font-size:11px;color:var(--muted)}.employment-card .primary{width:100%;margin-top:12px}.employment-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.employment-dashboard article{padding:17px;background:#fff;border:1px solid var(--line);border-radius:8px}.employment-dashboard strong{display:block;font-size:26px}.employment-dashboard span{font-size:10px;color:var(--muted)}.analysis-panel{margin-top:20px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:10px}.analysis-score{display:flex;align-items:center;gap:20px}.analysis-score strong{display:grid;place-items:center;width:92px;height:92px;border:10px solid var(--accent);border-radius:50%;font-size:24px}.analysis-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analysis-columns h3{font-size:17px}.keyword-list{display:flex;gap:7px;flex-wrap:wrap}.keyword-list span{padding:6px 9px;background:var(--sage);border-radius:15px;font-size:10px}.employment-empty{text-align:center;padding:55px 25px;background:#fff;border:1px dashed var(--line);border-radius:10px}.employment-modal{max-width:560px}.employment-modal ul{line-height:1.9}.employment-modal .employment-price{margin:16px 0}.job-alert-form{display:grid;gap:8px}.job-alert-form input,.job-alert-form select{width:100%}
@media(max-width:850px){.job-search-form{grid-template-columns:1fr 1fr}.job-search-form input,.job-search-form select{border:1px solid var(--line)!important;border-radius:6px!important}.employment-layout{grid-template-columns:1fr}.employment-side{grid-template-columns:1fr 1fr}.employment-dashboard{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.employment-page{padding:28px 16px 55px}.employment-hero{padding:28px 14px}.job-search-form{grid-template-columns:1fr}.employment-hero h1{font-size:38px}.job-card{grid-template-columns:1fr}.job-actions{flex-direction:row;flex-wrap:wrap}.job-actions>*{flex:1}.employment-side{grid-template-columns:1fr}.analysis-columns{grid-template-columns:1fr}.employment-dashboard{gap:7px}.employment-dashboard article{padding:12px}.employment-dashboard strong{font-size:22px}}
.employment-pending{padding:12px;background:#fff;border:1px solid #e6c6ce;border-radius:7px;font-size:11px;line-height:1.55}.employment-account{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.employment-account .secondary{margin:6px 8px 0 0}
.job-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px}.job-suggestions button{font-size:12px;padding:10px 13px;min-height:40px}
.employment-expanded{margin:0;padding:13px 16px;background:#f8eef1;border:1px solid #e7c5cf;border-radius:8px;color:#6e1b33;font-size:12px;line-height:1.5}
.job-source{display:inline-block;margin-bottom:8px;color:#64717b;font-size:11px;font-weight:700}.adzuna-credit{display:flex;align-items:center;gap:4px;min-width:116px;min-height:23px;margin-bottom:8px;font-size:12px}.adzuna-credit a{color:#26304a}.adzuna-credit img{display:block;width:82px;height:23px;object-fit:contain}

/* Emploi: stronger visual hierarchy while preserving existing search, subscription and account flows. */
.employment-page{max-width:1280px;padding:38px 28px 88px}
.employment-hero{position:relative;isolation:isolate;overflow:hidden;padding:54px 28px 32px;border:1px solid #eadbd8;border-radius:24px;background:radial-gradient(ellipse at 86% 12%,#f3dce1 0,transparent 36%),linear-gradient(135deg,#fff 0%,#fbf5f0 58%,#f4e9e6 100%);box-shadow:0 18px 55px rgba(76,34,38,.08)}
.employment-hero:before,.employment-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.employment-hero:before{width:370px;height:370px;right:-115px;top:-195px;border:1px solid rgba(119,28,53,.12);border-radius:50%;box-shadow:0 0 0 24px rgba(119,28,53,.025),0 0 0 50px rgba(119,28,53,.02)}
.employment-hero:after{width:190px;height:3px;left:50%;bottom:0;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#8b2441,transparent)}
.employment-hero .availability{padding:8px 14px;background:#7a1e38;color:#fff;font-size:10px;letter-spacing:.09em;box-shadow:0 5px 14px rgba(122,30,56,.18)}
.employment-hero h1{max-width:1000px;margin:20px auto 12px;font-size:clamp(42px,5.2vw,66px);line-height:1.06;letter-spacing:-.065em}
.employment-hero h1 span{color:#871f3d}
.employment-hero>p{max-width:700px;margin:0 auto 25px;color:#555d68;font-size:16px;line-height:1.7}
.job-search-form{position:relative;z-index:1;max-width:960px;padding:8px;border-color:#e7d9d5;border-radius:15px;box-shadow:0 14px 38px rgba(51,27,31,.12)}
.job-search-form input,.job-search-form select{min-height:52px;padding-inline:16px!important;font-size:14px}
.job-search-form input::placeholder{color:#8a9099}
.job-search-form button{min-height:52px;border-radius:10px;background:#7a1e38;border-color:#7a1e38;box-shadow:0 6px 14px rgba(122,30,56,.2)}
.job-search-form button:hover:not(:disabled){background:#60162c;border-color:#60162c}
.employment-hero-points{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin:19px auto 0;color:#545d67;font-size:11px;font-weight:600}
.employment-hero-points span{display:inline-flex;align-items:center;gap:7px}
.employment-hero-points span:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f5e1e5;color:#7a1e38;font-size:11px;font-weight:800}
.employment-dashboard{gap:13px;margin:26px 0 36px}
.employment-dashboard article{position:relative;overflow:hidden;min-height:100px;padding:18px 19px;border:1px solid #e8e1de;border-top:3px solid #8a2440;border-radius:13px;box-shadow:0 7px 20px rgba(32,27,28,.04);transition:transform .18s,box-shadow .18s}
.employment-dashboard article:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(32,27,28,.08)}
.employment-dashboard article:after{content:"";position:absolute;width:54px;height:54px;right:12px;top:14px;border-radius:50%;background:radial-gradient(circle,#f7e8eb 0 38%,transparent 40%)}
.employment-dashboard strong{position:relative;z-index:1;color:#741d36;font-size:29px;line-height:1.1}
.employment-dashboard span{position:relative;z-index:1;display:block;margin-top:7px;font-size:11px}
.employment-layout{grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:40px}
.job-results-head{margin-bottom:13px}
.job-results-head .eyebrow{margin-bottom:5px}
.job-results-head h2{font-size:28px;letter-spacing:-.045em}
.employment-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px;border:1px solid #e9dfdc;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#fcf1f2 0,transparent 55%),#fff;box-shadow:0 8px 26px rgba(32,27,28,.04)}
.employment-empty .empty-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:15px;border-radius:17px;background:#f7e7ea;color:#7a1e38}
.employment-empty .empty-icon svg{width:26px;height:26px}
.employment-empty h3{margin:0 0 7px;font-size:21px;letter-spacing:-.035em}
.employment-empty p{max-width:520px;margin:0;font-size:13px;line-height:1.7}
.job-card{border-radius:14px;box-shadow:0 6px 22px rgba(32,27,28,.045);transition:transform .18s,box-shadow .18s,border-color .18s}
.job-card:hover{transform:translateY(-2px);border-color:#dfb9c2;box-shadow:0 13px 28px rgba(32,27,28,.09)}
.employment-side{gap:15px}
.employment-card{padding:22px;border-color:#e9e0dd;border-radius:15px;box-shadow:0 7px 22px rgba(32,27,28,.045)}
.employment-card.premium{position:relative;overflow:hidden;padding:25px 23px;border:0;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.16),transparent 34%),linear-gradient(145deg,#751d36 0%,#51162f 100%);box-shadow:0 15px 32px rgba(92,24,49,.2);color:#fff}
.employment-card.premium:after{content:"";position:absolute;right:-36px;bottom:-62px;width:160px;height:160px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 17px rgba(255,255,255,.035),0 0 0 37px rgba(255,255,255,.025);pointer-events:none}
.employment-card.premium .eyebrow{color:#ffd9e0}
.employment-card.premium h2{max-width:270px;font-size:24px;line-height:1.2;color:#fff}
.employment-card.premium .employment-price{margin:14px 0 12px;color:#fff;font-size:34px;letter-spacing:-.04em}
.employment-card.premium .employment-price small{color:#f4dce2}
.employment-card.premium ul{position:relative;z-index:1;list-style:none;padding:0;margin:16px 0;color:#fff;font-size:12px;line-height:1.8}
.employment-card.premium li{display:flex;gap:9px;align-items:flex-start}
.employment-card.premium li:before{content:"✓";color:#ffc6d3;font-weight:800}
.employment-card.premium .primary{position:relative;z-index:1;background:#fff;border-color:#fff;color:#6f1c35;box-shadow:none}
.employment-card.premium .primary:hover{background:#fff3f5;border-color:#fff3f5}
.employment-card.premium .secondary{position:relative;z-index:1;background:transparent;border-color:#ffffff80;color:#fff}
.employment-card.premium .employment-pending{position:relative;z-index:1;background:#ffffff12;border-color:#ffffff35;color:#fff}
.employment-card:not(.premium) h2{font-size:18px;letter-spacing:-.025em}
.job-alert-form input,.job-alert-form select{min-height:42px;padding:10px 12px;border:1px solid #e5dedb;border-radius:8px;background:#fff}
.job-alert-form .secondary{width:100%;margin-top:3px;border-color:#d9b2bb;color:#7a1e38}
.employment-expanded{border-radius:12px}
@media(max-width:850px){.employment-layout{grid-template-columns:1fr}.employment-side{grid-template-columns:1fr 1fr}.employment-card.premium{grid-column:1/-1}}
@media(max-width:560px){.employment-page{padding:24px 16px 58px}.employment-hero{padding:33px 15px 25px;border-radius:18px}.employment-hero h1{font-size:clamp(36px,10vw,48px);line-height:1.08}.employment-hero>p{font-size:14px}.employment-hero-points{display:grid;justify-content:start;gap:8px;width:max-content;max-width:100%;margin-top:16px;font-size:10px}.job-search-form{padding:7px;border-radius:12px}.job-search-form input,.job-search-form select{border:1px solid #eee3e0!important;border-radius:8px!important}.employment-dashboard{gap:8px;margin:18px 0 27px}.employment-dashboard article{min-height:86px;padding:13px;border-radius:11px}.employment-dashboard strong{font-size:24px}.employment-dashboard span{font-size:9px}.employment-layout{gap:22px;margin-top:28px}.job-results-head h2{font-size:24px}.employment-empty{min-height:230px;padding:28px 18px}.employment-empty h3{font-size:19px}.employment-side{grid-template-columns:1fr}.employment-card.premium{grid-column:auto}.employment-card.premium h2{font-size:22px}}

/* Improve readability at normal browser zoom and identify the live job sources. */
.employment-hero .availability{font-size:12px;letter-spacing:.07em}
.employment-hero>p{font-size:18px;line-height:1.65}
.job-search-form input,.job-search-form select{font-size:16px}
.job-search-form button{font-size:16px;font-weight:800}
.employment-hero-points{font-size:14px;gap:10px 22px}
.employment-dashboard span{font-size:13px}
.job-results-head .eyebrow,.employment-card .eyebrow{font-size:12px;letter-spacing:.08em}
.job-results-head h2{font-size:32px}
.employment-empty h3{font-size:25px;font-weight:800}
.employment-empty p{font-size:16px;line-height:1.7}
.job-sources-note{margin-top:16px!important;color:#6d4350!important;font-size:13px!important;font-weight:700}
.job-card h3{font-size:22px;font-weight:800}
.job-card .job-company{font-size:15px}
.job-card p{font-size:15px;line-height:1.7}
.job-meta span{font-size:12px}
.job-actions a,.job-actions button{font-size:14px;font-weight:700}
.job-source{padding:5px 9px;border-radius:999px;background:#f7e7ea;color:#771d38;font-size:12px}
.adzuna-credit{font-size:13px}
.employment-card.premium ul{font-size:14px;line-height:1.9}
.employment-card:not(.premium) h2{font-size:20px}
.employment-pending{font-size:13px}
@media(max-width:560px){.employment-hero>p{font-size:16px}.employment-hero-points{font-size:13px}.employment-dashboard span{font-size:12px}.job-results-head h2{font-size:27px}.employment-empty h3{font-size:22px}.employment-empty p{font-size:15px}.job-card h3{font-size:20px}.job-card p{font-size:14px}.job-actions a,.job-actions button{font-size:13px}}
