/* Homepage-specific styles. Layout follows the approved Claude index design. */
body.emerald-home{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.5;}
body.emerald-home .emerald-site{min-height:100vh;}
body.emerald-home .emerald-logo-image{display:block;width:210px;height:auto;max-height:58px;object-fit:contain;object-position:left center;}
body.emerald-home footer .emerald-logo-image{width:185px;max-height:54px;}

body.emerald-home .hero{
  position:relative;
  padding:76px 0 90px;
  background-image:repeating-linear-gradient(var(--paper) 0 37px,var(--paper-line) 37px 38px);
  overflow:hidden;
}
body.emerald-home .hero::before{content:"";position:absolute;left:64px;top:0;bottom:0;width:2px;background:var(--margin-line);opacity:.55;}
body.emerald-home .hero-inner{position:relative;max-width:1160px;margin:0 auto;padding:0 28px 0 100px;}
body.emerald-home .hero h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.06;max-width:11.5ch;letter-spacing:-.01em;}
body.emerald-home .hero .note{position:absolute;font-size:1.5rem;transform:rotate(-4deg);top:18px;right:6%;}
body.emerald-home .hero p.lede{margin-top:20px;font-size:1.14rem;color:var(--ink-soft);max-width:46ch;}

body.emerald-home .search-card{margin-top:34px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 14px 34px rgba(31,75,63,.12);display:flex;gap:12px;flex-wrap:wrap;max-width:680px;border:1px solid var(--paper-line);}
body.emerald-home .search-card .field{flex:1 1 180px;}
body.emerald-home .search-card .btn-primary{align-self:flex-end;white-space:nowrap;}

body.emerald-home .stats{display:flex;gap:44px;margin-top:56px;}
body.emerald-home .stat b{font-family:'Fraunces',serif;font-size:2.1rem;color:var(--emerald-deep);display:block;}
body.emerald-home .stat span{font-size:.88rem;color:var(--ink-soft);}

body.emerald-home .why{background:var(--emerald-pale);}
body.emerald-home .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px;}
body.emerald-home .why-card{background:#fff;border-radius:14px;padding:28px 24px;border:1px solid #DCE8DF;}
body.emerald-home .why-card .icon{width:46px;height:46px;border-radius:50%;background:var(--emerald-deep);color:var(--paper);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.2rem;}
body.emerald-home .why-card h3{font-size:1.08rem;margin-bottom:8px;}
body.emerald-home .why-card p{color:var(--ink-soft);font-size:.94rem;}

@media (max-width:760px){
  body.emerald-home .emerald-logo-image{width:170px;max-height:50px;}
  body.emerald-home .hero::before{left:20px;}
  body.emerald-home .hero-inner{padding-left:44px;}
  body.emerald-home .hero .note{display:none;}
  body.emerald-home .why-grid{grid-template-columns:1fr;}
  body.emerald-home .stats{gap:18px;justify-content:space-between;flex-wrap:wrap;}
  body.emerald-home .stat{flex:1 1 28%;min-width:90px;}
  body.emerald-home .stat b{font-size:1.6rem;}
  body.emerald-home .stat span{font-size:.78rem;}
}

/* v7: live WP JobHunt vacancies on the homepage */
.emerald-home .emerald-home-job-row {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.emerald-home .emerald-home-job-row:nth-child(3n+1) .tab-chip { background:#2F6B52; }
.emerald-home .emerald-home-job-row:nth-child(3n+2) .tab-chip { background:#E3A23C; }
.emerald-home .emerald-home-job-row:nth-child(3n) .tab-chip { background:#1F4B3F; }
.emerald-home .emerald-home-job-row h3 { color:var(--emerald-deep); }
.emerald-home .emerald-home-job-row:focus-visible {
  outline:3px solid var(--honey-deep);
  outline-offset:-3px;
}
.emerald-home .emerald-no-jobs {
  padding:24px;
  color:var(--ink-soft);
  text-align:center;
}