/* Keep the two task groups visually distinct under every application theme. */
[data-task-section] {
  display: block !important;
  width: 100%;
  clear: both;
  border-radius: 20px !important;
  overflow: hidden;
  margin: 20px 0 28px !important;
  border: 2px solid #cbd5e1 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 5px 18px rgba(15, 23, 42, .07) !important;
}
[data-task-section="daily"] {
  border-color: #a78bfa !important;
  background: #f5f3ff !important;
}
[data-task-section] > div:first-child {
  padding: 20px 24px !important;
  border-bottom: 1px solid #cbd5e1 !important;
  background: #f1f5f9 !important;
}
[data-task-section="daily"] > div:first-child {
  background: #ede9fe !important;
  border-bottom-color: #c4b5fd !important;
}
[data-task-section] h3 {
  font-size: 20px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
[data-task-section="daily"] h3 { color: #5b21b6 !important; }
[data-task-section="daily"] > .grid { padding: 20px !important; }
[data-task-section="daily"] article {
  background: #fff !important;
  border: 1px solid #ddd6fe !important;
  padding: 18px !important;
}
[data-task-section="daily"] > p { padding: 32px 20px !important; margin: 0; }
@media (max-width: 640px) {
  [data-task-section] { border-radius: 14px !important; margin: 16px 0 24px !important; }
  [data-task-section] > div:first-child { padding: 16px !important; }
  [data-task-section="daily"] > .grid { padding: 12px !important; }
}