body {
  background-color: #f4f4f4;
  color: #333;
}

header {
  background-color: #004080;
  color: white;
}

article {
  background-color: white;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

article h2 {
  color: #004080;
}

a {
  color: #0066cc;
}

dl {
  border-left: 4px solid #004080;
}

dt {
  background-color: #e6f0ff;
  color: #004080;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
}

dd {
  background-color: #fff;
  border-bottom-color: #eee;
}

/* Footer */
footer {
  color: #666;
}


ul.material li {
  background-color: #ffffff;
  border-color: #ddd;
  border-left-left:  #004080;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

ul.material li:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

ul.material li a {
  color: #004080;
}

ul.material li p {
  color: #555;
}

ul.material li .date-tag {
  color: #888;
}

ul.material li.hl-new {
  background-color: #fff3cd; 
}

.new-flag {
  background-color: #dc3545;
  color: white;
}