/* Digital SAT Explorer - Strong Visual Hierarchy */

.dsat-explorer-card {
  border: 1px solid #dce5ed !important;
  box-shadow: 0 20px 55px rgba(31,50,70,.12) !important;
}


/* COUNTERS */

.dsat-count {
  border-width: 1px !important;
  border-style: solid !important;
  min-height: 98px;
  box-shadow: 0 6px 18px rgba(31,50,70,.05);
}

.dsat-count strong {
  font-size: 1.95rem !important;
  font-weight: 800 !important;
}

.dsat-count span {
  font-weight: 700 !important;
}


/* Courses */

.dsat-count:nth-child(1) {
  background: #eef8ff !important;
  border-color: #acd9f5 !important;
}

.dsat-count:nth-child(1) strong {
  color: #2176a8 !important;
}

.dsat-count:nth-child(1)::after {
  background: #3498db !important;
}


/* Tests */

.dsat-count:nth-child(2) {
  background: #fff7e8 !important;
  border-color: #ffd18b !important;
}

.dsat-count:nth-child(2) strong {
  color: #d97706 !important;
}

.dsat-count:nth-child(2)::after {
  background: #f39c12 !important;
}


/* Lectures */

.dsat-count:nth-child(3) {
  background: #edf9f5 !important;
  border-color: #aee5d1 !important;
}

.dsat-count:nth-child(3) strong {
  color: #08775c !important;
}

.dsat-count:nth-child(3)::after {
  background: #10a277 !important;
}


/* Books */

.dsat-count:nth-child(4) {
  background: #f2f5f8 !important;
  border-color: #cbd6df !important;
}

.dsat-count:nth-child(4) strong {
  color: #2c3e50 !important;
}

.dsat-count:nth-child(4)::after {
  background: #2c3e50 !important;
}


.dsat-count:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(31,50,70,.10) !important;
}

.dsat-count.active {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(31,50,70,.11) !important;
}


/* COURSE CARDS */

[data-dsat-panel="courses"] .dsat-content-grid {
  gap: 16px !important;
}

[data-dsat-panel="courses"] .dsat-content-item {
  position: relative;
  min-height: 120px !important;
  padding: 20px !important;
  background: #fff !important;
  border: 1px solid #e0e7ed !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 22px rgba(31,50,70,.07);
  overflow: hidden;
}

[data-dsat-panel="courses"] .dsat-content-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
}


/* Group 1 */

[data-dsat-panel="courses"] .dsat-content-item:nth-child(1)::before {
  background: #3498db;
}

[data-dsat-panel="courses"] .dsat-content-item:nth-child(1) .dsat-item-icon {
  background: #e8f5fd;
  color: #2482ba;
}


/* Group 2 */

[data-dsat-panel="courses"] .dsat-content-item:nth-child(2)::before {
  background: #f39c12;
}

[data-dsat-panel="courses"] .dsat-content-item:nth-child(2) .dsat-item-icon {
  background: #fff2dc;
  color: #d97706;
}


/* Hard */

[data-dsat-panel="courses"] .dsat-content-item:nth-child(3)::before {
  background: #2c3e50;
}

[data-dsat-panel="courses"] .dsat-content-item:nth-child(3) .dsat-item-icon {
  background: #edf1f4;
  color: #2c3e50;
}


[data-dsat-panel="courses"] .dsat-content-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 32px rgba(31,50,70,.12) !important;
  border-color: #cbd8e2 !important;
}

[data-dsat-panel="courses"] .dsat-item-icon {
  width: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
  font-size: 1.15rem;
}

[data-dsat-panel="courses"] .dsat-item-copy strong {
  color: #25384b !important;
  font-size: .92rem !important;
  font-weight: 750 !important;
}

[data-dsat-panel="courses"] .dsat-item-copy span {
  color: #8392a1 !important;
  margin-top: 5px;
  display: block;
}


/* TEST GROUPS */

.dsat-test-group {
  border: 1px solid #dce5ec !important;
  box-shadow: 0 5px 16px rgba(31,50,70,.05) !important;
}

.dsat-test-group:nth-child(1) {
  border-left: 4px solid #3498db !important;
}

.dsat-test-group:nth-child(2) {
  border-left: 4px solid #f39c12 !important;
}

.dsat-test-group:nth-child(3) {
  border-left: 4px solid #2c3e50 !important;
}

.dsat-test-group-toggle {
  background: #fff !important;
}

.dsat-test-group-toggle:hover {
  background: #f7fafc !important;
}

.dsat-test-group-left strong {
  font-size: .96rem !important;
  font-weight: 750 !important;
}

.dsat-test-count-badge {
  font-weight: 800 !important;
}


/* Section title */

.dsat-panel-title h3 {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #25384b !important;
}


/* Mobile */

@media(max-width:767px) {

  .dsat-count {
    min-height: 88px;
  }

  .dsat-count strong {
    font-size: 1.65rem !important;
  }

  [data-dsat-panel="courses"] .dsat-content-item {
    min-height: 100px !important;
  }
}