/* ----------  Base document sizing (kept from your original)  ---------- */
html{
  height:100%;
  width:100%;
}

/* ----------  Design Tokens  ---------- */
:root{
  --primary:#1d4ed8;          /* indigo-600 */
  --primary-light:#3b82f6;    /* indigo-400 */
  --bg:#f4f6f9;
  --text:#111827;
  --radius:0.75rem;
  --shadow:0 4px 8px rgba(0,0,0,.06);
}

/* ----------  Global Styles  ---------- */
*,*::before,*::after{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Inter',system-ui,Arial,sans-serif;
  line-height:1.6;
  background:var(--bg);
  color:var(--text);
}
h1,h2,h3{
  margin:0 0 .5em;
  font-weight:700;
}

/* ----------  Hero Section  ---------- */
.hero{
  text-align:center;
  padding:4rem 1rem 2rem;
}
.hero__img{
  width:128px;height:128px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:var(--shadow);
  margin-bottom:1rem;
}
.tagline{
  font-size:1.1rem;
  color:var(--primary);
  margin-bottom:1.5rem;
  font-weight:600;
}

/* ----------  Navigation Pills  ---------- */
.nav-pills a{
  display:inline-block;
  margin:.25rem;
  padding:.5rem 1rem;
  border-radius:9999px;
  background:var(--primary);
  color:#fff;
  text-decoration:none;
  font-weight:600;
  transition:background .2s ease-in-out,transform .15s ease-in-out;
}
.nav-pills a:hover{
  background:var(--primary-light);
  transform:translateY(-2px);
}

/* ----------  Card Grid  ---------- */
.cards{
  display:grid;
  gap:1.5rem;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  padding:2rem 1rem 4rem;
  max-width:1080px;
  margin:0 auto;
}
.card{
  background:#fff;
  border-radius:var(--radius);
  padding:1.5rem 1.75rem;
  box-shadow:var(--shadow);
  transition:transform .15s ease-in-out;
}
.card:hover{transform:translateY(-4px);}

/* Blue banner used on safety.html */
.banner{
  background: var(--primary);
  color: #fff;
  text-align: center;
  padding: 1.5rem 1rem;
}
.banner h1{ margin:0; font-size:1.5rem; font-weight:700; }

/* ----------  Footer  ---------- */
footer{
  text-align:center;
  padding:2rem 1rem;
  font-size:.9rem;
  color:#6b7280;
}