/* Safety Sentinel - page styles: learning-management (from ref/html/module-lms.html) */
/* ===== LMS hero (light split, matches mockup) ===== */
.lh-hero{position:relative;background:linear-gradient(120deg,#fff 0%,#fff 43%,#EAF2FA 100%);border-bottom:1px solid var(--line);overflow:hidden}
.lh-hero .lh-photo{position:absolute;top:0;right:0;bottom:0;width:56%;background-image:url('../../img/lms-hero.jpg');background-size:cover;background-position:center right}
.lh-hero .lh-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.55) 14%,rgba(255,255,255,0) 44%)}
.lh-content{position:relative;z-index:2;max-width:560px;padding:84px 0 84px}
.lh-crumb{font-size:13px;color:var(--grey);margin-bottom:16px}
.lh-crumb a{color:var(--grey);text-decoration:none}
.lh-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);padding:7px 14px;border-radius:100px}
.lh-hero h1{font-family:var(--font);font-weight:800;font-size:50px;line-height:1.06;letter-spacing:-.03em;color:var(--navy);margin:18px 0 0}
.lh-hero h1 .bl{color:var(--blue)}
.lh-lede{font-size:17.5px;line-height:1.55;color:var(--grey);max-width:470px;margin:20px 0 0}
.lh-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.lh-cta .btn{display:inline-flex;align-items:center;gap:9px}
@media(max-width:880px){
  .lh-hero .lh-photo{position:relative;width:100%;height:250px}
  .lh-hero .lh-photo::before{background:linear-gradient(0deg,#fff,rgba(255,255,255,0) 55%)}
  .lh-content{padding:34px 0 26px;max-width:none}
  .lh-hero h1{font-size:36px}
}