<turbo-stream action="append" target="news-timeline-days"><template><section class='relative flex flex-col gap-3.5 pb-3.5'>
<div class='sticky top-16 z-10 flex items-center gap-3 bg-background py-3'>
<span aria-hidden class='absolute left-[-34px] flex size-[11px] items-center justify-center rounded-full border bg-background max-sm:left-[-26px] border-[#3a3e44]'>
<span class='size-1 rounded-full bg-[#3a3e44]'></span>
</span>
<span class='font-mono text-[11px] tracking-[0.18em] text-primary'>OCT 29</span>
<span aria-hidden class='h-px flex-1 bg-[#141719]'></span>
<span class='font-mono text-[10px] tracking-[0.14em] text-[#4a4e55]'>1 ITEM</span>
</div>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/3-black-holes-caught-eating-massive-stars-in-nasa-data"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-10-30T00:00:00Z'>20:00 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>3 Black Holes Caught Eating Massive Stars in NASA Data</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more...</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
<span class='flex flex-wrap gap-1.5'>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>Operations</span>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>Satellites</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://research-sandbox.33fg.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjEyLCJwdXIiOiJibG9iX2lkIn19--38044f3a837ffbf1043ce4a02c2411f2eed9d12d/gw-nasa-earth-science-mission-satellite.jpg" />
</span>
</a>
</section>

<section class='relative flex flex-col gap-3.5 pb-3.5'>
<div class='sticky top-16 z-10 flex items-center gap-3 bg-background py-3'>
<span aria-hidden class='absolute left-[-34px] flex size-[11px] items-center justify-center rounded-full border bg-background max-sm:left-[-26px] border-[#3a3e44]'>
<span class='size-1 rounded-full bg-[#3a3e44]'></span>
</span>
<span class='font-mono text-[11px] tracking-[0.18em] text-primary'>JUL 29</span>
<span aria-hidden class='h-px flex-1 bg-[#141719]'></span>
<span class='font-mono text-[10px] tracking-[0.14em] text-[#4a4e55]'>2 ITEMS</span>
</div>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/galaxy-clusters-on-course-to-crash-again-nasa-s-chandra-finds"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-07-30T00:00:00Z'>20:00 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>Galaxy Clusters on Course to Crash Again, NASA’s Chandra Finds</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>t is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-...</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
<span class='flex flex-wrap gap-1.5'>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>Operations</span>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>Satellites</span>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>SpaceX</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://research-sandbox.33fg.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjEzLCJwdXIiOiJibG9iX2lkIn19--60aa9c74a21dbdc25ec84b9a5bd1a0572854e39a/Europe_s_rockets_pillars.jpg" />
</span>
</a>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/nasa-sets-coverage-for-axiom-mission-4-launch-arrival-at-station"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-07-30T00:00:00Z'>20:00 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>NASA Sets Coverage for Axiom Mission 4 Launch, Arrival at Station</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>Is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or...</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://www.nasa.gov/wp-content/uploads/2025/06/53479985837-e929862b5b-k.jpg" />
</span>
</a>
</section>

<section class='relative flex flex-col gap-3.5 pb-3.5'>
<div class='sticky top-16 z-10 flex items-center gap-3 bg-background py-3'>
<span aria-hidden class='absolute left-[-34px] flex size-[11px] items-center justify-center rounded-full border bg-background max-sm:left-[-26px] border-[#3a3e44]'>
<span class='size-1 rounded-full bg-[#3a3e44]'></span>
</span>
<span class='font-mono text-[11px] tracking-[0.18em] text-primary'>JUN 3</span>
<span aria-hidden class='h-px flex-1 bg-[#141719]'></span>
<span class='font-mono text-[10px] tracking-[0.14em] text-[#4a4e55]'>1 ITEM</span>
</div>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/nasa-isro-research-aboard-fourth-private-astronaut-mission-to-station"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-06-04T00:00:00Z'>20:00 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>NASA, ISRO Research Aboard Fourth Private Astronaut Mission to Station</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>orem ipsum dolor sit amet, consectetur adipiscing elit. Donec at risus eu mauris tempus tempus. Proin laoreet sodales ligula, ac consectetur orci. Mauris lacinia leo in justo po...</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
<span class='flex flex-wrap gap-1.5'>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>Operations</span>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>Satellites</span>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>SpaceX</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://www.nasa.gov/wp-content/uploads/2025/02/ax4-axiom-crewportraits-prime-20241204-2231-3077x2052-7aff5de.png" />
</span>
</a>
</section>

