Applied Infection Prevention: Decontamination, Biohazard Control, and Occupational Safety

/* =========================
MULHIM – Pixel-Parity Kit
(to match old inline CSS visuals)
========================= */

/* Container width used in your pages */
.m-container { max-width: 1100px; margin-inline: auto; padding-inline: 16px; }

/* Headings used in hero blocks */
.mulhim-course .hero h1,
.mulhim-bundle .hero h1,
.mulhim-static .hero h1,
.mulhim-blog .hero h1 {
font-size: 32px; /* your old inline size */
line-height: 1.3;
font-weight: 900;
margin: 0 0 10px;
word-break: break-word;
}

/* Subheadline paragraph width/color */
.mulhim-course .hero p,
.mulhim-bundle .hero p,
.mulhim-static .hero p,
.mulhim-blog .hero p {
margin: 0 auto;
max-width: 900px;
font-size: 18px;
color: #334155;
}

/* Chips row + chip pills + color variants exactly as before */
.chips { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:18px; }
.chip { font-size:14.5px; border-radius:999px; padding:7px 12px; border:1px solid #e2e8f0; background:#f1f5f9; color:#334155; }
.chip.blue { color:#0369a1; background:#e0f2fe; border-color:#bae6fd; }
.chip.green { color:#047857; background:#dcfce7; border-color:#bbf7d0; }
.chip.purple { color:#6b21a8; background:#f3e8ff; border-color:#e9d5ff; }
.chip.gray { color:#334155; background:#f1f5f9; border-color:#e2e8f0; }

/* Soft gradient divider */
.soft-divider { height:12px; border-radius:999px; background:linear-gradient(90deg,#eff6ff 0%,#ecfeff 50%,#f0fdfa 100%); margin:18px 0; }

/* Card look (learning outcomes etc.) */
.card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:20px; }

/* Eligible block visuals */
.eligible { background:#c5eded; border:1px solid #b2e2e2; border-radius:16px; padding:18px; }
.eligible h3 { margin:0 0 12px; text-align:center; font-size:22px; font-weight:900; }
.eligible .shiny {
text-align:center; font-weight:900; font-size:34px; line-height:1.35;
background:linear-gradient(90deg,#0ea5e9,#16a34a);
-webkit-background-clip:text; background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:0 0 14px rgba(14,165,233,.35);
}

/* Notice bar (non-refundable) */
.notice { margin-top:14px; background:#fffbeb; color:#92400e; font-weight:700; padding:12px 14px; border-radius:10px; text-align:center; font-size:16px; }

/* CTA row + brand-color buttons (force colors to beat theme links) */
.cta-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:22px; }
.cta-row a { display:inline-grid; place-items:center; height:50px; min-width:220px; padding:0 22px; border-radius:12px; text-decoration:none; font-weight:800; font-size:17px; transition:transform .15s ease, box-shadow .15s ease; border:none; }
.cta-row .cta-primary { background:#0ea5e9 !important; color:#fff !important; box-shadow:0 6px 14px rgba(14,165,233,.18); }
.cta-row .cta-primary:hover { transform:translateY(-2px); box-shadow:0 10px 20px rgba(14,165,233,.25); }
.cta-row .cta-secondary{ background:#16a34a !important; color:#fff !important; box-shadow:0 6px 14px rgba(22,163,74,.18); }
.cta-row .cta-secondary:hover { transform:translateY(-2px); box-shadow:0 10px 20px rgba(22,163,74,.25); }

/* RTL list paddings parity */
[dir="rtl"] ol { padding-right:20px; padding-left:0; }
[dir="ltr"] ol { padding-left:20px; padding-right:0; }

/* Container guard so blocks never “spill” */
.card, .eligible { max-width: 1100px; margin-inline: auto; box-sizing: border-box; }