.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  display: inline-block;
  vertical-align: middle;
}
.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}
.bento-card {
  background: white;
  border: 1px solid #e0e0e0;
  padding: 24px;
  transition: all 0.3s ease;
}
.bento-card:hover {
  border-color: #004c31;
  transform: translateY(-4px);
}
.glass-nav {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
}

.safety-tip-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 24px;
}
.safety-tip-card {
  min-height: 100%;
}