<section class='relative flex flex-col gap-3.5 pb-3.5'>
<div class='sticky top-16 z-10 flex items-center gap-3 bg-background py-3'>
<span aria-hidden class='absolute left-[-34px] flex size-[11px] items-center justify-center rounded-full border bg-background max-sm:left-[-26px] border-[#3a3e44]'>
<span class='size-1 rounded-full bg-[#3a3e44]'></span>
</span>
<span class='font-mono text-[11px] tracking-[0.18em] text-primary'>APR 7</span>
<span aria-hidden class='h-px flex-1 bg-[#141719]'></span>
<span class='font-mono text-[10px] tracking-[0.14em] text-[#4a4e55]'>1 ITEM</span>
</div>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/findings-from-the-field-a-research-symposium-for-student-scientists"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-04-08T00:00:00Z'>20:00 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>Findings from the Field: A Research Symposium for Student Scientists</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
<span class='flex flex-wrap gap-1.5'>
<span class='rounded-[5px] border border-[#22262b] px-2 py-1 font-mono text-[9.5px] tracking-[0.12em] text-muted-foreground'>Orbit</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://assets.science.nasa.gov/dynamicimage/assets/science/cds/learn/science-activation-stories/2025/FindingsKeyNote-Keri_Moskowitz.jpg" />
</span>
</a>
</section>

<section class='relative flex flex-col gap-3.5 pb-3.5'>
<div class='sticky top-16 z-10 flex items-center gap-3 bg-background py-3'>
<span aria-hidden class='absolute left-[-34px] flex size-[11px] items-center justify-center rounded-full border bg-background max-sm:left-[-26px] border-[#3a3e44]'>
<span class='size-1 rounded-full bg-[#3a3e44]'></span>
</span>
<span class='font-mono text-[11px] tracking-[0.18em] text-primary'>JAN 29</span>
<span aria-hidden class='h-px flex-1 bg-[#141719]'></span>
<span class='font-mono text-[10px] tracking-[0.14em] text-[#4a4e55]'>1 ITEM</span>
</div>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/nasa-invites-media-to-discuss-punch-mission-to-study-solar-wind"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-01-29T21:00:29Z'>16:00 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>NASA Invites Media to Discuss PUNCH Mission to Study Solar Wind</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>NASA will hold a media teleconference at 2 p.m. EST on Tuesday, Feb. 4, to share information about the agency’s upcoming PUNCH (Polarimeter to Unify the Corona and Heliosphere) ...</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://www.nasa.gov/wp-content/uploads/2025/01/punch-illustration.png" />
</span>
</a>
</section>

<section class='relative flex flex-col gap-3.5 pb-3.5'>
<div class='sticky top-16 z-10 flex items-center gap-3 bg-background py-3'>
<span aria-hidden class='absolute left-[-34px] flex size-[11px] items-center justify-center rounded-full border bg-background max-sm:left-[-26px] border-[#3a3e44]'>
<span class='size-1 rounded-full bg-[#3a3e44]'></span>
</span>
<span class='font-mono text-[11px] tracking-[0.18em] text-primary'>JAN 28</span>
<span aria-hidden class='h-px flex-1 bg-[#141719]'></span>
<span class='font-mono text-[10px] tracking-[0.14em] text-[#4a4e55]'>2 ITEMS</span>
</div>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/how-to-fly-nasa-s-orion-spacecraft"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-01-28T19:37:11Z'>14:37 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>How to Fly NASA’s Orion Spacecraft</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>On NASA’s Artemis II test flight, the first crewed mission under the agency’s Artemis campaign, astronauts will take the controls of the Orion spacecraft and periodically fly it...</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://www.nasa.gov/wp-content/uploads/2025/01/coverphoto2.png" />
</span>
</a>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/langley-s-wonder-changes-the-world-2023-annual-report-spotlights-contributions"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-01-28T15:02:11Z'>10:02 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>Langley’s Wonder Changes The World, 2023 Annual Report Spotlights Contributions</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>In 2023, NASA Langley’s workforce brought imagination to reality with innovative technological development and a continued commitment to tackling some of the tough challenges th...</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxLCJwdXIiOiJibG9iX2lkIn19--de0d35e938f4f6ee78c12832783b8a88952e034c/apple-touch-icon-57x57.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>NASA NEWS RELEASES</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://www.nasa.gov/wp-content/uploads/2025/01/screenshot-2025-01-28-at-9-04-19 am.png" />
</span>
</a>
</section>

