/* Safety Tips Page Styles (extracted from inline styles) */

:root{
  --st-bg:#0f172a;
  --st-text:#0f172a;
  --st-muted:#475569;
  --st-subtle:#555;
  --st-primary:#38bdf8;
  --st-slate:#334155;
  --st-border:#e2e8f0;
}

/* Utilities */
.mb-14{margin-bottom:14px}
.mb-16{margin-bottom:16px}
.mb-30{margin-bottom:30px}
.mt-20{margin-top:20px}
.mt-40{margin-top:40px}
.max-860{max-width:860px}
.max-880{max-width:880px}
.btn-pill{padding:10px 24px;border-radius:40px}
.btn-slate{background:var(--st-slate)!important;border-color:var(--st-slate)!important}

/* Hero */
.st-hero{background:var(--st-bg);padding:70px 0 40px;color:#fff}
.st-hero-title{font-weight:700;font-size:40px;line-height:1.1;margin:0 0 14px}
.st-hero-sub{font-size:16px;color:#cbd5e1}
.st-tags{margin:28px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:14px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--st-primary)}

/* Sections */
.st-section{padding:50px 0 30px}
.st-section-title{font-weight:700;font-size:28px;margin:0 0 16px}
.st-section-desc{color:var(--st-subtle);font-size:15px}

/* Grid and Cards */
.st-grid{display:flex;flex-wrap:wrap;gap:26px}
.st-grid .col-md-4{flex:1 1 300px;max-width:340px}
.st-card{background:#fff;border:1px solid var(--st-border);border-radius:10px;padding:22px;height:100%;display:flex;flex-direction:column}
.st-card h3{font-size:18px;font-weight:600;margin:0 0 10px;color:var(--st-text)}
.st-card ul{margin:0;padding-left:18px;color:var(--st-muted);font-size:14px;line-height:1.55}

/* Footer/Support section */
.st-note{color:var(--st-subtle);font-size:14px}
.st-btns{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px}