/* hr-pages.css v1
   Scoped to .hr-pg only. Loaded from landing/layout/pages.blade.php.
   Does not touch the landing home (landing.layout.main-v2). */
.hr-pg{
  --hp:var(--ld-primary,#202870);
  --ho:var(--ld-orange,#e07838);
  --h-ink:#1a1e3a;--h-body:#4a5170;--h-mute:#5a6280;
  --h-line:#e6e9f5;--h-soft:#f6f7fd;
  width:100%;background:#fff;color:var(--h-body);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased;
}
.hr-pg,.hr-pg *,.hr-pg *::before,.hr-pg *::after{box-sizing:border-box}

/* layout */
.hr-pg .hr-wrap{max-width:800px;margin:0 auto;padding:0 20px}
.hr-pg .hr-sec{padding:clamp(22px,3.5vw,34px) 0}
.hr-pg .hr-sec + .hr-sec{padding-top:0}

/* type scale: 40 / 25 / 17 / 16 / 15 (desktop) */
.hr-pg h1,.hr-pg h2,.hr-pg h3{font-family:'DM Sans','DM Sans',system-ui,sans-serif;color:var(--hp);font-weight:700;letter-spacing:-.01em}
.hr-pg h1{font-size:clamp(1.6rem,3.8vw,2.4rem);line-height:1.18;margin:0 0 14px}
.hr-pg h2{font-size:clamp(1.2rem,2.3vw,1.55rem);line-height:1.25;margin:0 0 14px}
.hr-pg h3{font-size:1.05rem;line-height:1.35;margin:0 0 6px}
.hr-pg p{margin:0 0 12px;font-size:1rem;line-height:1.7}
.hr-pg .hr-lead{font-size:clamp(1rem,1.5vw,1.1rem);color:var(--h-mute);max-width:640px;margin:0 auto 22px;line-height:1.65}
.hr-pg .hr-note{font-size:.9rem;color:var(--h-mute)}
.hr-pg a:not(.btn){color:var(--hp);text-decoration:underline;text-decoration-color:rgba(32,40,112,.3);text-underline-offset:3px;transition:text-decoration-color .2s}
.hr-pg a:not(.btn):hover{text-decoration-color:var(--ho)}

/* hero (used once per page, plays one soft entrance) */
.hr-pg .hr-hero{padding:clamp(40px,6vw,68px) 0 clamp(16px,3vw,28px);text-align:center;background:linear-gradient(180deg,var(--h-soft),#fff);animation:hrIn .5s ease both}
.hr-pg .hr-actions{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;align-items:center;margin:0}

/* checklist */
.hr-pg .hr-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.hr-pg .hr-checks li{position:relative;margin:0;padding:12px 14px 12px 44px;background:#fff;border:1px solid var(--h-line);border-radius:10px;font-size:.96rem;line-height:1.5}
.hr-pg .hr-checks li::before{content:"\2713";position:absolute;left:14px;top:12px;width:20px;height:20px;border-radius:50%;background:rgba(224,120,56,.14);color:var(--ho);font-size:12px;font-weight:700;line-height:20px;text-align:center}

/* steps: a real sequence, so numbered */
.hr-pg .hr-steps{counter-reset:hs;list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hr-pg .hr-steps li{counter-increment:hs;position:relative;margin:0;padding:12px 16px 12px 56px;background:#fff;border:1px solid var(--h-line);border-radius:10px;font-size:.96rem;line-height:1.5}
.hr-pg .hr-steps li::before{content:counter(hs);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--hp);color:#fff;font-size:.85rem;font-weight:700;line-height:28px;text-align:center}

/* info cards */
.hr-pg .hr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.hr-pg .hr-card{background:var(--h-soft);border:1px solid var(--h-line);border-radius:10px;padding:16px 18px}
.hr-pg .hr-card p{font-size:.95rem;line-height:1.6;margin:0}

/* pills (job types) */
.hr-pg .hr-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.hr-pg .hr-pills a:not(.btn){padding:7px 14px;border:1px solid var(--h-line);border-radius:999px;font-size:.9rem;text-decoration:none;background:#fff;transition:border-color .2s,background-color .2s}
.hr-pg .hr-pills a:not(.btn):hover{border-color:var(--ho);background:#fff9f5}

/* FAQ accordion: compact, opens on click */
.hr-pg .hr-faq{display:grid;gap:8px}
.hr-pg .hr-faq-i{background:#fff;border:1px solid var(--h-line);border-radius:10px;overflow:hidden}
.hr-pg .hr-faq-i[open]{border-color:rgba(32,40,112,.28)}
.hr-pg .hr-faq-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:13px 16px;font-size:1rem;font-weight:600;line-height:1.4;color:var(--h-ink)}
.hr-pg .hr-faq-i summary::-webkit-details-marker{display:none}
.hr-pg .hr-faq-i summary::after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:2px solid var(--ho);border-bottom:2px solid var(--ho);transform:rotate(45deg);transition:transform .2s}
.hr-pg .hr-faq-i[open] summary::after{transform:rotate(-135deg)}
.hr-pg .hr-faq-i summary:focus-visible,.hr-pg a:focus-visible{outline:2px solid var(--hp);outline-offset:2px;border-radius:6px}
.hr-pg .hr-ans{padding:0 16px 14px;font-size:.96rem;line-height:1.65}
.hr-pg .hr-ans p{font-size:inherit;margin:0}
.hr-pg .hr-faq-i[open] .hr-ans{animation:hrIn .22s ease both}

@keyframes hrIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

@media (max-width:600px){
  .hr-pg .hr-wrap{padding:0 16px}
  .hr-pg .hr-checks{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .hr-pg .hr-hero,.hr-pg .hr-faq-i[open] .hr-ans{animation:none}
  .hr-pg *,.hr-pg *::before,.hr-pg *::after{transition:none!important}
}