.tg-observations { margin-top:32px; padding-top:26px; border-top:1px solid var(--line,#d8d1c2); }
.tg-observations h3 { margin:0 0 8px; font:400 26px/1.2 Georgia,serif; color:var(--ink,#243127); }
.tg-observation-caption { margin:0 0 22px; color:var(--muted,#69736a); font-size:11px; line-height:1.6; }
.tg-observation-list { list-style:none; margin:0; padding:0 0 0 18px; border-left:1px solid #c8d2bd; }
.tg-observation { position:relative; padding:0 0 25px 8px; }
.tg-observation::before { content:""; position:absolute; left:-23px; top:5px; width:8px; height:8px; border-radius:50%; background:#7d956d; box-shadow:0 0 0 4px var(--paper,#fbfaf5); }
.tg-observation time { display:block; font-size:11px; line-height:1.6; font-weight:600; color:var(--sage-dark,#5f7856); }
.tg-observation-notes { margin:8px 0 0; font-size:14px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.tg-observation-recorded { display:block; margin-top:8px; font-size:10px; color:var(--muted,#69736a); line-height:1.6; }
.tg-observations .tg-button { margin-top:8px; }
.tg-observation-list:empty { border:0; }