h1 { font-family: Arial, Helvetica, sans-serif; }

/* Filter chips */
.filter-chip {
  background: #ffffff;
  color: #0057A0;
  border: 1px solid #d7e6f5;
  transition: all 0.15s ease;
}
.filter-chip:hover {
  background: #EAF3FB;
}
.filter-chip.active-chip {
  background: #003366;
  color: #ffffff;
  border-color: #003366;
  box-shadow: 0 2px 6px rgba(0,51,102,0.25);
}

/* Chapter accordion */
.chapter-card {
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,51,102,0.08);
  overflow: hidden;
}
.chapter-header {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.chapter-chevron {
  transition: transform 0.2s ease;
}
.chapter-header.expanded .chapter-chevron {
  transform: rotate(180deg);
}
.chapter-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}
.chapter-body.expanded {
  max-height: none;
}

/* Recommendation card */
.rec-card {
  border: 1px solid #e7edf3;
  border-radius: 0.9rem;
  background: #fff;
  transition: box-shadow 0.15s ease;
}
.rec-card:active {
  box-shadow: 0 0 0 3px rgba(0,87,160,0.12);
}

/* Grade badge colors */
.badge-stark-dafuer { background: #dcf5e3; color: #1a7a3d; }
.badge-stark-dagegen { background: #fde2e2; color: #b42318; }
.badge-schwach-dafuer { background: #fff3d6; color: #92650a; }
.badge-schwach-dagegen { background: #ffe6d6; color: #b9540a; }
.badge-offen { background: #eceff3; color: #4a5568; }

/* Evidence badge */
.badge-evidence {
  background: #EAF3FB;
  color: #0057A0;
}

/* Key recommendation ribbon */
.badge-key {
  background: #003366;
  color: #fff;
}

/* Rationale reveal */
.rationale-box {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
  background: #f7fafc;
  border-top: 1px dashed #dbe6f0;
}
.rationale-box.expanded {
  max-height: 600px;
}

/* Favorite star button */
.fav-btn {
  color: #cbd5e0;
  transition: color 0.15s ease, transform 0.15s ease;
}
.fav-btn.is-fav {
  color: #f6ad3c;
}
.fav-btn:active {
  transform: scale(1.2);
}

/* Scrollbar hide for filter row */
.overflow-x-auto::-webkit-scrollbar { height: 0; }