/* Mobile-friendly accordion for the original Training Progress dashboard. */
#bog-progress-accordion {
  display:block;
  margin:14px 0 18px;
  min-width:0;
}
#bog-progress-accordion > summary {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 12px;
  min-height:54px;
  padding:13px 16px;
  border:1px solid var(--bog-border, #547358);
  border-radius:13px;
  background:var(--bog-panel, #172b20);
  color:var(--bog-text, #eef4e9);
  cursor:pointer;
  list-style:none;
  box-shadow:0 2px 12px #0002;
  -webkit-tap-highlight-color:transparent;
}
#bog-progress-accordion > summary::-webkit-details-marker {display:none}
#bog-progress-accordion > summary::marker {content:''}
#bog-progress-accordion > summary:focus-visible {
  outline:3px solid var(--bog-accent, #dec17b);
  outline-offset:3px;
}
#bog-progress-accordion > summary:hover {border-color:var(--bog-accent, #dec17b)}
#bog-progress-accordion .bog-progress-title {
  font-weight:800;
  font-size:16px;
  line-height:1.2;
}
#bog-progress-accordion .bog-progress-hint {
  color:var(--bog-muted, #b4c7b8);
  font-size:12px;
  flex:1 1 180px;
  line-height:1.35;
}
#bog-progress-accordion .bog-progress-chevron {
  width:11px;
  height:11px;
  flex:0 0 11px;
  margin:0 4px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform 140ms ease;
}
#bog-progress-accordion[open] .bog-progress-chevron {
  transform:rotate(225deg) translateY(-2px);
}
#bog-progress-accordion[open] > summary {
  border-radius:13px 13px 0 0;
  border-bottom-color:transparent;
}
#bog-progress-accordion #dashboard {
  margin-top:0;
  border-radius:0 0 13px 13px;
}
#bog-progress-accordion #dashboard > h2 {display:none}
@media (max-width:600px) {
  #bog-progress-accordion {margin:10px 0 14px}
  #bog-progress-accordion > summary {padding:12px 13px;min-height:52px}
  #bog-progress-accordion .bog-progress-title {font-size:15px}
  #bog-progress-accordion .bog-progress-hint {font-size:12px}
}
@media (prefers-reduced-motion:reduce) {
  #bog-progress-accordion .bog-progress-chevron {transition:none}
}