/* Match the existing secondary actions without changing the study layout. */
.study-bar .secondary {
  min-height: 44px;
  padding: 11px 17px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  color: var(--green);
  font-weight: 600;
  transition: background-color .15s, border-color .15s;
}
.study-bar .secondary:hover {
  background: #eff5ec;
  border-color: #b9cdc0;
}
@media (max-width: 600px) {
  .study-bar { flex-wrap: wrap; }
  .study-bar strong { flex: 1; min-width: 120px; }
  .study-bar #study-close { margin-left: auto; }
}