<div class="border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2"> <div class="flex items-start gap-2.5"> <!-- Avatar --> <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:w3uofbttkdu3go5xf2hxb6fp/bafkreiewmaz6jau6wm5gkezxaocxkhbkmr43f4rokllytdkvfojjrvml4a" class="w-6 h-6 rounded-full shrink-0 border border-slate-800" /> <!-- Comment Content --> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2 mb-1"> <span class="text-xs font-bold text-slate-300">Owen</span> <span class="text-[10px] text-slate-500">@wildfifer.bsky.social</span> <span class="text-[9px] text-slate-600">· Jul 10, 08:07 AM</span> </div> <p class="text-xs text-slate-350 leading-relaxed break-words">I am visiting the island on Sunday! I am looking forward to seeing the birds.</p> </div> </div> <!-- Replies --> <div class="mt-2"> &lt;div class=&quot;border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2&quot;&gt; &lt;div class=&quot;flex items-start gap-2.5&quot;&gt; &lt;!-- Avatar --&gt; &lt;img src=&quot;https://cdn.bsky.app/img/avatar/plain/did:plc:p3m7g53c4q4zf2y62vlje6p5/bafkreihiplzb6e66d27efxwvy2t2fgep3vypa2i2voaexw2vb74zsj6l5e&quot; class=&quot;w-6 h-6 rounded-full shrink-0 border border-slate-800&quot; /&gt; &lt;!-- Comment Content --&gt; &lt;div class=&quot;flex-1 min-w-0&quot;&gt; &lt;div class=&quot;flex items-center gap-2 mb-1&quot;&gt; &lt;span class=&quot;text-xs font-bold text-slate-300&quot;&gt;David Steel&lt;/span&gt; &lt;span class=&quot;text-[10px] text-slate-500&quot;&gt;@steelyseabirder.bsky.social&lt;/span&gt; &lt;span class=&quot;text-[9px] text-slate-600&quot;&gt;· Jul 10, 08:14 PM&lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;text-xs text-slate-350 leading-relaxed break-words&quot;&gt;It’s brilliant. You’ll love it!&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Replies --&gt; &lt;div class=&quot;mt-2&quot;&gt; &amp;lt;div class=&amp;quot;border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2&amp;quot;&amp;gt; &amp;lt;div class=&amp;quot;flex items-start gap-2.5&amp;quot;&amp;gt; &amp;lt;!-- Avatar --&amp;gt; &amp;lt;img src=&amp;quot;https://cdn.bsky.app/img/avatar/plain/did:plc:w3uofbttkdu3go5xf2hxb6fp/bafkreiewmaz6jau6wm5gkezxaocxkhbkmr43f4rokllytdkvfojjrvml4a&amp;quot; class=&amp;quot;w-6 h-6 rounded-full shrink-0 border border-slate-800&amp;quot; /&amp;gt; &amp;lt;!-- Comment Content --&amp;gt; &amp;lt;div class=&amp;quot;flex-1 min-w-0&amp;quot;&amp;gt; &amp;lt;div class=&amp;quot;flex items-center gap-2 mb-1&amp;quot;&amp;gt; &amp;lt;span class=&amp;quot;text-xs font-bold text-slate-300&amp;quot;&amp;gt;Owen&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;text-[10px] text-slate-500&amp;quot;&amp;gt;@wildfifer.bsky.social&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;text-[9px] text-slate-600&amp;quot;&amp;gt;· Jul 10, 09:45 PM&amp;lt;/span&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;p class=&amp;quot;text-xs text-slate-350 leading-relaxed break-words&amp;quot;&amp;gt;The weather seems to be holding out. I love all birds, but a personal favourite on May is the Kittiwake.&amp;lt;/p&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;!-- Replies --&amp;gt; &amp;lt;/div&amp;gt; &lt;/div&gt; &lt;/div&gt; </div> </div> <div class="border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2"> <div class="flex items-start gap-2.5"> <!-- Avatar --> <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:s7wi5lkfgpq475fdxx3cjwto/bafkreibjuj4x6w4uxx2krqcqk7efrmcq7u5xi7hbpcqfispzeepbhorrmy" class="w-6 h-6 rounded-full shrink-0 border border-slate-800" /> <!-- Comment Content --> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2 mb-1"> <span class="text-xs font-bold text-slate-300">@s4r4h-l</span> <span class="text-[10px] text-slate-500">@s4r4h-l.bsky.social</span> <span class="text-[9px] text-slate-600">· Jul 10, 07:25 AM</span> </div> <p class="text-xs text-slate-350 leading-relaxed break-words">Bet it&#39;s perfect on your island today with a sea breeze</p> </div> </div> <!-- Replies --> </div> <div class="border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2"> <div class="flex items-start gap-2.5"> <!-- Avatar --> <img src="https://cdn.bsky.app/img/avatar/plain/did:plc:6x4bj7uk6ux4r2bmnalc2y2b/bafkreif7fm2rqkq2erpyhnmso646jmr4jwrat73wc77vbjvoo7rqolvkra" class="w-6 h-6 rounded-full shrink-0 border border-slate-800" /> <!-- Comment Content --> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2 mb-1"> <span class="text-xs font-bold text-slate-300">Dougie Comrie</span> <span class="text-[10px] text-slate-500">@woodycrombie.bsky.social</span> <span class="text-[9px] text-slate-600">· Jul 10, 10:44 AM</span> </div> <p class="text-xs text-slate-350 leading-relaxed break-words">I was listening to Puffins on a Foghorn long before they became famous, and before the rest of you jumped on the bandwagon! There were only 9 of us at their first gig at the Kirkintilloch Miners Welfare. 🎸</p> </div> </div> <!-- Replies --> <div class="mt-2"> &lt;div class=&quot;border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2&quot;&gt; &lt;div class=&quot;flex items-start gap-2.5&quot;&gt; &lt;!-- Avatar --&gt; &lt;img src=&quot;https://cdn.bsky.app/img/avatar/plain/did:plc:p3m7g53c4q4zf2y62vlje6p5/bafkreihiplzb6e66d27efxwvy2t2fgep3vypa2i2voaexw2vb74zsj6l5e&quot; class=&quot;w-6 h-6 rounded-full shrink-0 border border-slate-800&quot; /&gt; &lt;!-- Comment Content --&gt; &lt;div class=&quot;flex-1 min-w-0&quot;&gt; &lt;div class=&quot;flex items-center gap-2 mb-1&quot;&gt; &lt;span class=&quot;text-xs font-bold text-slate-300&quot;&gt;David Steel&lt;/span&gt; &lt;span class=&quot;text-[10px] text-slate-500&quot;&gt;@steelyseabirder.bsky.social&lt;/span&gt; &lt;span class=&quot;text-[9px] text-slate-600&quot;&gt;· Jul 10, 08:13 PM&lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;text-xs text-slate-350 leading-relaxed break-words&quot;&gt;🤣🤣🤣🤣👍&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- Replies --&gt; &lt;/div&gt; </div> </div>