<section class='relative flex flex-col gap-3.5 pb-3.5'>
<div class='sticky top-16 z-10 flex items-center gap-3 bg-background py-3'>
<span aria-hidden class='absolute left-[-34px] flex size-[11px] items-center justify-center rounded-full border bg-background max-sm:left-[-26px] border-[#3a3e44]'>
<span class='size-1 rounded-full bg-[#3a3e44]'></span>
</span>
<span class='font-mono text-[11px] tracking-[0.18em] text-primary'>JAN 24</span>
<span aria-hidden class='h-px flex-1 bg-[#141719]'></span>
<span class='font-mono text-[10px] tracking-[0.14em] text-[#4a4e55]'>2 ITEMS</span>
</div>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/news-test"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-01-24T15:11:27Z'>10:11 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>News test</span>
<span class='text-pretty text-[14.5px] leading-relaxed text-muted-foreground'>test</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain dark:bg-gray-100 dark:rounded-full" src="https://mach33-research.s3.us-east-1.amazonaws.com/globe.svg" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>RINGWATCHERS</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://api.ringwatchers.com/images/28e3cdc3-dde9-4fe7-a3fa-1f88892232c4-large.jpg" />
</span>
</a>
<a class="group relative grid grid-cols-1 items-start gap-3.5 rounded-[14px] border border-[#1a1d21] bg-card p-4 no-underline transition-colors hover:border-[#33383f] hover:bg-card/80 sm:grid-cols-[minmax(0,1fr)_168px] sm:gap-[22px] sm:p-5" data-turbo-frame="slide-over" href="/news/apple-meta-test"><span aria-hidden class='absolute left-[-29px] top-[26px] hidden h-px w-[19px] bg-[#26292e] sm:block'></span>
<span class='flex min-w-0 flex-col gap-2.5'>
<span class='flex flex-wrap items-center gap-[11px]'>
<time class='font-mono text-[10px] tracking-[0.14em] text-muted-foreground/70' datetime='2025-01-24T14:06:17Z'>09:06 ET</time>
</span>
<span class='text-pretty text-lg font-bold leading-[1.3] tracking-[-0.018em] text-primary'>Apple Meta Test</span>
<span class='flex flex-wrap items-center gap-3.5 pt-0.5'>
<span class='flex items-center gap-2'>
<img class="size-4 shrink-0 rounded border border-border bg-field object-contain" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ0LCJwdXIiOiJibG9iX2lkIn19--97e4bbb9f5a1a397ec7629ec910722782111f0b1/apple-touch-icon-v3.png" />
<span class='font-mono text-[9.5px] tracking-[0.14em] text-muted-foreground'>CNET</span>
</span>
</span>
</span>
<span class='relative order-first flex aspect-video items-center justify-center overflow-hidden rounded-[10px] border border-border bg-field sm:order-none sm:aspect-[16/10]'>
<img class="absolute inset-0 size-full object-cover" alt="" src="https://www.cnet.com/a/img/resize/4d42f7ff7cf3e082c8f1f1b2309e5005eb216a04/hub/2022/11/14/a2efd1f1-cd67-4ecd-a243-cf75336ffc2c/p1001076.jpg?auto=webp&amp;fit=crop&amp;height=675&amp;width=1200" />
</span>
</a>
</section>

</template></turbo-stream><turbo-stream action="replace" target="news-load-more"><template><div class='relative flex items-center gap-3.5 pt-5' id='news-load-more'>
<span aria-hidden class='absolute left-[-34px] top-[26px] size-[11px] rounded-full border border-dashed border-[#2f3338] bg-background max-sm:left-[-26px]'></span>
<a class="rounded-full border border-border bg-card px-[26px] py-3 text-[13.5px] font-bold text-foreground transition-colors hover:border-[#4a5058]" data-turbo-stream="true" href="/news.turbo_stream?page=4">Load earlier items</a>
</div>

</template></turbo-stream>