/* Zuchtprogramm: Tagebuch auf der Projektseite (sonst Bausteine aus steckbrief.css) und die Projektliste. */

.tagebuch__liste { list-style:none;margin:0;padding:0 0 0 var(--s-5);border-left:2px solid var(--petrol-100);display:flex;flex-direction:column;gap:var(--s-6); }
.tagebuch__eintrag { position:relative;scroll-margin-top:96px; }
.tagebuch__eintrag::before { content:"";position:absolute;left:calc(-1 * var(--s-5) - 7px);top:6px;width:12px;height:12px;border-radius:var(--r-full);background:var(--paper);border:2px solid var(--petrol-500); }
.tagebuch__eintrag:target::before { background:var(--petrol-500); }
.sbtext p.tagebuch__datum { margin:0 0 var(--s-1);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--petrol-600); }
.sbtext .tagebuch .tagebuch__eintrag h3 { margin:0 0 var(--s-2); }
.tagebuch__bilder { display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-2);margin-top:var(--s-3); }
.tagebuch__bilder a { display:block;aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;background:var(--petrol-100); }
.tagebuch__bilder img { display:block;width:100%;height:100%;object-fit:cover; }

.zp-intro { max-width:72ch;margin:var(--s-3) 0 0; }
.zp-gruppe + .zp-gruppe { padding-top:0; }
.zp-gruppe .species .figure { height:auto;aspect-ratio:16/9; }

@media (max-width:640px) {
	.tagebuch__liste { padding-left:var(--s-4); }
	.tagebuch__eintrag::before { left:calc(-1 * var(--s-4) - 7px); }
}