/* Safety Sentinel - page styles: risk-management (from ref/html/module-risk-management.html) */
/* ===== Risk Management page (scoped .rm-sec) ===== */
.rm-sec .fr-copy{text-align:left}
.rm-sec .fr-media{display:flex;align-items:center;justify-content:center}
.rm-kick{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);padding:5px 12px;border-radius:100px;margin-bottom:15px}
.rm-sec h3{margin:0 0 12px}
.rm-checks{margin:22px 0 2px;display:flex;flex-direction:column;gap:11px}
.rm-checks .rc{display:flex;align-items:center;gap:11px}
.rm-checks .ck{width:22px;height:22px;border-radius:50%;background:#E6F7EF;color:#22B573;display:grid;place-items:center;flex:none}
.rm-checks b{font-size:15px;color:var(--navy);font-weight:600}
.rm-band{text-align:center}
.rm-band h2{margin:0 0 10px}
.rm-band p{max-width:620px;margin:0 auto;color:var(--grey)}
/* mockup panel */
.rm-panel{width:100%;max-width:496px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;font-size:13px}
.rm-ph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:#F7FAFD}
.rm-ph b{font-size:13.5px;color:var(--navy)}
.rm-ph .rm-sub{font-size:11.5px;color:var(--grey);font-weight:500}
.rm-tools{display:flex;gap:8px;align-items:center;padding:11px 16px;border-bottom:1px solid #EEF2F7}
.rm-search{display:flex;align-items:center;gap:7px;flex:1;padding:6px 11px;background:#fff;border:1px solid var(--line);border-radius:100px;font-size:12px;color:var(--grey-light)}
.rm-fchip{font-size:11px;font-weight:600;padding:5px 11px;border-radius:100px;background:#EEF2F7;color:var(--grey);flex:none}
.rm-fchip.on{background:var(--blue);color:#fff}
.rm-note{padding:9px 16px;font-size:11.5px;color:var(--grey);background:#fff;border-bottom:1px solid #EEF2F7}
.rm-row{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid #EEF2F7}
.rm-row:last-child{border-bottom:0}
.rm-main{flex:1;min-width:0}
.rm-t{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--navy);font-size:13px}
.rm-t span.tx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-m{font-size:11.5px;color:var(--grey);margin-top:2px}
.rm-chip{font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:100px;white-space:nowrap;flex:none}
.rm-badge{font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:5px;background:#EEF1F5;color:var(--grey);flex:none}
.c-crit{background:#FDECEC;color:#D8342E}
.c-high{background:#FCEBC9;color:#B4750B}
.c-med{background:#E4EEF6;color:var(--blue)}
.c-green{background:#E6F7EF;color:#1A9C63}
.c-blue{background:#E4EEF6;color:var(--blue)}
.c-amber{background:#FCEBC9;color:#B4750B}
.c-red{background:#FDECEC;color:#D8342E}
.c-grey{background:#EEF1F5;color:var(--grey)}
.rm-star{color:var(--amber);display:inline-flex;flex:none}
.rm-foot{padding:11px 16px;background:#F7FAFD;border-top:1px solid var(--line);font-size:11.5px;color:var(--grey);display:flex;align-items:center;justify-content:space-between;gap:10px}
.rm-foot .rm-prog{font-weight:700;color:var(--navy)}
.rm-foot .rm-link{font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:5px}
.rm-flag{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#FFF7E8;border-top:1px solid #F3E2BE;color:#8A5B00;font-size:12px;font-weight:600}
/* ===== hero (light split, matches mockup) ===== */
.rh-hero{position:relative;background:linear-gradient(120deg,#fff 0%,#fff 45%,#EAF2FA 100%);border-bottom:1px solid var(--line);overflow:hidden}
.rh-hero .rh-photo{position:absolute;top:0;right:0;bottom:0;width:52%;background-image:url('../../img/risk-hero.jpg');background-size:cover;background-position:center right}
.rh-hero .rh-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.6) 20%,rgba(255,255,255,0) 52%)}
.rh-content{position:relative;z-index:2;max-width:600px;padding:84px 0 84px}
.rh-crumb{font-size:13px;color:var(--grey);margin-bottom:16px}
.rh-crumb a{color:var(--grey);text-decoration:none}
.rh-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}
.rh-hero h1{font-family:var(--font);font-weight:800;font-size:54px;line-height:1.04;letter-spacing:-.033em;color:var(--navy);margin:18px 0 0}
.rh-hero h1 .bl{color:var(--blue)}
.rh-hero h1 .am{color:var(--amber)}
.rh-lede{font-size:18.5px;line-height:1.55;color:var(--grey);max-width:475px;margin:20px 0 0}
.rh-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.rh-cta .btn{display:inline-flex;align-items:center;gap:9px}
@media(max-width:880px){
  .rh-hero .rh-photo{position:relative;width:100%;height:230px}
  .rh-hero .rh-photo::before{background:linear-gradient(0deg,#fff,rgba(255,255,255,0) 55%)}
  .rh-content{padding:34px 0 30px;max-width:none}
  .rh-hero h1{font-size:38px}
}
/* heat map */
.hm{padding:16px 16px 6px}
.hm-grid{display:grid;grid-template-columns:38px repeat(5,1fr);gap:5px}
.hm-rl{font-size:8.5px;font-weight:600;color:var(--grey);display:flex;align-items:center;justify-content:flex-end;padding-right:5px}
.hm-cell{aspect-ratio:1/1;border-radius:6px;display:grid;place-items:center;font-size:13px;font-weight:700}
.hm-cell.lo{background:#DCEFE1;color:#1E874E}
.hm-cell.me{background:#FBE7B0;color:#8A6200}
.hm-cell.hi{background:#F6C79B;color:#B4530A}
.hm-cell.cr{background:#F0A9A3;color:#B42318}
.hm-x{display:grid;grid-template-columns:38px repeat(5,1fr);gap:5px;margin-top:6px}
.hm-x span{font-size:8px;font-weight:600;color:var(--grey);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-cap{font-size:9px;font-weight:600;color:var(--grey);text-align:center;margin:8px 0 2px}
.hm-legend{display:flex;gap:14px;flex-wrap:wrap;padding:11px 16px;border-top:1px solid var(--line);background:#F7FAFD;font-size:10.5px;color:var(--grey)}
.hm-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:middle}
@media(max-width:560px){.rm-panel{font-size:12.5px}}