/* Custom styles for the Digital Diary home page */
body {
  background: #f5f7f9;
  color: #2b2b2b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.app-header .navbar {
  background: #24649b !important; /* example blue like the task */
}

.app-main {
  max-width: 980px;
  background: #fff;
  padding: 24px;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  border: 1px solid #e6e9ec;
}

h2 { font-weight: 500; color: #333; }

.news-card {
  border: 1px solid #e6e9ec;
  border-radius: 6px;
  box-shadow: none;
}

.news-icon {
  width: 64px;
  height: 64px;
}

.news-card .card-body {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 18px;
  padding-left: 6px;
}

.more-btn {
  background: #6c757d;
  border: none;
  color: #fff;
  padding: 10px 16px;
}

.reward-card {
  border: 1px solid #e6e9ec;
  border-radius: 6px;
}

.reward-item small {
  font-weight: 600;
}

.avatar { width: 36px; height: 36px; }

@media (max-width: 767px) {
  .app-main { padding: 18px; }
}