/* Bitiş akışı — referans: biyoloji/biy9.1.2. */
#main .completion-panel {
  margin: 24px 0;
  padding: 20px;
  background: var(--cream, #faf7eb);
  border: 1px solid #e1c9ba;
}
#main .completion-panel .completion-status {
  margin: 0 0 12px;
}
#main .completion-panel .start-button {
  width: 100%;
  font-size: 18px;
}
#main .done-banner {
  background: #e8f3e8;
  border-left: 5px solid #3c7b45;
  padding: 18px;
  margin-top: 14px;
}
#main .library-cards .card .open-label {
  display: block;
  margin-top: 6px;
}

/* --- 8'li görsel ızgarası (2.1 ve 3.3 a) --- */
#main figure.kaynak-gorsel.izgara {
  display: inline-block; width: 23%; min-width: 120px;
  margin: 0 1% 14px 0; vertical-align: top;
}
#main figure.kaynak-gorsel.izgara img { width: 100%; height: auto; }
#main figure.kaynak-gorsel.izgara figcaption { font-weight: 700; text-align: center; }
/* --- doldur alanı: etiket solda, kutu sağda --- */
#main .alan-doldur { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 6px 0; }
#main .alan-doldur .alan-etiket { margin: 0; flex: 1 1 auto; }
#main .alan-doldur .doldur { flex: 0 0 auto; }
#main .alan-doldur .doldur input { min-width: 190px; }