/* Worklooker home page concept variations.
   Intentionally scoped to the hero and closing about/employer section; map styling is untouched. */
.home-variation .home-hero{box-shadow:none}
.home-variation .home-hero .hero-action{margin-top:20px}
.home-variation .home-path p,.home-variation .home-path strong,.home-variation .home-path small{line-height:1.35}
.home-variation .about-kicker{margin:0 0 7px;color:var(--terracotta);font-size:.74rem;font-weight:800;letter-spacing:.11em}
.home-variation .about-grid{margin-top:44px}
.home-variation .about-grid h2,.home-variation .about-grid h3{color:var(--navy-dark)}
.home-variation .about-grid p{color:var(--muted)}

/* 1 — County-page inspired: white, bordered, practical cards. */
.home-variation--1 .home-hero--v1{grid-template-columns:1fr;gap:0;padding:32px 34px;border:1px solid #d6dee6;border-left:5px solid var(--navy);background:#fff;border-radius:12px}
.home-variation--1 .home-hero--v1 .home-hero__copy{max-width:850px}
.home-variation--1 .home-path--cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;padding-top:24px;border-top:1px solid #dce3e9}
.home-variation--1 .home-path--cards>div{display:flex;gap:12px;padding:16px;border:1px solid #d6dee6;border-radius:10px;background:#f7f9fb}
.home-variation--1 .home-path--cards span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:7px;background:var(--navy);color:#fff;font-weight:800}
.home-variation--1 .home-path--cards p{margin:0;color:var(--muted);font-size:.9rem}.home-variation--1 .home-path--cards strong{display:block;margin-bottom:3px;color:var(--navy-dark);font-size:1rem}
.home-variation--1 .about-grid--v1{gap:16px}.home-variation--1 .about-card{padding:24px;border:1px solid #d6dee6;border-radius:12px;background:#fff}.home-variation--1 .about-card--why{border-top:4px solid var(--green)}.home-variation--1 .about-card--employer{border-top:4px solid var(--terracotta)}

/* 2 — Split card with a navy pathway panel. */
.home-variation--2 .home-hero--v2{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:0;padding:0;overflow:hidden;border:1px solid #d2dbe4;background:#fff;border-radius:14px}
.home-variation--2 .home-hero--v2 .home-hero__copy{padding:38px 40px}
.home-variation--2 .home-path--panel{align-self:stretch;padding:32px;background:linear-gradient(145deg,var(--navy-dark),var(--navy));color:#fff}
.home-variation--2 .path-kicker{margin:0 0 14px;color:#efc977;font-size:.74rem;font-weight:800;letter-spacing:.12em}
.home-variation--2 .home-path--panel>div{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}
.home-variation--2 .home-path--panel span{color:#efc977;font-size:.78rem;font-weight:800;letter-spacing:.06em}.home-variation--2 .home-path--panel p{margin:0;color:#dfe6ee;font-size:.9rem}.home-variation--2 .home-path--panel strong{display:block;margin-bottom:3px;color:#fff;font-size:1rem}
.home-variation--2 .about-grid--v2{grid-template-columns:1.35fr .65fr;gap:18px}.home-variation--2 .about-feature{padding:28px 30px;border:1px solid #d6dee6;border-radius:12px;background:#fff}.home-variation--2 .employer-callout{display:flex;border:0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:28px 30px;border-radius:12px;background:#eef2f6}.home-variation--2 .employer-callout .text-action{align-self:flex-start}

/* 3 — Open editorial layout with a horizontal route line. */
.home-variation--3 .home-hero--v3{grid-template-columns:1fr;gap:0;padding:22px 4px 10px;border:0;background:#fff;border-radius:0}
.home-variation--3 .home-hero--v3 .home-hero__copy{max-width:860px}.home-variation--3 .home-hero--v3 h1{max-width:780px;font-size:48px}
.home-variation--3 .home-path--timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:38px 0 0;padding:24px 0 0;border-top:2px solid #d9e0e6;list-style:none}
.home-variation--3 .home-path--timeline li{position:relative;padding-right:22px}.home-variation--3 .home-path--timeline span{position:absolute;top:-42px;left:0;display:grid;place-items:center;width:34px;height:34px;border:4px solid #fff;border-radius:50%;background:var(--terracotta);color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 0 0 2px #d9e0e6}.home-variation--3 .home-path--timeline strong{display:block;color:var(--navy-dark);font-size:1.05rem}.home-variation--3 .home-path--timeline small{color:var(--muted)}
.home-variation--3 .about-grid--v3{grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #dce3e9;border-bottom:1px solid #dce3e9}.home-variation--3 .about-grid--v3 article{display:grid;border:0;border-radius:0;grid-template-columns:12px 1fr;gap:16px;padding:28px 26px;background:#fff}.home-variation--3 .about-grid--v3 article+article{border-left:1px solid #dce3e9}.home-variation--3 .about-number{display:block;width:10px;height:10px;margin-top:7px;border-radius:2px;background:var(--terracotta)}

/* 4 — Warm structured feature with stacked right-side pathway cards. */
.home-variation--4 .home-hero--v4{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:30px;padding:36px;border:1px solid #ded4c3;background:linear-gradient(135deg,#fff 0%,#fff 62%,#f6f1e8 100%);border-radius:14px}
.home-variation--4 .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.home-variation--4 .hero-secondary{display:inline-block;margin-top:20px;color:var(--navy);font-weight:800;text-decoration:none}.home-variation--4 .hero-secondary:hover{text-decoration:underline}
.home-variation--4 .home-path--stack{display:grid;gap:9px}.home-variation--4 .home-path--stack>div{display:grid;grid-template-columns:72px 1fr;column-gap:12px;align-items:center;padding:14px 16px;border:1px solid #d7dfe5;border-radius:10px;background:#fff}.home-variation--4 .home-path--stack span{grid-row:1/3;color:var(--terracotta);font-size:.7rem;font-weight:800;letter-spacing:.08em}.home-variation--4 .home-path--stack strong{color:var(--navy-dark)}.home-variation--4 .home-path--stack p{margin:1px 0 0;color:var(--muted);font-size:.87rem}
.home-variation--4 .about-grid--v4{grid-template-columns:1.45fr .55fr;gap:18px}.home-variation--4 .about-primary{padding:30px;border:0;border-radius:12px;background:var(--navy);color:#fff}.home-variation--4 .about-primary h2,.home-variation--4 .about-primary p{color:#fff}.home-variation--4 .about-primary .about-kicker{color:#efc977}.home-variation--4 .about-employer{padding:30px;border:1px solid #d6dee6;border-radius:12px;background:#fff}

/* 5 — Minimal dashboard / progress rail. */
.home-variation--5 .home-hero--v5{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden;border:1px solid #d5dee6;background:#fff;border-radius:12px}
.home-variation--5 .home-hero--v5 .home-hero__copy{padding:34px 36px 28px}.home-variation--5 .hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-variation--5 .hero-title-row .eyebrow{margin:0}.home-variation--5 .hero-badge{padding:5px 8px;border:1px solid #ccd6df;border-radius:6px;background:#f7f9fb;color:var(--navy);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.home-variation--5 .home-path--rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5dee6;background:#f7f9fb}.home-variation--5 .home-path--rail>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center;padding:18px 22px}.home-variation--5 .home-path--rail>div+div{border-left:1px solid #d5dee6}.home-variation--5 .home-path--rail span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green-dark);color:#fff;font-size:.78rem;font-weight:800}.home-variation--5 .home-path--rail strong{color:var(--navy-dark)}.home-variation--5 .home-path--rail p{margin:0;color:var(--muted);font-size:.84rem}
.home-variation--5 .about-grid--v5{grid-template-columns:1.1fr .75fr .75fr;gap:0;align-items:stretch;border:1px solid #d6dee6;border-radius:12px;background:#fff;overflow:hidden}.home-variation--5 .about-grid--v5>div,.home-variation--5 .about-grid--v5>article{padding:26px}.home-variation--5 .about-grid--v5>article{border-radius:0;background:#fff;border-left:1px solid #d6dee6}.home-variation--5 .about-grid--v5 h3{margin:0;font-size:1.05rem}.home-variation--5 .about-grid--v5 article p{margin-top:8px}

@media(max-width:900px){
  .home-variation--1 .home-path--cards{grid-template-columns:1fr}
  .home-variation--2 .home-hero--v2,.home-variation--4 .home-hero--v4{grid-template-columns:1fr}
  .home-variation--2 .about-grid--v2,.home-variation--4 .about-grid--v4{grid-template-columns:1fr}
  .home-variation--5 .about-grid--v5{grid-template-columns:1fr 1fr}.home-variation--5 .about-grid--v5 .about-heading{grid-column:1/-1}.home-variation--5 .about-grid--v5>article:first-of-type{border-left:0;border-top:1px solid #d6dee6}.home-variation--5 .about-grid--v5>article{border-top:1px solid #d6dee6}
}
@media(max-width:620px){
  .home-variation--1 .home-hero--v1,.home-variation--4 .home-hero--v4{padding:24px 20px}
  .home-variation--2 .home-hero--v2 .home-hero__copy,.home-variation--2 .home-path--panel{padding:25px 21px}
  .home-variation--3 .home-hero--v3 h1{font-size:36px}.home-variation--3 .home-path--timeline{grid-template-columns:1fr;gap:18px;margin-left:18px;padding:0 0 0 24px;border-top:0;border-left:2px solid #d9e0e6}.home-variation--3 .home-path--timeline li{padding:0 0 0 14px}.home-variation--3 .home-path--timeline span{top:0;left:-43px}.home-variation--3 .about-grid--v3{grid-template-columns:1fr}.home-variation--3 .about-grid--v3 article+article{border-left:0;border-top:1px solid #dce3e9}
  .home-variation--5 .home-hero--v5 .home-hero__copy{padding:25px 21px}.home-variation--5 .hero-title-row{align-items:flex-start;flex-direction:column}.home-variation--5 .home-path--rail{grid-template-columns:1fr}.home-variation--5 .home-path--rail>div+div{border-left:0;border-top:1px solid #d5dee6}.home-variation--5 .about-grid--v5{grid-template-columns:1fr}.home-variation--5 .about-grid--v5 .about-heading{grid-column:auto}.home-variation--5 .about-grid--v5>article{border-left:0;border-top:1px solid #d6dee6}
}