<!DOCTYPE html>
<html lang="en" class="scroll-smooth group/html" x-data="{ menuOpen: isMenuOpen(), colorScheme: getColorScheme(), menuUserOpen: false, postFeedStyle: getPostFeedStyle(), rightSidebarOpen: true }" :class="colorScheme === 'dark' ? 'dark' : 'light'" :data-menu-open="menuOpen ? 'true' : 'false'" :data-color-scheme="colorScheme" :data-post-feed-style="postFeedStyle" :data-right-sidebar-open="rightSidebarOpen" data-default-feed="featured" x-init="document.documentElement.removeAttribute('data-default-feed')"
>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>BAVIDA | The Health Community</title>

    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <meta name="theme-color" content="#1BDBDB">
    <meta name="ghost-theme" content="Thred 1.1.0">
    
    

<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=swap" rel="stylesheet">

<style>
  body { 
    --font-heading: var(--gh-font-heading, 'Geist'), sans-serif; 
    --font-body: var(--gh-font-body, 'Geist'), sans-serif; 
  }
</style>


    <script type="module" src="/assets/built/app.js?v=e0fcbb8c43"></script>

    <link rel="stylesheet" type="text/css" href="/assets/built/app.css?v=e0fcbb8c43" />

    <script>
  const THEME_CONFIG = {
    SITE_URL: 'https://bavida.com',
    CONTENT_API_URL: 'https://bavida.com/ghost/api/content/',
    CONTENT_API_KEY: 'fa9a0daa963fa4e0e04f46fe34',
    ENABLE_IMAGE_ZOOM: true,
    POSTS_PER_PAGE: parseInt('125'),
    PAGINATION: {
      CURRENT_PAGE: parseInt('1'),
      NEXT_PAGE: parseInt(''),
      NEXT_PAGE_LINK: '',
      MAX_PAGES: parseInt('1'), 
      LAST_PAGE: `1` === `1` ? true : false,
      TOTAL: parseInt('99')
    },
    SYNTAX: {
      LANGS: ['javascript', 'html', 'css', 'bash'],
      DARK_THEME: 'github-dark',
      LIGHT_THEME: 'github-light'
    }
  }

  const MEMBER = {
    LOGGED_IN: false
  }
</script>
    <script>
/*----------------------------------------------------------------------------*/
/* Color scheme */
/*----------------------------------------------------------------------------*/
function getColorScheme() {
  const pref = localStorage.getItem('PREFERRED_COLOR_SCHEME') || 'system';
  return pref === 'system' 
    ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
    : pref;
}
/* To avoid flickering, we set the color scheme in the head tag */
document.documentElement.setAttribute('data-color-scheme', getColorScheme());

function getContrastColor(hexColor) {
  if (!hexColor || typeof hexColor !== 'string') {
    throw new Error('A hex color string is required');
  }
  
  const hex = hexColor.replace('#', '');
  if (!/^[0-9A-Fa-f]{6}$/.test(hex)) {
    throw new Error('Invalid hex color format');
  }
  
  const r = parseInt(hex.slice(0, 2), 16);
  const g = parseInt(hex.slice(2, 4), 16);
  const b = parseInt(hex.slice(4, 6), 16);
  
  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
  return luminance > 0.5 ? '#000000' : '#ffffff';
}

document.documentElement.style.setProperty('--color-brand-contrast', `color-mix(in srgb, var(--color-brand) 5%, ${getContrastColor('#1BDBDB')} 100%)`);

/*----------------------------------------------------------------------------*/
/* Left sidebar */
/*----------------------------------------------------------------------------*/
function isMenuOpen() {
  // Force menu closed on screens under 1024px
  if (window.innerWidth < 1024) { return false; }
  const state = localStorage.getItem('MENU_STATE') || 'open';
  return state === 'closed' ? false : true;
}
/* To avoid flickering, we set the menu state in the head tag */
document.documentElement.setAttribute('data-menu-open', isMenuOpen() ? 'true' : 'false');

/*----------------------------------------------------------------------------*/
/* Post feed style */
/*----------------------------------------------------------------------------*/
function getPostFeedStyle() {
  const feedStyle = localStorage.getItem('PREFERRED_POST_FEED') || 'compact';
  return feedStyle;
}
document.documentElement.setAttribute('data-post-feed-style', getPostFeedStyle());

function setPostFeedStyle(style) {
  document.documentElement.setAttribute('data-post-feed-style', style);
  localStorage.setItem('PREFERRED_POST_FEED', style);
}
</script>
    

    <meta name="description" content="Our community: Where health becomes a shared journey. True health is about more than just following the latest diet trend or hitting your step count.">
    <link rel="canonical" href="https://bavida.com/">
    <meta name="referrer" content="strict-origin-when-cross-origin">
    
    <meta property="og:site_name" content="BAVIDA">
    <meta property="og:type" content="website">
    <meta property="og:title" content="BAVIDA">
    <meta property="og:description" content="Our community: Where health becomes a shared journey. True health is about more than just following the latest diet trend or hitting your step count.">
    <meta property="og:url" content="https://bavida.com/">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="BAVIDA">
    <meta name="twitter:description" content="Our community: Where health becomes a shared journey. True health is about more than just following the latest diet trend or hitting your step count.">
    <meta name="twitter:url" content="https://bavida.com/">
    
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "publisher": {
        "@type": "Organization",
        "name": "BAVIDA",
        "url": "https://bavida.com/",
        "logo": {
            "@type": "ImageObject",
            "url": "https://bavida.com/favicon.ico",
            "width": 48,
            "height": 48
        }
    },
    "url": "https://bavida.com/",
    "name": "BAVIDA",
    "mainEntityOfPage": "https://bavida.com/",
    "description": "Our community: Where health becomes a shared journey. True health is about more than just following the latest diet trend or hitting your step count."
}
    </script>

    <meta name="generator" content="Ghost 6.28">
    <link rel="alternate" type="application/rss+xml" title="BAVIDA" href="https://bavida.com/t/rss/">
    <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.68/umd/portal.min.js" data-i18n="true" data-ghost="https://bavida.com/" data-key="fa9a0daa963fa4e0e04f46fe34" data-api="https://bavida.com/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}</style>
    <script defer src="https://bavida.com/content/files/search/search.min.js" data-key="fa9a0daa963fa4e0e04f46fe34" data-styles="" data-sodo-search="https://bavida.com/" data-locale="en" crossorigin="anonymous"></script>
    
    <link href="https://bavida.com/webmentions/receive/" rel="webmention">
    <script defer src="/public/cards.min.js?v=e0fcbb8c43"></script>
    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=e0fcbb8c43">
    <script defer src="/public/member-attribution.min.js?v=e0fcbb8c43"></script>
    <script defer src="/public/ghost-stats.min.js?v=e0fcbb8c43" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://bavida.com/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="e6ab720e-e0da-44f7-89af-7b3c0f30b949" tb_post_uuid="undefined" tb_post_type="null" tb_member_uuid="undefined" tb_member_status="undefined"></script><style>:root {--ghost-accent-color: #1BDBDB;}</style>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<link rel="preconnect" href="https://www.clarity.ms" crossorigin>
<link rel="preconnect" href="https://cdn.onesignal.com" crossorigin>
<link rel="dns-prefetch" href="https://res.cloudinary.com">
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
<link rel="dns-prefetch" href="https://images.unsplash.com">
<link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net">

<!-- Google Analytics (gtag.js) -->
<script src="https://www.googletagmanager.com/gtag/js?id=G-YXP14F2JTZ" defer></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-YXP14F2JTZ');
</script>

<style>
  :root {
    --color-typ: hsl(0, 0%, 9%);
    --color-typ-tone: hsl(50, 5%, 35%);
    --color-typ-content: hsl(50, 3%, 25%);
    --color-bgr: hsl(60, 33%, 97%);
    --color-bgr-tone: hsl(60, 19%, 94%);
    --color-brd: hsl(60, 10%, 88%);
  }
  html[data-color-scheme="dark"]:root {
    --color-typ: hsl(60, 15%, 90%);
    --color-typ-tone: hsl(60, 10%, 65%);
    --color-typ-content: hsl(60, 12%, 80%);
    --color-bgr: hsl(0, 0%, 9%);
    --color-bgr-tone: hsl(60, 5%, 13%);
    --color-brd: hsl(60, 5%, 20%);
  }
</style>
    <link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=ibm-plex-serif:400,500,600"><style>:root {--gh-font-heading: IBM Plex Serif;}</style>
  </head>
  <body class="home-template gh-font-heading-ibm-plex-serif subpixel-antialiased relative overflow-x-hidden bg-bgr text-typ [&_.is-subitem]:hidden [&_.is-mainitem_.is-subitem]:flex"
    x-data="{ member: window.MEMBER, shareModalOpen: false, shareMetadata: null, activeFeed: window.location.hash || '#featured', commentModal: { open: false, trigger: null, status: null, title: null, url: null, id: null } }"
    data-user="visitor"
    @keydown.escape="shareModalOpen = false; commentModal.open = false; commentModal.url = null" @keydown.slash="window.location.hash = '#/search'"
    x-init="$nextTick(async () => { socials = window.socials; shareMetadata = await getURLMetadata('https://bavida.com/') })"
    :class="[
      commentModal.open && 'overflow-hidden',
      menuOpen && !commentModal.open && 'overflow-hidden lg:overflow-y-auto',
      !menuOpen && !commentModal.open && 'overflow-y-auto'
    ]"
    
  >
    <a class="sr-only sr-only-focusable" href="#main">Skip to content</a>
    
        
    <header class="px-4 sm:px-5 text-typ whitespace-nowrap bg-bgr text-sm sticky top-0 border-b border-brd z-100" data-header
>
  <div class="max-w-site mx-auto py-3 flex items-center justify-center gap-1 sm:gap-2 relative">

    <div class="flex-1" data-header-brand>
      <div class="flex items-center gap-1 max-w-[calc(var(--container-sidebar-left)-1.25rem)] -ml-px">
        <button class="flex flex-col items-center justify-center rounded-full group transition-transform cursor-pointer" 
  data-menu-toggle aria-label="Menu toggle" aria-expanded="false" aria-haspopup="true" aria-controls="menu"
  @click="menuOpen = !menuOpen; localStorage.setItem('MENU_STATE', menuOpen ? 'open' : 'closed');" :aria-expanded="menuOpen.toString()"
>
  <span class="pointer-events-none" data-toggle-inactive :class="menuOpen ? 'hidden!' : 'block!'">
    <span class="block group-hover:hidden">
      <i class="icon icon-layout-sidebar size-6 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-layout-sidebar"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" /><path d="M9 4l0 16" /></svg>
</i>    </span>
    <span class="hidden group-hover:block">
      <i class="icon icon-layout-sidebar-expand size-6 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-layout-sidebar-left-expand"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" /><path d="M9 4v16" /><path d="M14 10l2 2l-2 2" /></svg>
</i>    </span>
  </span>
  <span class="pointer-events-none" data-toggle-active :class="menuOpen ? 'block!' : 'hidden!'">
    <span class="block group-hover:hidden">
      <i class="icon icon-layout-sidebar-active size-6 stroke-0 fill-current" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 21a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3zm12 -16h-8v14h8a1 1 0 0 0 1 -1v-12a1 1 0 0 0 -1 -1" /></svg>
</i>    </span>
    <span class="hidden group-hover:block">
      <i class="icon icon-layout-sidebar-collapse size-6 stroke-0 fill-current" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-layout-sidebar-left-collapse"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h12zm0 2h-9v14h9a1 1 0 0 0 .993 -.883l.007 -.117v-12a1 1 0 0 0 -.883 -.993l-.117 -.007zm-2.293 4.293a1 1 0 0 1 .083 1.32l-.083 .094l-1.292 1.293l1.292 1.293a1 1 0 0 1 .083 1.32l-.083 .094a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 -.083 -1.32l.083 -.094l2 -2a1 1 0 0 1 1.414 0z" /></svg>
</i>    </span>
  </span>
</button>
        <a class="" href="https://bavida.com" data-brand>
            <span data-text-logo class="text-typ font-heading text-base font-semibold">BAVIDA</span>
        </a>
      </div>
    </div>

    <button class="sm:flex-1 flex gap-0 items-center justify-center sm:rounded-theme sm:bg-bgr-tone cursor-pointer sm:border sm:border-brd px-1.5 py-1 sm:px-2.5 sm:pr-1.5 max-w-lg hover:opacity-75 group transition-opacity" data-ghost-search title="Search" aria-label="Search">
      <i class="icon icon-search size-5 md:size-4 stroke-2 md:stroke-[2.25] fill-bgr-tone [&amp;&gt;svg]:fill-inherit" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <circle cx="10" cy="10" r="7" />
  <line x1="21" y1="21" x2="15" y2="15" />
</svg>



</i>      <span class="hidden sm:block flex-1 text-left ml-1.5 opacity-65">Search</span>
      <span class="hidden sm:block text-xs border border-brd px-1.75 py-0.5 rounded-[calc(var(--radius-theme)-2px)] bg-bgr shadow-[inset_0_-2px_0_0_var(--color-brd)]">
        <span>/</span>
      </span>
    </button>

    <div class="sm:flex-1 flex gap-3 items-center justify-end relative before:absolute before:left-0 before:top-1/6 before:w-px before:bg-brd before:h-2/3 pl-3 sm:pl-0 sm:before:hidden ml-1 sm:ml-0" data-header-actions>

      
      <button class="relative flex items-center justify-center size-6 md:size-8 hover:opacity-75 cursor-pointer rounded-full" @click="menuUserOpen = !menuUserOpen" data-user-menu-toggle aria-label="Toggle user menu">
        <i class="icon icon-user absolute z-1 size-6 md:size-7 stroke-[1.75] md:stroke-[1.5] pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" /></svg>
</i>      </button>
    </div>

    <div class="z-100 p-3 pb-2 opacity-0 invisible basis-full flex-col text-sm bg-bgr border border-brd rounded-theme absolute top-13 right-0 -translate-y-4 transition-[translate,opacity,visibility,scale] min-w-50 max-w-3xs overflow-hidden font-medium scale-95 shadow" :class="menuUserOpen ? 'translate-y-0! opacity-100! visible! scale-100!' : '-translate-y-8! opacity-0! invisible! scale-95!'" x-cloak @click.outside="!event.target.hasAttribute('data-user-menu-toggle') ? menuUserOpen = false : null" data-user-menu>
  
  <div class="flex items-center gap-2 border-b border-brd pb-3 mb-2">
    <div class="size-8 md:size-10 rounded-full overflow-hidden bg-bgr-tone">
      <span class="size-8 md:size-10 flex items-center justify-center uppercase font-normal font-system text-base md:text-lg z-1">@</span>
    </div>
    <div class="flex gap-0.5 flex-col">
      <div class="line-clamp-1 text-ellipsis leading-[1.15] max-w-xs">Anonymous</div>
    </div>
  </div>
  
      <a href="/signup/" data-portal="signup" class="flex items-center gap-1.5 px-2.5 py-1.5 rounded-theme hover:bg-bgr-tone">
        <i class="icon icon-signup size-5 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-circle-arrow-up-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" /><path d="M15 9l-6 6" /><path d="M15 15v-6h-6" /></svg>
</i>        <span>Sign up</span>
      </a>

      <a href="/signin/" data-portal="signin" class="flex items-center gap-1.5 px-2.5 py-1.5 rounded-theme hover:bg-bgr-tone">
        <i class="icon icon-login size-5 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-login"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M21 12h-13l3 -3" /><path d="M11 15l-3 -3" /></svg>
</i>        <span>Sign in</span>
      </a>

  <div class="flex flex-col gap-0.5 items-center justify-between border-t border-brd mt-2 pt-2">
    <button class="group flex items-center justify-between gap-1.5 py-1 pl-0.5 rounded-theme w-full cursor-pointer text-typ-tone hover:text-typ" @click="colorScheme = colorScheme === 'light' ? 'dark' : 'light'; localStorage.setItem('PREFERRED_COLOR_SCHEME', colorScheme);" data-theme-toggle>
      <span class="uppercase text-xs">Dark mode</span>
      <span class="inline-flex h-4.5 w-8 shrink-0 cursor-pointer rounded-full border-2 border-transparent group-focus:outline-none group-focus:ring-0" :class="colorScheme === 'dark' ? 'bg-brand' : 'bg-brd'">
        <span aria-hidden="true" :class="colorScheme === 'dark' ? 'translate-x-3.5' : 'translate-x-0'" class="pointer-events-none inline-block size-3.5 translate-x-0 transform rounded-full bg-white shadow ring-0 transition"></span>
      </span>
    </button>

    <button class="group flex items-center justify-between gap-1.5 py-1 pl-0.5 rounded-theme w-full cursor-pointer text-typ-tone hover:text-typ" @click="menuOpen = !menuOpen; localStorage.setItem('MENU_STATE', menuOpen ? 'open' : 'closed');" data-menu-toggle>
      <span class="uppercase text-xs">Menu open</span>
      <span class="inline-flex h-4.5 w-8 shrink-0 cursor-pointer rounded-full border-2 border-transparent group-focus:outline-none group-focus:ring-0" :class="menuOpen ? 'bg-brand' : 'bg-brd'">
        <span aria-hidden="true" :class="menuOpen ? 'translate-x-3.5' : 'translate-x-0'" class="pointer-events-none inline-block size-3.5 translate-x-0 transform rounded-full bg-white shadow ring-0 transition"></span>
      </span>
    </button>
  </div>
</div>
  </div>
</header>
    <div class="overflow-clip max-w-site mx-auto flex flex-col md:grid md:grid-cols-[var(--container-sidebar-left)_var(--container-content)_var(--container-sidebar-right)] justify-center min-h-[calc(100dvh-3.5rem-1px)] relative" :class="menuOpen || rightSidebarOpen ? 'max-w-site!' : 'max-w-none!'" data-layout x-init="$el.classList.remove('md:grid', 'md:grid-cols-[var(--container-sidebar-left)_var(--container-content)_var(--container-sidebar-right)]');$el.classList.add('md:flex-row')">

      <aside class="fixed left-0 lg:sticky top-14.25 h-dvh flex justify-start flex-col bg-bgr w-full max-w-(--container-sidebar-left) max-h-[calc(100dvh-3.5rem-1px)] overflow-y-scroll transition-[translate,width,opacity,visibility,max-width] no-scrollbar [&_.is-subitem_a]:text-[0.8rem] [&_[data-dropdown-open]_ul]:flex [&_[data-dropdown-open]_ul]:translate-y-0 border-r border-brd z-10 duration-0 [&_.is-subitem_a]:hover:ml-1 [&_.is-subitem_a]:before:w-0.75 shadow-2xl lg:shadow-none" 
  :class="menuOpen ? 'translate-x-0 w-full! lg:opacity-100! lg:visible!' : '-translate-x-full opacity-0! invisible! lg:w-0! lg:pr-0! lg:border-none! '" 
  data-menu id="menu" data-sidebar-left
  @click.outside="!event.target.hasAttribute('data-menu-toggle') && window.innerWidth < 1024 ? menuOpen = false : null"
  x-init="$nextTick(() => { 
    window.addEventListener('resize', () => { menuOpen = isMenuOpen() })
    $el.classList.add('duration-300!');
    initDropdown($el, 'hidden opacity-0 invisible basis-full flex-col gap-0.75 text-sm ml-3.5 pl-0 border-l border-brd mt-0.75') 
  })"
> 
  <nav class="border-b border-brd pl-4 pr-3 sm:pl-5 xl:pl-0 py-3" data-nav="menu" data-primary-nav>
    <ul class="flex flex-col gap-0.75 text-typ text-sm">
    <li class="nav-hubs flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none" 
      data-label="Hubs" data-slug="hubs" data-length="4">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/"
        >
        <span>Hubs</span>
      </a>
    </li>
    <li class="nav-longevity flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Longevity" data-slug="longevity" data-length="11">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/longevity/"
        >
        <span>- Longevity</span>
      </a>
    </li>
    <li class="nav-vitamin-d flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Vitamin D" data-slug="vitamin-d" data-length="11">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/vitamin-d/"
        >
        <span>- Vitamin D</span>
      </a>
    </li>
    <li class="nav-topics flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none" 
      data-label="Topics" data-slug="topics" data-length="6">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/t/"
        >
        <span>Topics</span>
      </a>
    </li>
    <li class="nav-news flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none" 
      data-label="News" data-slug="news" data-length="4">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/news/"
        >
        <span>News</span>
      </a>
    </li>
    <li class="nav-press flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Press" data-slug="press" data-length="7">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/press/"
        >
        <span>- Press</span>
      </a>
    </li>
    <li class="nav-events flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Events" data-slug="events" data-length="8">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/events/"
        >
        <span>- Events</span>
      </a>
    </li>
    <li class="nav-stories flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Stories" data-slug="stories" data-length="9">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/stories/"
        >
        <span>- Stories</span>
      </a>
    </li>
    <li class="nav-profiles flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none" 
      data-label="Profiles" data-slug="profiles" data-length="8">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/profiles/"
        >
        <span>Profiles</span>
      </a>
    </li>
    <li class="nav-brands flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Brands" data-slug="brands" data-length="8">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/brands/"
        >
        <span>- Brands</span>
      </a>
    </li>
    <li class="nav-experts flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Experts" data-slug="experts" data-length="9">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/experts/"
        >
        <span>- Experts</span>
      </a>
    </li>
    <li class="nav-info flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none" 
      data-label="Info" data-slug="info" data-length="4">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/h/info/"
        >
        <span>Info</span>
      </a>
    </li>
    <li class="nav-about flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- About" data-slug="about" data-length="7">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/t/about/"
        >
        <span>- About</span>
      </a>
    </li>
    <li class="nav-club flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Club" data-slug="club" data-length="6">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/t/club/"
        >
        <span>- Club</span>
      </a>
    </li>
    <li class="nav-contact flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- Contact" data-slug="contact" data-length="9">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/t/contact/"
        >
        <span>- Contact</span>
      </a>
    </li>
    <li class="nav-history flex items-center flex-wrap w-full relative [&amp;.nav-current:not(.nav-toggle)&gt;a]:before:bg-brand hover:[&amp;&gt;a]:bg-bgr-tone hover:[&amp;&gt;button]:bg-bgr-tone group hover:[&amp;&gt;a]:before:size-2 hover:[&amp;&gt;a]:before:rounded-full hover:[&amp;&gt;a]:px-3 hover:[&amp;:not(.nav-current)&gt;a]:before:bg-typ/25 [&amp;.is-mainitem&gt;a]:rounded-r-none is-subitem" 
      data-label="- History" data-slug="history" data-length="9">
      <a class="flex gap-2 items-center flex-1 py-1.5 rounded-theme before:w-1 before:h-4 before:bg-brd before:rounded-sm before:rounded-l-none transition-[padding] before:transition-[width,height]" href="https://bavida.com/t/history/"
        >
        <span>- History</span>
      </a>
    </li>
</ul>
  </nav>

        <div class="px-5 sm:px-6 py-4 sm:py-5 xl:pl-0 pr-3 sm:pr-3 flex flex-col gap-1.5 border-b border-brd" x-data="{ categoriesOpen: window.innerWidth >= 1024 }" x-init="window.addEventListener('resize', () => { categoriesOpen = window.innerWidth >= 1024 })" data-sidebar-categories>
        <button class="flex items-center gap-1 justify-between cursor-pointer pr-2 hover:opacity-75" @click="categoriesOpen = !categoriesOpen">
          <span class="uppercase font-medium text-xs text-typ-tone">Categories</span>
          <span :class="categoriesOpen ? 'rotate-180' : ''">
            <i class="icon icon-chevron-down size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
   <polyline points="6 9 12 15 18 9"></polyline>
</svg>
</i>          </span>
        </button>
        <ul class="grid sm:grid-cols-2 gap-x-2 gap-0.5 mt-1 text-typ-tone font-medium text-[0.8rem] -mb-1.5" :class="categoriesOpen ? 'grid!' : 'hidden!'">
                <li>
                  <a href="/h/aging/" class="group flex items-center gap-2 group leading-tight pl-0 pr-3 py-2 rounded-theme hover:bg-bgr-tone hover:px-3 hover:text-typ transition-[padding]" aria-label="Aging" style="--color-accent:var(--color-brand)">
                    <span class="w-1 h-4 bg-accent rounded-sm rounded-l-none group-hover:size-2 group-hover:rounded-full transition-all"></span>
                    <span class="flex-1 line-clamp-1 text-ellipsis">Aging</span>
                    <span class="text-xs opacity-0 invisible group-hover:opacity-100 group-hover:visible font-medium">1</span>
                  </a>
                </li>
                <li>
                  <a href="/h/burnout/" class="group flex items-center gap-2 group leading-tight pl-0 pr-3 py-2 rounded-theme hover:bg-bgr-tone hover:px-3 hover:text-typ transition-[padding]" aria-label="Burnout" style="--color-accent:var(--color-brand)">
                    <span class="w-1 h-4 bg-accent rounded-sm rounded-l-none group-hover:size-2 group-hover:rounded-full transition-all"></span>
                    <span class="flex-1 line-clamp-1 text-ellipsis">Burnout</span>
                    <span class="text-xs opacity-0 invisible group-hover:opacity-100 group-hover:visible font-medium">2</span>
                  </a>
                </li>
                <li>
                  <a href="/h/conditions/" class="group flex items-center gap-2 group leading-tight pl-0 pr-3 py-2 rounded-theme hover:bg-bgr-tone hover:px-3 hover:text-typ transition-[padding]" aria-label="Conditions" style="--color-accent:var(--color-brand)">
                    <span class="w-1 h-4 bg-accent rounded-sm rounded-l-none group-hover:size-2 group-hover:rounded-full transition-all"></span>
                    <span class="flex-1 line-clamp-1 text-ellipsis">Conditions</span>
                    <span class="text-xs opacity-0 invisible group-hover:opacity-100 group-hover:visible font-medium">40</span>
                  </a>
                </li>
                <li>
                  <a href="/h/diet/" class="group flex items-center gap-2 group leading-tight pl-0 pr-3 py-2 rounded-theme hover:bg-bgr-tone hover:px-3 hover:text-typ transition-[padding]" aria-label="Diet" style="--color-accent:var(--color-brand)">
                    <span class="w-1 h-4 bg-accent rounded-sm rounded-l-none group-hover:size-2 group-hover:rounded-full transition-all"></span>
                    <span class="flex-1 line-clamp-1 text-ellipsis">Diet</span>
                    <span class="text-xs opacity-0 invisible group-hover:opacity-100 group-hover:visible font-medium">2</span>
                  </a>
                </li>
        </ul>
      </div>

        <div class="px-5 sm:px-6 py-4 sm:py-5 xl:pl-0 pr-3 sm:pr-3 flex flex-col gap-1.5 border-b border-brd" x-data="{ authorsOpen: window.innerWidth >= 1024 }" x-init="window.addEventListener('resize', () => { authorsOpen = window.innerWidth >= 1024 })" data-sidebar-authors>
        <button class="flex items-center gap-1 justify-between cursor-pointer pr-2 hover:opacity-75" @click="authorsOpen = !authorsOpen">
          <span class="uppercase font-medium text-xs text-typ-tone">Authors</span>
          <span :class="authorsOpen ? 'rotate-180' : ''">
            <i class="icon icon-chevron-down size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
   <polyline points="6 9 12 15 18 9"></polyline>
</svg>
</i>          </span>
        </button>
        <ul class="flex flex-col gap-0.5 mt-1 text-typ-tone font-medium text-[0.8rem] -mb-1.5" :class="authorsOpen ? 'flex!' : 'hidden'">
            <li>
              <a href="/u/editorial/" class="group relative flex items-center gap-1.5 group leading-tight pl-0 pr-3 py-1 rounded-theme hover:text-typ hover:pr-3 hover:bg-bgr-tone transition-[padding] min-h-8 md:min-h-10 hover:pl-7" aria-label="Editorial Team" style="--color-accent:var(--color-brand)">
                  <figure class="size-6 md:size-7 rounded-full object-cover transition-all group-hover:size-0">
                    <picture  >
  <source 
    srcset="/content/images/size/w30/format/webp/2025/11/yippy-logo.png 30w, /content/images/size/w100/format/webp/2025/11/yippy-logo.png 100w"
    sizes="60px"
    type="image/webp"
  >
  <img class="w-full h-full object-cover rounded-full transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w30/format/webp/2025/11/yippy-logo.png 30w, /content/images/size/w100/format/webp/2025/11/yippy-logo.png 100w"
    sizes="60px"
    src="/content/images/size/w30/2025/11/yippy-logo.png"
    alt=""
    
  />
</picture>                  </figure>
                <span class="absolute left-3.5 z-1 block size-6 md:size-7 group-hover:size-2 bg-bgr-tone group-hover:bg-typ/25 opacity-0 group-hover:opacity-100 transition-all rounded-full -translate-x-full group-hover:translate-x-0"></span>
                <div class="flex-1 flex flex-col gap-0.5 group-hover:gap-0">
                  <span class="line-clamp-1 text-ellipsis leading-none">Editorial Team</span>
                  
                </div>
              </a>
            </li>
            <li>
              <a href="/u/john-cannell/" class="group relative flex items-center gap-1.5 group leading-tight pl-0 pr-3 py-1 rounded-theme hover:text-typ hover:pr-3 hover:bg-bgr-tone transition-[padding] min-h-8 md:min-h-10 hover:pl-7" aria-label="John Cannell, MD" style="--color-accent:var(--color-brand)">
                  <figure class="size-6 md:size-7 rounded-full object-cover transition-all group-hover:size-0">
                    <picture  >
  <source 
    srcset="/content/images/size/w30/format/webp/2025/11/dr-john-cannell-200x200.jpg 30w, /content/images/size/w100/format/webp/2025/11/dr-john-cannell-200x200.jpg 100w"
    sizes="60px"
    type="image/webp"
  >
  <img class="w-full h-full object-cover rounded-full transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w30/format/webp/2025/11/dr-john-cannell-200x200.jpg 30w, /content/images/size/w100/format/webp/2025/11/dr-john-cannell-200x200.jpg 100w"
    sizes="60px"
    src="/content/images/size/w30/2025/11/dr-john-cannell-200x200.jpg"
    alt=""
    
  />
</picture>                  </figure>
                <span class="absolute left-3.5 z-1 block size-6 md:size-7 group-hover:size-2 bg-bgr-tone group-hover:bg-typ/25 opacity-0 group-hover:opacity-100 transition-all rounded-full -translate-x-full group-hover:translate-x-0"></span>
                <div class="flex-1 flex flex-col gap-0.5 group-hover:gap-0">
                  <span class="line-clamp-1 text-ellipsis leading-none">John Cannell, MD</span>
                  
                </div>
              </a>
            </li>
        </ul>
      </div>

  <span class="flex-1"></span>

    <nav class="pl-4 pr-3 sm:pl-5 xl:pl-1 py-2 flex items-center justify-between gap-2" data-nav="menu" data-secondary-nav>
      <ul class="flex flex-wrap gap-x-3 gap-y-0.5 text-xs">
    <li class="nav-sitemap " 
      data-label="Sitemap" data-slug="sitemap" data-length="7">
      <a class="hover:text-typ" href="https://bavida.com/t/sitemap/"
        >
        <span>Sitemap</span>
      </a>
    </li>
    <li class="nav-editorial " 
      data-label="Editorial" data-slug="editorial" data-length="9">
      <a class="hover:text-typ" href="https://bavida.com/t/editorial/"
        >
        <span>Editorial</span>
      </a>
    </li>
    <li class="nav-privacy " 
      data-label="Privacy" data-slug="privacy" data-length="7">
      <a class="hover:text-typ" href="https://bavida.com/t/privacy/"
        >
        <span>Privacy</span>
      </a>
    </li>
    <li class="nav-legal " 
      data-label="Legal" data-slug="legal" data-length="5">
      <a class="hover:text-typ" href="https://bavida.com/t/legal/"
        >
        <span>Legal</span>
      </a>
    </li>
</ul>

      <button class="flex items-center self-start gap-1 p-1 size-6 rounded-theme hover:bg-bgr-tone cursor-pointer text-xs font-medium" @click="colorScheme = colorScheme === 'light' ? 'dark' : 'light'; localStorage.setItem('PREFERRED_COLOR_SCHEME', colorScheme);" data-theme-toggle>
        <span class="hidden" :class="colorScheme === 'light' ? 'block!' : 'hidden!'"><i class="icon icon-sun size-4 stroke-0 fill-current" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-sun"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 19a1 1 0 0 1 .993 .883l.007 .117v1a1 1 0 0 1 -1.993 .117l-.007 -.117v-1a1 1 0 0 1 1 -1z" /><path d="M18.313 16.91l.094 .083l.7 .7a1 1 0 0 1 -1.32 1.497l-.094 -.083l-.7 -.7a1 1 0 0 1 1.218 -1.567l.102 .07z" /><path d="M7.007 16.993a1 1 0 0 1 .083 1.32l-.083 .094l-.7 .7a1 1 0 0 1 -1.497 -1.32l.083 -.094l.7 -.7a1 1 0 0 1 1.414 0z" /><path d="M4 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z" /><path d="M21 11a1 1 0 0 1 .117 1.993l-.117 .007h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z" /><path d="M6.213 4.81l.094 .083l.7 .7a1 1 0 0 1 -1.32 1.497l-.094 -.083l-.7 -.7a1 1 0 0 1 1.217 -1.567l.102 .07z" /><path d="M19.107 4.893a1 1 0 0 1 .083 1.32l-.083 .094l-.7 .7a1 1 0 0 1 -1.497 -1.32l.083 -.094l.7 -.7a1 1 0 0 1 1.414 0z" /><path d="M12 2a1 1 0 0 1 .993 .883l.007 .117v1a1 1 0 0 1 -1.993 .117l-.007 -.117v-1a1 1 0 0 1 1 -1z" /><path d="M12 7a5 5 0 1 1 -4.995 5.217l-.005 -.217l.005 -.217a5 5 0 0 1 4.995 -4.783z" /></svg>
</i></span>
        <span class="hidden" :class="colorScheme === 'dark' ? 'block!' : 'hidden!'"><i class="icon icon-moon size-4 stroke-0 fill-current" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-moon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1.992a10 10 0 1 0 9.236 13.838c.341 -.82 -.476 -1.644 -1.298 -1.31a6.5 6.5 0 0 1 -6.864 -10.787l.077 -.08c.551 -.63 .113 -1.653 -.758 -1.653h-.266l-.068 -.006l-.06 -.002z" /></svg>
</i></span>
        <span class="sr-only">Color scheme</span>
      </button>
    </nav>
</aside>
      <main class="flex-2" id="main" :class="menuOpen || rightSidebarOpen ? 'max-w-content' : ''">
        
<section class="px-5 sm:px-6 py-6 md:py-8 relative hidden" data-home-hero>
  <div class="max-w-content mx-auto flex gap-6    ">

    <div class="z-2 flex-2 flex flex-col gap-2 items-center      justify-center text-center">
      <h1 class="text-xl md:text-2xl font-semibold text-balance leading-[1.125] sr-only">
        BAVIDA
      </h1>
    </div>
  </div>
</section>

  <section class="px-5 sm:px-6 py-4" data-home-featured>
    <div class="max-w-content mx-auto">
          <script src="/assets/built/swiper.js?v=e0fcbb8c43"></script>
    <section class="" x-init="$nextTick(() => { new Swiper('[data-slider]', {
        modules: [Navigation],
        slidesPerView: 1.4,
        spaceBetween: 24,
        breakpoints: {
          640: {
            slidesPerView: 1.6
          },
          960: {
            slidesPerView: 2.6
          }
        },
        navigation: {
          prevEl: '[data-swipe-left]',
          nextEl: '[data-swipe-right]',
        },
      })
    })"
    >
      <div class="max-w-content mx-auto">
        <div class="flex gap-2 items-end justify-between border-b border-brd pb-2">
          <h2 class="text-sm uppercase font-medium text-typ-tone">Featured</h2>
          <div class="flex justify-between gap-2">
            <button class="cursor-pointer hover:opacity-75" data-swipe-left>
              <i class="icon icon-chevron-left size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>
</i>              <span class="sr-only">Previous</span>
            </button>
              
            <button class="cursor-pointer hover:opacity-75" data-swipe-right>
              <span class="sr-only">Next</span>
              <i class="icon icon-chevron-right size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
</i>            </button>
          </div>
        </div>
        <div class="swiper overflow-hidden mt-4" data-slider>
          <div class="swiper-wrapper">
              <a href="/t/nn75iv0d67kj/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Happy New Year! Cultivating well-being together in 2026"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">Happy New Year! Cultivating well-being together in 2026</h2>
              </a>
              <a href="/t/e9yuonmccscs/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Eating disorders: When weight loss culture becomes pathology in 2026"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">Eating disorders: When weight loss culture becomes pathology in 2026</h2>
              </a>
              <a href="/t/r5uu6nv8orx3/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Blood stem cell aging: scientists reverse cellular decline by targeting lysosomal dysfunction"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">Blood stem cell aging: scientists reverse cellular decline by targeting lysosomal dysfunction</h2>
              </a>
              <a href="/t/64vnre4rh55u/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Mindfulness: mental training for present moment awareness and stress reduction"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">Mindfulness: mental training for present moment awareness and stress reduction</h2>
              </a>
              <a href="/t/j4k9l1m6n8bp/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="/content/images/size/w320/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 320w, /content/images/size/w640/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 600w, /content/images/size/w960/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w320/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 320w, /content/images/size/w640/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 640w, /content/images/size/w960/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="/content/images/size/w30/2025/11/Vitamin-D-und-die-Sonne.jpg"
    alt="Vitamin D Day"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">Vitamin D Day</h2>
              </a>
              <a href="/t/h8g3f7d2s9aw/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="/content/images/size/w320/format/webp/2025/10/wmhd-logo.jpg 320w, /content/images/size/w640/format/webp/2025/10/wmhd-logo.jpg 600w, /content/images/size/w960/format/webp/2025/10/wmhd-logo.jpg 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w320/format/webp/2025/10/wmhd-logo.jpg 320w, /content/images/size/w640/format/webp/2025/10/wmhd-logo.jpg 640w, /content/images/size/w960/format/webp/2025/10/wmhd-logo.jpg 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="/content/images/size/w30/2025/10/wmhd-logo.jpg"
    alt="World Mental Health Day"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">World Mental Health Day</h2>
              </a>
              <a href="/t/h1g8f4d7s2aw/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Vitamin D: the sunshine vitamin"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">Vitamin D: the sunshine vitamin</h2>
              </a>
              <a href="/t/xk9m4n7p2qwz/" class="relative bg-bgr-tone block aspect-video swiper-slide group">
                  <figure class="relative block rounded-theme overflow-hidden contrast-125 brightness-75 group-hover:contrast-110 group-hover:brightness-90 transition-all" role="none">
                    <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    type="image/webp"
  >
  <img class="w-full aspect-video object-cover rounded-[inherit] transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, 360px"
    src="https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Could vitamin D be the key to slowing aging?"
    
  />
</picture>                  </figure>
                <h2 class="text-white absolute bottom-0 left-0 w-full px-3 mb-2.5 text-sm font-medium leading-tight line-clamp-2 text-ellipsis">Could vitamin D be the key to slowing aging?</h2>
              </a>
          </div>
        </div>
      </div>
    </section>

    </div>
  </section>
  
  <section class="px-5 sm:px-6 py-4" data-home-latest>
    <div class="max-w-content mx-auto">
      <div class="flex gap-2 items-end justify-between border-b border-brd pb-2">
        <h2 class="text-sm uppercase font-medium text-typ-tone">Latest</h2>
      
        <div class="flex flex-col gap-1 relative text-sm font-medium" x-show="activeFeed !== '#categories'" x-data="{ postFeedStyleOpen: false }">
  <button class="px-2 py-1.25 pr-1.5 rounded-theme bg-bgr hover:bg-bgr-tone relative leading-none cursor-pointer flex gap-0.75 items-center justify-center border border-brd" @click="postFeedStyleOpen = !postFeedStyleOpen" data-feed-style-toggle aria-label="Select feed style">
    <span class="pointer-events-none" x-show="postFeedStyle === 'list'" x-cloak><i class="icon icon-layout-feed-list stroke-2 size-4.5" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-list"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l11 0" /><path d="M9 12l11 0" /><path d="M9 18l11 0" /><path d="M5 6l0 .01" /><path d="M5 12l0 .01" /><path d="M5 18l0 .01" /></svg>
</i></span>
    <span class="pointer-events-none" x-show="postFeedStyle === 'compact'" x-cloak><i class="icon icon-layout-feed-compact stroke-2 size-4.5" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /><path d="M3 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /></svg>
</i></span>
    <span class="pointer-events-none" x-show="postFeedStyle === 'cards'" x-cloak><i class="icon icon-layout-feed-cards stroke-2 size-4.5" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-layout-list"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -2" /><path d="M4 16a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -2" /></svg>
</i></span>
    <span class="pointer-events-none" x-show="postFeedStyle === 'articles'" x-cloak><i class="icon icon-layout-feed-articles stroke-2 size-4.5" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-article"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2l0 -12" /><path d="M7 8h10" /><path d="M7 12h10" /><path d="M7 16h10" /></svg>
</i></span>
    <span class="opacity-75 pointer-events-none"><i class="icon icon-chevron-down stroke-[2.5] size-4" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
   <polyline points="6 9 12 15 18 9"></polyline>
</svg>
</i></span>
  </button>
  <menu x-cloak class="flex flex-col gap-0.5 absolute top-9 right-0 border border-brd bg-bgr rounded-theme p-1.5 z-10 scale-95 opacity-0 invisible -translate-y-4 transition-[translate,opacity,visibility,scale] shadow" :class="postFeedStyleOpen ? 'translate-y-0! opacity-100! visible! scale-100!' : '-translate-y-6! opacity-0! invisible! scale-95!'" x-cloak @click.outside="!event.target.hasAttribute('data-feed-style-toggle') ? postFeedStyleOpen = false : null">
    <li class="w-full">
      <button @click="postFeedStyle='list'; postFeedStyleOpen = false; setPostFeedStyle('list')" class="w-full px-2 py-1 flex items-center gap-1.5 hover:bg-bgr-tone rounded-theme cursor-pointer">
        <span><i class="icon icon-layout-feed-list stroke-[2.5] size-4" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-list"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l11 0" /><path d="M9 12l11 0" /><path d="M9 18l11 0" /><path d="M5 6l0 .01" /><path d="M5 12l0 .01" /><path d="M5 18l0 .01" /></svg>
</i></span>
        <span>List</span>
      </button>
    </li>
    <li class="w-full">
      <button @click="postFeedStyle='compact'; postFeedStyleOpen = false; setPostFeedStyle('compact')" class="w-full px-2 py-1 flex items-center gap-1.5 hover:bg-bgr-tone rounded-theme cursor-pointer">
        <span><i class="icon icon-layout-feed-compact stroke-[2.5] size-4" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /><path d="M3 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4" /></svg>
</i></span>
        <span>Compact</span>
      </button>
    </li>
    <li class="w-full">
      <button @click="postFeedStyle='cards'; postFeedStyleOpen = false; setPostFeedStyle('cards')" class="w-full px-2 py-1 flex items-center gap-1.5 hover:bg-bgr-tone rounded-theme cursor-pointer">
        <span><i class="icon icon-layout-feed-cards stroke-[2.5] size-4" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-layout-list"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -2" /><path d="M4 16a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -2" /></svg>
</i></span>
        <span>Cards</span>
      </button>
    </li>
    <li class="w-full">
      <button @click="postFeedStyle='compact'; postFeedStyleOpen = false; setPostFeedStyle('compact')" class="w-full px-2 py-1 flex items-center gap-1.5 hover:bg-bgr-tone rounded-theme cursor-pointer">
        <span><i class="icon icon-layout-feed-default stroke-[2.5] size-4" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-restore"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.06 13a9 9 0 1 0 .49 -4.087" /><path d="M3 4.001v5h5" /><path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>
</i></span>
        <span>Default</span>
      </button>
    </li>
  </menu>
</div>      </div>
      <div class="flex flex-col gap-8 mb-8" data-feed="latest">
        <div class="flex flex-col divide-y divide-brd" data-post-feed="latest">
    <article class="post tag-wellbeing tag-longevity tag-mental-health tag-communities tag-healthcare tag-mindfulness tag-happiness tag-news tag-mind featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/nn75iv0d67kj/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1766849239702-9e87e5843c07?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI2fHwyMDJ8ZW58MHx8fHwxNzY3Mjc5ODU3fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Happy New Year! Cultivating well-being together in 2026"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/nn75iv0d67kj/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>Happy New Year! Cultivating well-being together in 2026</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>The focus in the health world has shifted from generic &quot;resolutions&quot; to personalized longevity, nervous system regulation, and bio-harmony. Since today is January 1st, your members are likely in a &quot;reset&quot; mindset but may be weary of the typical, high-pressure fitness tropes. </p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2026-01-01">Jan 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-02-12">2 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/wellbeing/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Wellbeing</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/nn75iv0d67kj/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-eating-disorders tag-weight-loss tag-binge-eating tag-diet-culture tag-glp-1 tag-mental-health tag-digital-health tag-longevity tag-fitness-culture tag-semaglutide tag-tirzepatide tag-diet tag-news featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/e9yuonmccscs/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1620302044674-2b39db73b8db?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEVhdGluZyUyMGRpc29yZGVyc3xlbnwwfHx8fDE3NjcyNjE1ODR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Eating disorders: When weight loss culture becomes pathology in 2026"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/e9yuonmccscs/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>Eating disorders: When weight loss culture becomes pathology in 2026</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>The boundary between health-conscious behavior and disordered eating has never been harder to identify. </p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2026-01-01">Jan 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-02-15">2 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/eating-disorders/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Eating Disorders</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/e9yuonmccscs/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-eating-disorders tag-obesity tag-nutrition tag-conditions tag-energy tag-profiles tag-diet-culture tag-weight-loss tag-diet tag-news  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>
    <a href="/t/g9rg9i2tpds9/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGxpc3R8ZW58MHx8fHwxNzY3MjY3NDY4fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGxpc3R8ZW58MHx8fHwxNzY3MjY3NDY4fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGxpc3R8ZW58MHx8fHwxNzY3MjY3NDY4fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGxpc3R8ZW58MHx8fHwxNzY3MjY3NDY4fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGxpc3R8ZW58MHx8fHwxNzY3MjY3NDY4fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGxpc3R8ZW58MHx8fHwxNzY3MjY3NDY4fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1562654501-a0ccc0fc3fb1?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDh8fGxpc3R8ZW58MHx8fHwxNzY3MjY3NDY4fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="First Steps ED (Talk ED / ABC)"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/g9rg9i2tpds9/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>First Steps ED (Talk ED / ABC)</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>First Steps ED is a multi-award-winning eating disorder charity. Following the consolidation of services in the UK in 2025, First Steps ED officially incorporated the mission and assets of Talk ED (formerly Anorexia Bulimia Care), creating a robust network for early intervention and peer support.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2026-01-01">Jan 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-01-01">3 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/eating-disorders/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Eating Disorders</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/g9rg9i2tpds9/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/editorial/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Editorial</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>Welcome to the BAVIDA Experts Hub. The place where professionals, researchers, practitioners, and innovators come together to exchange knowledge, explore new ideas, and collaborate on solutions that move the world of health forward.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2026-01-01">Jan 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-03-31">13 days ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>


  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/editorial/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/sitemap/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Sitemap: Everything at a glance</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>Our sitemap provides you with easy access to various sections of our website. It is updated regularly and offers direct links to all pages.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2026-01-01">Jan 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-03-31">13 days ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>


  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/sitemap/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-longevity tag-aging tag-cancer tag-wellbeing tag-study tag-news featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/r5uu6nv8orx3/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1551043061-38bceaace400?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxibG9vZCUyMGNlbGx8ZW58MHx8fHwxNzY0MjY1Mjc0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Blood stem cell aging: scientists reverse cellular decline by targeting lysosomal dysfunction"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/r5uu6nv8orx3/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>Blood stem cell aging: scientists reverse cellular decline by targeting lysosomal dysfunction</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>Researchers at the Icahn School of Medicine at Mount Sinai have achieved a significant advance in regenerative medicine by reversing the aging process in blood-forming stem cells in mice. </p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-11-27">Nov 27</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/longevity/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Longevity</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/r5uu6nv8orx3/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-mindfulness tag-wellbeing tag-happiness tag-mental-health tag-burnout tag-stress tag-healthcare tag-magazine tag-stories featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/64vnre4rh55u/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/reserve/YEc7WB6ASDydBTw6GDlF_antalya-beach-lulu.jpg?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDIwfHxNaW5kZnVsbmVzc3xlbnwwfHx8fDE3NjQxODA5NTR8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Mindfulness: mental training for present moment awareness and stress reduction"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/64vnre4rh55u/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>Mindfulness: mental training for present moment awareness and stress reduction</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>From corporate boardrooms to university classrooms, mindfulness meditation has evolved from ancient practice to scientifically validated intervention. Modern research reveals how brief daily sessions reshape brain structure, reduce workplace burnout, and improve cognitive performance.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-11-26">Nov 26</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-02-15">2 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/mindfulness/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Mindfulness</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/64vnre4rh55u/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins tag-profiles tag-brands  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>
    <a href="/t/vdcdrjjcan26/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="/content/images/size/w320/format/webp/2025/11/vitamind-d-council-website.webp 320w, /content/images/size/w640/format/webp/2025/11/vitamind-d-council-website.webp 600w, /content/images/size/w960/format/webp/2025/11/vitamind-d-council-website.webp 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w320/format/webp/2025/11/vitamind-d-council-website.webp 320w, /content/images/size/w640/format/webp/2025/11/vitamind-d-council-website.webp 640w, /content/images/size/w960/format/webp/2025/11/vitamind-d-council-website.webp 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="/content/images/size/w30/2025/11/vitamind-d-council-website.webp"
    alt="Vitamin D Council"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/vdcdrjjcan26/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D Council</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>The VDC was founded in 2003 by John J. Cannell, MD, who observed that many patients in a maximum-security psychiatric hospital were vitamin D deficient. The Council grew to become a trusted global resource for evidence-based research, education, and guidance about vitamin D&#x27;s role in health.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-11-22">Nov 22</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-29">4 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/vdcdrjjcan26/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-events tag-vitamins tag-vitamin-d tag-press featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/j4k9l1m6n8bp/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="/content/images/size/w320/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 320w, /content/images/size/w640/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 600w, /content/images/size/w960/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w320/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 320w, /content/images/size/w640/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 640w, /content/images/size/w960/format/webp/2025/11/Vitamin-D-und-die-Sonne.jpg 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="/content/images/size/w30/2025/11/Vitamin-D-und-die-Sonne.jpg"
    alt="Vitamin D Day"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/j4k9l1m6n8bp/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>Vitamin D Day</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>November 2. Every year. It&#x27;s Vitamin D Day. The hormone precursor is finally getting attention. And it needs it. The discovery is credited to multiple scientists. Their work formed the foundation of what we understand today.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-11-02">Nov 2</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/events/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Events</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/j4k9l1m6n8bp/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-mental-health tag-events tag-press featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/h8g3f7d2s9aw/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="/content/images/size/w320/format/webp/2025/10/wmhd-logo.jpg 320w, /content/images/size/w640/format/webp/2025/10/wmhd-logo.jpg 600w, /content/images/size/w960/format/webp/2025/10/wmhd-logo.jpg 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w320/format/webp/2025/10/wmhd-logo.jpg 320w, /content/images/size/w640/format/webp/2025/10/wmhd-logo.jpg 640w, /content/images/size/w960/format/webp/2025/10/wmhd-logo.jpg 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="/content/images/size/w30/2025/10/wmhd-logo.jpg"
    alt="World Mental Health Day"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/h8g3f7d2s9aw/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>World Mental Health Day</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>October 10. Every year. This is when the world talks about mental health.
Richard Hunter, Deputy Secretary General of the World Federation for Mental Health, started it in 1992. Twelve countries joined in. Today? Over 150 countries recognize the day.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-05">Oct 5</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/mental-health/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Mental Health</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/h8g3f7d2s9aw/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles tag-nutrition tag-prevention tag-longevity  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>
    <a href="/t/j6k2l9m3n5bp/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="/content/images/size/w320/format/webp/2025/11/world-obesity.png 320w, /content/images/size/w640/format/webp/2025/11/world-obesity.png 600w, /content/images/size/w960/format/webp/2025/11/world-obesity.png 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w320/format/webp/2025/11/world-obesity.png 320w, /content/images/size/w640/format/webp/2025/11/world-obesity.png 640w, /content/images/size/w960/format/webp/2025/11/world-obesity.png 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="/content/images/size/w30/2025/11/world-obesity.png"
    alt="Global Obesity Observatory"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/j6k2l9m3n5bp/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Global Obesity Observatory</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>For over 20 years, the World Obesity Federation has been collating country-specific data to create this freely accessible resource that serves researchers, policymakers, and public health professionals around the globe.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-05">Oct 5</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/j6k2l9m3n5bp/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins tag-magazine tag-news tag-nutrition featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/h1g8f4d7s2aw/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1614788168470-59b34a418458?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDM2fHxibHVlJTIwc2t5JTIwc3Vuc2hpbmV8ZW58MHx8fHwxNzYzODkxNzQ5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Vitamin D: the sunshine vitamin"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/h1g8f4d7s2aw/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>Vitamin D: the sunshine vitamin</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>You&#x27;ve probably heard vitamin D called the &quot;sunshine vitamin,&quot; and there&#x27;s a good reason for that. Unlike pretty much every other vitamin, your body can actually make it when you&#x27;re out in the sun. Pretty cool, right?</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-05">Oct 5</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-02-15">2 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/h1g8f4d7s2aw/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>
    <a href="/t/cmlwxrm766vw/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="/content/images/size/w320/format/webp/2025/11/photo-1721370211238-d478a280d900.jpeg 320w, /content/images/size/w640/format/webp/2025/11/photo-1721370211238-d478a280d900.jpeg 600w, /content/images/size/w960/format/webp/2025/11/photo-1721370211238-d478a280d900.jpeg 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="/content/images/size/w320/format/webp/2025/11/photo-1721370211238-d478a280d900.jpeg 320w, /content/images/size/w640/format/webp/2025/11/photo-1721370211238-d478a280d900.jpeg 640w, /content/images/size/w960/format/webp/2025/11/photo-1721370211238-d478a280d900.jpeg 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="/content/images/size/w30/2025/11/photo-1721370211238-d478a280d900.jpeg"
    alt="Open Source Health Records"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/cmlwxrm766vw/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Open Source Health Records</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>Open source software has gained significant popularity in various industries due to its collaborative nature, flexibility, and cost-effectiveness. In healthcare, open source technology empowers organizations to customize and enhance software solutions according to their specific needs.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-04">Oct 4</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/cmlwxrm766vw/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>
    <a href="/t/63k2wzz8lk3c/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1646124714193-5c9f3c001313?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fFBoeXNpb2xvZ3l8ZW58MHx8fHwxNzYzODkyMzA0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1646124714193-5c9f3c001313?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fFBoeXNpb2xvZ3l8ZW58MHx8fHwxNzYzODkyMzA0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1646124714193-5c9f3c001313?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fFBoeXNpb2xvZ3l8ZW58MHx8fHwxNzYzODkyMzA0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1646124714193-5c9f3c001313?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fFBoeXNpb2xvZ3l8ZW58MHx8fHwxNzYzODkyMzA0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1646124714193-5c9f3c001313?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fFBoeXNpb2xvZ3l8ZW58MHx8fHwxNzYzODkyMzA0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1646124714193-5c9f3c001313?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fFBoeXNpb2xvZ3l8ZW58MHx8fHwxNzYzODkyMzA0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1646124714193-5c9f3c001313?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fFBoeXNpb2xvZ3l8ZW58MHx8fHwxNzYzODkyMzA0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Vitamin D and Physiology"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/63k2wzz8lk3c/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Physiology</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>When vitamin D comes into your body, it goes through all sorts of processes and is turned into different forms to be effective. In this article, we’ll teach you a little about this process, and how vitamin D works in the body.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/63k2wzz8lk3c/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins tag-magazine tag-news tag-stories tag-stress featured  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card data-featured>
    <a href="/t/xk9m4n7p2qwz/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1577226298604-ef918f9733e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEwfHxhZ2luZ3xlbnwwfHx8fDE3NjM4OTIxOTZ8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Could vitamin D be the key to slowing aging?"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/xk9m4n7p2qwz/" class="hover:opacity-75 [&_svg]:inline">
        <span data-post-featured class="inline-flex text-brand -mr-0.5 [&_svg]:-mt-0.5"><i class="icon icon-bolt size-4 stroke-1 fill-current" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-bolt"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11" /></svg>
</i></span>
        <span>Could vitamin D be the key to slowing aging?</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>What if the key to slowing down the aging process was as simple as getting enough vitamin D? A landmark study published this year in The American Journal of Clinical Nutrition suggests that vitamin D supplementation may do exactly that—by protecting the very structures that keep our cells young.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/xk9m4n7p2qwz/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/k9th4ml69695/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D Deficiency</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>For a number of reasons, many people aren’t getting enough vitamin D to stay healthy. This is called vitamin D deficiency.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/k9th4ml69695/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/jfwy03vdseto/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D Sources</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>The two main ways to get vitamin D are by exposing your bare skin to sunlight and by taking vitamin D supplements. You can’t get the right amount of vitamin D your body needs from food.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/jfwy03vdseto/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/iyfsfvs4dzbr/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D Levels</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>Nearly every cell in the body contains a vitamin D receptor. Research shows vitamin D plays an important role in skeletal, immune, developmental and cardiovascular health. Thus, maintaining optimal vitamin D levels is vital for overall health.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/iyfsfvs4dzbr/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/y32dfc5j3amc/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D Testing</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>Having blood tests to measure the amount of vitamin D in your blood is the only way to know if you’re getting enough vitamin D or not. The blood test you need is called a 25(OH)D blood test.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/y32dfc5j3amc/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles tag-communities no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/w36anwxaav0c/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>United Patients Alliance</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/w36anwxaav0c/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles tag-hemp no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/0w344tezfmwb/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Purdue Hemp</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/0w344tezfmwb/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles tag-happiness tag-mindfulness tag-wellbeing no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/ad36puowrbmn/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>One Health Platform</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/ad36puowrbmn/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-obesity tag-nutrition tag-profiles tag-websites no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/avrowsrrrdvo/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>National Obesity Observatory (NOO)</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/obesity/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Obesity</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/avrowsrrrdvo/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-nutrition tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/k08bv72486h1/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>National Good Food Network (NGFN)</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>The National Good Food Network (NGFN) is an organization dedicated to transforming the food system in the United States by promoting healthier, more sustainable, and locally-based food systems. </p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/nutrition/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Nutrition</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/k08bv72486h1/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-eating-disorders tag-mental-health tag-nutrition tag-profiles tag-conditions tag-obesity tag-prevention tag-stress tag-binge-eating tag-semaglutide tag-tirzepatide  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>
    <a href="/t/y80kodtfp7mi/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1712056407276-15846e54fcf7?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGVhdGluZyUyMGRpc29yZGVyfGVufDB8fHx8MTc2NDQzMzc5NHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1712056407276-15846e54fcf7?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGVhdGluZyUyMGRpc29yZGVyfGVufDB8fHx8MTc2NDQzMzc5NHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1712056407276-15846e54fcf7?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGVhdGluZyUyMGRpc29yZGVyfGVufDB8fHx8MTc2NDQzMzc5NHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1712056407276-15846e54fcf7?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGVhdGluZyUyMGRpc29yZGVyfGVufDB8fHx8MTc2NDQzMzc5NHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1712056407276-15846e54fcf7?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGVhdGluZyUyMGRpc29yZGVyfGVufDB8fHx8MTc2NDQzMzc5NHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1712056407276-15846e54fcf7?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGVhdGluZyUyMGRpc29yZGVyfGVufDB8fHx8MTc2NDQzMzc5NHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1712056407276-15846e54fcf7?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGVhdGluZyUyMGRpc29yZGVyfGVufDB8fHx8MTc2NDQzMzc5NHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Men get eating disorders too"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/y80kodtfp7mi/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Men get eating disorders too</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>Men Get Eating Disorders Too – this statement may come as a surprise to some, but it’s important to recognize that eating disorders are not exclusive to women. Men can and do suffer from these conditions, but there is a lack of awareness and understanding about the issue.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-01-01">3 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/eating-disorders/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Eating Disorders</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/y80kodtfp7mi/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/owe18wpi9g1q/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Joint Commissioning Panel for Mental Health (JCPMH)</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/owe18wpi9g1q/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-communities tag-mental-health tag-hope tag-profiles tag-burnout tag-wellbeing  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>
    <a href="/t/knl6p1u7umqk/" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
      <figure class="block rounded-theme overflow-hidden" role="none">
        <picture  >
  <source 
    srcset="https://images.unsplash.com/photo-1610733376381-010db4468779?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fGhvcGV8ZW58MHx8fHwxNzY0MjI1NTczfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1610733376381-010db4468779?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fGhvcGV8ZW58MHx8fHwxNzY0MjI1NTczfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 600w, https://images.unsplash.com/photo-1610733376381-010db4468779?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fGhvcGV8ZW58MHx8fHwxNzY0MjI1NTczfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    type="image/webp"
  >
  <img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur"
     onload="this.classList.remove('blur');this.classList.add('blur-0')"
    loading="lazy"
    srcset="https://images.unsplash.com/photo-1610733376381-010db4468779?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fGhvcGV8ZW58MHx8fHwxNzY0MjI1NTczfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;320 320w, https://images.unsplash.com/photo-1610733376381-010db4468779?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fGhvcGV8ZW58MHx8fHwxNzY0MjI1NTczfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;640 640w, https://images.unsplash.com/photo-1610733376381-010db4468779?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fGhvcGV8ZW58MHx8fHwxNzY0MjI1NTczfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;960 960w"
    sizes="(max-width: 767px) 90vw, (max-width: 1200px) 50vw, 600px"
    src="https://images.unsplash.com/photo-1610733376381-010db4468779?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fGhvcGV8ZW58MHx8fHwxNzY0MjI1NTczfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;30"
    alt="Griefnet Community"
    
  />
</picture>      </figure>
    </a>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/knl6p1u7umqk/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Griefnet Community</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>At BAVIDA, we&#x27;re proud to introduce our new upcoming channel and community dedicated to supporting those navigating the complex journey of grief while fostering hope for the future. </p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2026-03-05">a month ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/communities/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Communities</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/knl6p1u7umqk/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/y4t88f57i17s/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Digital Health Accelerator</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/y4t88f57i17s/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/o73sxjrzjwcm/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Diet Information</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-10-02">6 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/o73sxjrzjwcm/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/4j76zvw63jsl/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Definition of Wellness</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-10-02">6 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/4j76zvw63jsl/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-yoga tag-communities tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/9gaxf2n5sb73/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Decolonizing Yoga</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/yoga/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Yoga</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/9gaxf2n5sb73/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/i50gj94am403/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Cultivated Wellbeing</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-10-02">6 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/i50gj94am403/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/vlpuhxt1iirv/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Childrens Food Trust</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-10-03">6 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/vlpuhxt1iirv/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles tag-websites no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/r8hbn8pi7rx5/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Centre for Public Health</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/r8hbn8pi7rx5/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/f4b8oghvv7lw/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Cannakorp</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-10-03">6 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/f4b8oghvv7lw/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/2a35eq38zye4/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Cannabis Open Source</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-10-02">6 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/2a35eq38zye4/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles tag-communities no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/diu0hrswvhbl/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Cannabis Cultural Association (CCA)</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-10-03">6 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/diu0hrswvhbl/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/9o2m7wz3bvzq/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Canna Tech</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>We built a trusted information source for the cannabis industry. Our articles covered technology, cultivation, regulation, and medical research. Real substance. No hype.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-10-01">Oct 1</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/9o2m7wz3bvzq/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/huzha4a68ud6/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Minerals</span>
      </a>
    </h2>

      <p class="text-[0.8rem] text-typ-tone leading-tight line-clamp-2 text-ellipsis flex-1" data-post-card-excerpt>The way that vitamins and minerals work in your body is interconnected. How well vitamin D works depends on the amount of other vitamins and minerals that are present in your body. The other vitamins and minerals needed to help vitamin D work well are called cofactors.</p>

    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/huzha4a68ud6/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/38e6p3t9raas/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Respiratory Infections</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/38e6p3t9raas/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/hkv994nk4rk8/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Pregnancy</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/hkv994nk4rk8/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/2k1vitregt15/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Pharmacology</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/2k1vitregt15/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/3vlf3w0h27hr/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Acne</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/3vlf3w0h27hr/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/h3fpbr8599qw/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Ovarian Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/h3fpbr8599qw/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/j4a6kfyevqcs/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Asthma</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/j4a6kfyevqcs/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/c0i7u76ocuae/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Leukemia</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/c0i7u76ocuae/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/vzhtj3r6iuq1/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Parathyroid Glands</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/vzhtj3r6iuq1/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/0lctf7d5kegp/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Toxicity</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/0lctf7d5kegp/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/85mvpkbjwak6/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Depression</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/85mvpkbjwak6/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/54x2uon7nxsv/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Melanoma</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/54x2uon7nxsv/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/4q7f1g5p7c1f/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Hypersensitivity</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-16">Sep 16</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/4q7f1g5p7c1f/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/bya7m67ztqw9/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Colorectal Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/bya7m67ztqw9/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/yrroqbnx8inp/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Vitamin K</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/yrroqbnx8inp/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/e6iwcfo8z3w0/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Congestive Heart Failure (CHF)</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/e6iwcfo8z3w0/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/b0uf1z14w2jm/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Coronary Heart Disease (CHD)</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/b0uf1z14w2jm/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/ad71od8mvz5y/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Tuberculosis</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/ad71od8mvz5y/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/l3h092w4kjej/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Gastric Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/l3h092w4kjej/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/ei3wyqt6f0p3/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Renal Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/ei3wyqt6f0p3/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/22mwn9j24eey/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Breast Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/22mwn9j24eey/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/3zw4m6u9yw6n/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Preeclampsia</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/3zw4m6u9yw6n/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/jlsys5rk9g5b/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>What is Vitamin D?</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/jlsys5rk9g5b/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/xtsgd4vmflmb/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Hypertension</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/xtsgd4vmflmb/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/c87cbfvr3glk/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Autism</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-23">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/c87cbfvr3glk/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/5m07zd4tgi5i/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Periodontal Disease</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/5m07zd4tgi5i/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/zqgnv87gr6yq/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Multiple Myeloma</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/zqgnv87gr6yq/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/3c8mrd2f03lb/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Lung Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/3c8mrd2f03lb/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/hyoec27hyvgr/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Prostate Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/hyoec27hyvgr/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/c3yj8dydtmlw/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Fibromyalgia</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/c3yj8dydtmlw/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/py1c0y2a1i2l/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Endometrial Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/py1c0y2a1i2l/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/jdsrcaqoen8m/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Parkinson&#x27;s Disease</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/jdsrcaqoen8m/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/b5krqm86l7c8/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Eczema</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/b5krqm86l7c8/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/80rkbm4kkbbt/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Cognitive Impairment</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/80rkbm4kkbbt/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/9cdoa5wjhf3j/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Cervical Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/9cdoa5wjhf3j/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/bt58wog3lg0z/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Dental Caries</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/bt58wog3lg0z/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/6jxacg7glxel/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Alzheimer&#x27;s Disease</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/6jxacg7glxel/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/h980ejkbuqol/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and COPD</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/h980ejkbuqol/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/q69xxpokpkoj/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Sepsis</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/q69xxpokpkoj/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/sd57ocvfctm3/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Anemia</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/sd57ocvfctm3/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/pf8zgid3prck/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Pneumonia</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/pf8zgid3prck/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/5f4r9yby1xg8/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Type II Diabetes</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/5f4r9yby1xg8/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/b00nb6moiq4p/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Rickets</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/b00nb6moiq4p/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/vz9t0aw3io56/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Anaphylaxis</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/vz9t0aw3io56/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/hxlepl30avd3/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Esophageal Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/hxlepl30avd3/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/y5w0pdb4jodn/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D for Professionals</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-23">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/y5w0pdb4jodn/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/wh0beecg9p9m/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and AIDS (HIV)</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/wh0beecg9p9m/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/pjrwluy1i9o4/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Osteoporosis</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/pjrwluy1i9o4/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/luqbq0pepcbh/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Lupus</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/luqbq0pepcbh/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/udh1tim0egoo/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and IBD</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/udh1tim0egoo/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-cancer tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/ie3u4yjc93ov/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Pancreatic Cancer</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/cancer/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Cancer</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/ie3u4yjc93ov/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/7qtlhzwz3tae/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Type I Diabetes</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/7qtlhzwz3tae/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/tgy17k09u0sa/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Multiple Sclerosis</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/tgy17k09u0sa/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-conditions tag-vitamins tag-vitamin-d no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/oin4i2hokxf3/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D and Influenza</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-15">Sep 15</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-27">5 months ago</time>

    <a data-post-card-author href="/u/john-cannell/" class="hover:opacity-75">John Cannell, MD</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/conditions/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Conditions</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/oin4i2hokxf3/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/r8s3v6n1m4ty/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>NIH Office of Dietary Supplements</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-10">Sep 10</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/r8s3v6n1m4ty/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/f5g7h2j9k3lp/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Academy of Nutrition and Dietetics</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-10">Sep 10</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/f5g7h2j9k3lp/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/w4e8r5t2y1ui/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Linus Pauling Institute</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-10">Sep 10</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/w4e8r5t2y1ui/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/a9s3d6f8g1hj/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>American Association of Clinical Endocrinology</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-10">Sep 10</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/a9s3d6f8g1hj/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/z7x4c2v9b5nm/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Endocrine Society</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-10">Sep 10</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/z7x4c2v9b5nm/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-vitamin-d tag-vitamins tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/q1w8e3r7t5yu/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>Vitamin D &amp; Me!®</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-10">Sep 10</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/vitamin-d/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Vitamin D</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/q1w8e3r7t5yu/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article>    <article class="post tag-profiles no-image  relative flex flex-row gap-3 text-typ py-4 group overflow-hidden" data-post-card>

  <div class="relative flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
    <h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%] " data-post-card-title>
      <a href="/t/p2o9i4u7y3tr/" class="hover:opacity-75 [&_svg]:inline">
        
        <span>GrassrootsHealth</span>
      </a>
    </h2>


    <div class="flex flex-wrap gap-2 sm:gap-1.5 items-center text-xs text-typ-tone *:after:content-['/'] *:after:ml-2 sm:*:after:ml-1.5 *:after:text-brd *:last:after:hidden!" data-post-card-info>

  <time data-post-card-date class="" datetime="2025-09-10">Sep 10</time>

  <time data-post-card-date-updated class="hidden" datetime="2025-11-22">5 months ago</time>

    <a data-post-card-author href="/u/editorial/" class="hover:opacity-75">Editorial Team</a>

    <ul class="flex flex-wrap items-center font-medium" data-post-card-tags>
        <li  style="--color-accent: var(--color-typ-tone);">
          <a href="/h/profiles/" class="bg-accent/10 px-1.5 py-px rounded-sm  text-typ hover:bg-accent/5 hover:text-accent">Profiles</a>
        </li>
    </ul>

  
</div>
    <button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" @click="shareModalOpen = true; shareMetadata = await getURLMetadata('https://bavida.com/t/p2o9i4u7y3tr/')" aria-label="Share this post">
      <i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7" /></svg>
</i>    </button>
  </div>

</article></div>
              </div>
    </div>
  </section>

  <section class="px-5 sm:px-6 py-4 mb-8" data-home-categories>
    <div class="max-w-content mx-auto">
      <div class="flex gap-2 items-end justify-between border-b border-brd pb-3">
        <h2 class="text-sm uppercase font-medium text-typ-tone">Categories</h2>
      </div>
      <div class="" data-feed="categories">
              </div>
    </div>
  </section>

      </main>

      <aside class="sticky top-14.25 h-dvh flex flex-col bg-bgr w-full md:max-w-sidebar-right max-h-[calc(100dvh-3.5rem-1px)] overflow-y-scroll border-t md:border-t-0 md:border-l border-brd  flex" :class="{ 'hidden!': !menuOpen && !rightSidebarOpen, 'flex! *:hidden!': menuOpen && !rightSidebarOpen }" data-sidebar-right>


  <div class="px-4 sm:px-5 py-4 sm:py-5 xl:pr-1 flex flex-col gap-3 border-b border-brd "
>
  <div class="flex items-center gap-2.5">
    <div class="flex flex-col gap-0.5">
      <h2 class="text-sm md:text-base font-medium leading-tight">BAVIDA</h2>
      <p class="text-sm text-typ-tone leading-tight">The Longevity Club</p>
    </div>
  </div>

      <form class="group relative flex flex-col items-start [.error]:pointer-events-none  w-full max-w-xs" 
    data-members-form="subscribe" 
    >
    
    <fieldset class="w-full grid grid-cols-3 gap-1.5 text-xs">
      <legend class="sr-only">Personal information</legend>
      <input data-members-email class="col-span-2 text-xs bg-bgr bg-bgr-tone border border-brd text-typ py-1.5 rounded-btn focus:ring-0 focus:bg-bgr hover:shadow focus:shadow min-w-0"
        type="email" autocomplete="email" placeholder="Your email" 
        aria-label="Your email" required  aria-required="true"/> 
      <button class="px-3 py-1.5 text-bgr font-medium rounded-btn hover:opacity-90 bg-linear-to-b from-typ/75 to-typ/95 border border-typ inset-shadow-xs inset-shadow-white/25 cursor-pointer" type="submit" >
        <span class="hidden group-[.loading]:flex items-center justify-center"><i class="icon icon-loader size-5 [&amp;_svg]:animate-spin stroke-2" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-loader-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a9 9 0 1 0 9 9" /></svg>
</i></span>
        <span class="group-[.loading]:hidden">Subscribe</span>
      </button>
    </fieldset>


    <div data-notification class="absolute z-1000 opacity-0 invisible group-[.success]:opacity-100 group-[.success]:visible group-[.success]:translate-y-0 group-[.error]:opacity-100 group-[.error]:visible group-[.error]:translate-y-0 left-0 -bottom-16 text-[0.8rem] text-left font-medium leading-none flex items-center w-full max-w-md rounded-md gap-2 bg-white text-black p-3 transition-all -translate-y-4 shadow-notification">
      <div class="hidden group-[.success]:flex items-center gap-2 flex-1">
        <i class="icon icon-success size-6 text-success stroke-0 fill-success" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-circle-check"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" /></svg>
</i>        <p>Great! Check your inbox and click the link.</p>
      </div>
      <div class="hidden group-[.error]:flex items-center gap-2 flex-1">
        <i class="icon icon-error size-6 text-error stroke-0 fill-error" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-alert-triangle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" /></svg>
</i>        <p>Sorry, something went wrong. Please try again.</p>
      </div>
      <button type="button" class="flex items-center justify-center opacity-15 hover:opacity-40 cursor-pointer group-[.error]:pointer-events-auto" aria-label="Close"
        @click="$el.parentNode.classList.add('opacity-0', 'invisible', '-translate-y-4');$el.parentNode.parentNode.classList.remove('success', 'error')">
        <i class="icon icon-close size-6 stroke-[1.5]" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>
</i>      </button>
    </div>

  </form>
  
</div>
  <div class="px-4 sm:px-5 py-4 sm:py-5 xl:pr-1 flex flex-wrap items-center justify-between gap-1.5 border-b border-brd">
  <h2 class="uppercase font-medium text-xs text-typ-tone">Follow</h2>

  
<nav class="relative flex flex-wrap items-center gap-1 text-typ text-sm z-10" data-socials="right-sidebar" >



  <a :href="socials.bluesky" :class="socials.bluesky && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Bluesky"><i class="icon icon-brand-bluesky size-4 stroke-2" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-bluesky"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z" /></svg>
</i><span class="hidden">Bluesky</span></a>

  <a :href="socials.discord" :class="socials.discord && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Discord"><i class="icon icon-brand-discord size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-discord">
  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  <path d="M8 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" />
  <path d="M14 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0" />
  <path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-.972 1.923a11.913 11.913 0 0 0 -4.053 0l-.975 -1.923c-1.5 .16 -3.043 .485 -4.5 1.5c-2 5.667 -2.167 9.833 -1.5 11.5c.667 1.333 2 3 3.5 3c.5 0 2 -2 2 -3" />
  <path d="M7 16.5c3.5 1 6.5 1 10 0" />
</svg>
</i><span class="hidden">Discord</span></a>

  <a :href="socials.github" :class="socials.github && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Github"><i class="icon icon-brand-github size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <desc>Download more icon variants from https://tabler-icons.io/i/brand-github</desc>
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
</svg>



</i><span class="hidden">Github</span></a>

  <a :href="socials.instagram" :class="socials.instagram && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Instagram"><i class="icon icon-brand-instagram size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <desc>Download more icon variants from https://tabler-icons.io/i/brand-instagram</desc>
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <rect x="4" y="4" width="16" height="16" rx="4" />
  <circle cx="12" cy="12" r="3" />
  <line x1="16.5" y1="7.5" x2="16.5" y2="7.501" />
</svg>



</i><span class="hidden">Instagram</span></a>

  <a :href="socials.linkedin" :class="socials.linkedin && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Linkedin"><i class="icon icon-brand-linkedin size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-linkedin" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
  <rect x="2" y="9" width="4" height="12"></rect>
  <circle cx="4" cy="4" r="2"></circle>
</svg>
</i><span class="hidden">Linkedin</span></a>

  <a :href="socials.mastodon" :class="socials.mastodon && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Mastodon"><i class="icon icon-brand-mastodon size-4 stroke-2" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-mastodon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.648 15.254c-1.816 1.763 -6.648 1.626 -6.648 1.626a18.262 18.262 0 0 1 -3.288 -.256c1.127 1.985 4.12 2.81 8.982 2.475c-1.945 2.013 -13.598 5.257 -13.668 -7.636l-.026 -1.154c0 -3.036 .023 -4.115 1.352 -5.633c1.671 -1.91 6.648 -1.666 6.648 -1.666s4.977 -.243 6.648 1.667c1.329 1.518 1.352 2.597 1.352 5.633s-.456 4.074 -1.352 4.944z" /><path d="M12 11.204v-2.926c0 -1.258 -.895 -2.278 -2 -2.278s-2 1.02 -2 2.278v4.722m4 -4.722c0 -1.258 .895 -2.278 2 -2.278s2 1.02 2 2.278v4.722" /></svg>
</i><span class="hidden">Mastodon</span></a>

  <a :href="socials.pinterest" :class="socials.pinterest && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Pinterest"><i class="icon icon-brand-pinterest size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-pinterest" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <line x1="8" y1="20" x2="12" y2="11" />
  <path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" />
  <circle cx="12" cy="12" r="9" />
</svg>



</i><span class="hidden">Pinterest</span></a>

  <a :href="socials.reddit" :class="socials.reddit && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Reddit"><i class="icon icon-brand-reddit size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-reddit" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l-1 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z" />
  <path d="M12 8l1 -5l6 1" />
  <circle cx="19" cy="4" r="1" />
  <circle cx="9" cy="13" r=".5" fill="currentColor" />
  <circle cx="15" cy="13" r=".5" fill="currentColor" />
  <path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5" />
</svg>



</i><span class="hidden">Reddit</span></a>

  <a :href="socials.telegram" :class="socials.telegram && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Telegram"><i class="icon icon-brand-telegram size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-telegram" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <desc>Download more icon variants from https://tabler-icons.io/i/brand-telegram</desc>
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" />
</svg>



</i><span class="hidden">Telegram</span></a>

  <a :href="socials.threads" :class="socials.threads && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Threads"><i class="icon icon-brand-threads size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-threads">
  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  <path d="M19 7.5c-1.333 -3 -3.667 -4.5 -7 -4.5c-5 0 -8 2.5 -8 9s3.5 9 8 9s7 -3 7 -5s-1 -5 -7 -5c-2.5 0 -3 1.25 -3 2.5c0 1.5 1 2.5 2.5 2.5c2.5 0 3.5 -1.5 3.5 -5s-2 -4 -3 -4s-1.833 .333 -2.5 1" />
</svg>
</i><span class="hidden">Threads</span></a>

  <a :href="socials.tiktok" :class="socials.tiktok && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Tiktok"><i class="icon icon-brand-tiktok size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-tiktok" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <desc>Download more icon variants from https://tabler-icons.io/i/brand-tiktok</desc>
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <path d="M9 12a4 4 0 1 0 4 4v-12a5 5 0 0 0 5 5" />
</svg>



</i><span class="hidden">Tiktok</span></a>

  <a :href="socials.whatsapp" :class="socials.whatsapp && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Whatsapp"><i class="icon icon-brand-whatsapp size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-whatsapp" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <desc>Download more icon variants from https://tabler-icons.io/i/brand-whatsapp</desc>
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" />
  <path d="M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1" />
</svg>



</i><span class="hidden">Whatsapp</span></a>

  <a :href="socials.youtube" :class="socials.youtube && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="Youtube"><i class="icon icon-brand-youtube size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-youtube" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <desc>Download more icon variants from https://tabler-icons.io/i/brand-youtube</desc>
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <rect x="3" y="5" width="18" height="14" rx="4" />
  <path d="M10 9l5 3l-5 3z" />
</svg>



</i><span class="hidden">Youtube</span></a>

  <a :href="socials.rss" :class="socials.rss && '!block'" class="hidden hover:opacity-75 p-0.5" aria-label="RSS"><i class="icon icon-rss size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rss" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <circle cx="5" cy="19" r="1" />
  <path d="M4 4a16 16 0 0 1 16 16" />
  <path d="M4 11a9 9 0 0 1 9 9" />
</svg>



</i><span class="hidden">RSS</span></a>

</nav>

</div>
  

  

  <span class="md:flex-1"></span>

  <footer class="px-5 sm:px-6 xl:pr-1" data-footer>
  <div class="py-3 flex flex-col items-start justify-start text-typ-tone">
    <div class="text-xs text-typ-tone tracking-tight">
      <span data-footer-date>&copy;2026&nbsp;<a class="hover:text-typ nav-current" href="https://bavida.com">BAVIDA</a>.</span>
      <span data-footer-ghost>Published with&nbsp;<a class="hover:text-typ" href="https://ghost.org">Ghost</a></span>
      <span data-footer-theme>&&nbsp;<a class="hover:text-typ" href="https://brightthemes.com/themes/thred">Thred</a>.</span>
    </div>
  </div>
</footer></aside>
    </div>

    
    <div class="z-1000 fixed inset-0 w-full h-full overflow-hidden opacity-0 invisible transition-[opacity,visibility]" data-share-modal 
  :class="shareModalOpen ? 'opacity-100! visible!' : 'opacity-0! invisible!'">
  <div class="absolute block animate-fadein inset-0 transition-all bg-[linear-gradient(315deg,rgba(0,0,0,0.2)_0%,rgba(0,0,0,0.1)_100%)] backdrop-blur-[2px]"></div>
  <div class="relative bg-bgr shadow-popup rounded-[10px] p-6 mt-8 max-w-[min(calc(100%-2rem),480px)] mx-auto flex flex-col items-center transition-all duration-300 translate-y-8 scale-95" :class="shareModalOpen ? 'translate-y-0! scale-100!' : 'translate-y-8! scale-95!'"
    @click.outside="!event.target.hasAttribute('data-post-share-toggle') ? shareModalOpen = false : null" data-share-modal-content>

    <button class="flex items-center justify-center size-6 absolute top-5 right-5 opacity-20 hover:opacity-50 transition-all cursor-pointer"
      @click="shareModalOpen = false">
      <i class="icon icon-ghost-close size-4" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="gh-portal-closeicon" alt="Close" data-testid="close-popup"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px !important;}</style></defs><path class="a" d="M.75 23.249l22.5-22.5M23.25 23.249L.75.749"></path></svg>
</i>    </button>

    <span class="block text-xs font-semibold self-start mb-4 uppercase tracking-wide text-typ-tone">Share this post</span>

    <div class="w-full border border-brd rounded-theme overflow-hidden mb-4">
      <figure class="w-full aspect-2/1 bg-bgr-tone overflow-hidden">
        <img src="" :src="shareMetadata?.img" :alt="shareMetadata?.title" class="w-full h-full object-cover transition-all duration-300" :class="shareModalOpen ? 'blur-0 opacity-100' : 'blur opacity-20'" alt="The Longevity Club">
      </figure>
      <div class="px-5 py-4 flex flex-col gap-1.5">
        <h2 class="text-sm md:text-base font-medium leading-tight" x-text="shareMetadata?.title">BAVIDA</h2>
        <p class="text-xs md:text-sm opacity-75 line-clamp-2 text-ellipsis" x-text="shareMetadata?.description"></p>
      </div>
    </div>

    <div class="flex flex-wrap items-center gap-2 w-full text-sm font-medium">
  <a class="p-2 md:p-2.5 bg-bgr-tone rounded-theme hover:opacity-75 flex items-center justify-center gap-1.5 cursor-pointer border border-brd" target="_blank"
      href="https://twitter.com/share?text=%5Bobject%20Object%5D&amp;url=https://bavida.com/"
      title="Share on X" aria-label="Share">
    <i class="icon icon-brand-x size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  <path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
  <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
</svg>
</i>    <span class="hidden">Share</span>
  </a>  
  <a class="p-2 md:p-2.5 bg-bgr-tone rounded-theme hover:opacity-75 flex items-center justify-center gap-1.5 cursor-pointer border border-brd" target="_blank"
      href="https://bsky.app/intent/compose?text=%5Bobject%20Object%5D%20https://bavida.com/"
      title="Share on Bluesky" aria-label="Share">
    <i class="icon icon-brand-bluesky size-4 stroke-2" role="presentation">
  <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-bluesky"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z" /></svg>
</i>    <span class="hidden">Share</span>
  </a>
  <a class="p-2 md:p-2.5 bg-bgr-tone rounded-theme hover:opacity-75 flex items-center justify-center gap-1.5 cursor-pointer border border-brd" target="_blank"
      href="https://www.facebook.com/sharer.php?u=https://bavida.com/"
      title="Share on Facebook" aria-label="Share">
    <i class="icon icon-brand-facebook size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>



</i>    <span class="hidden">Share</span>
  </a>
  <a class="p-2 md:p-2.5 bg-bgr-tone rounded-theme hover:opacity-75 flex items-center justify-center gap-1.5 cursor-pointer border border-brd" target="_blank"
      href="https://www.linkedin.com/shareArticle?mini=true&url=https://bavida.com/&title=%5Bobject%20Object%5D&summary=%5Bobject%20Object%5D"
      title="Share on Linkedin" aria-label="Share">
    <i class="icon icon-brand-linkedin size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-linkedin" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
  <rect x="2" y="9" width="4" height="12"></rect>
  <circle cx="4" cy="4" r="2"></circle>
</svg>
</i>    <span class="hidden">Share</span>
  </a>
  <a class="p-2 md:p-2.5 bg-bgr-tone rounded-theme hover:opacity-75 flex items-center justify-center gap-1.5 cursor-pointer border border-brd" data-share-mail href="/cdn-cgi/l/email-protection#2b14585e49414e485f160e1e694449414e485f0e191b6449414e485f0e1e6f0d49444f5216435f5f5b58110404494a5d424f4a05484446040d4549585b100e1e694449414e485f0e191b6449414e485f0e1e6f" title="Share by email" aria-label="Email">
    <i class="icon icon-mail size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mail" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <rect x="3" y="5" width="18" height="14" rx="2" />
  <polyline points="3 7 12 13 21 7" />
</svg>
</i>    <span class="hidden">Email</span>
  </a>
  <button class="p-2 md:p-2.5 bg-bgr-tone rounded-theme hover:opacity-75 flex items-center justify-center gap-1.5 cursor-pointer border border-brd flex-1" data-share-copy data-url="https://bavida.com/"
      title="Copy link" data-label="Copy link" data-success="Link copied!" aria-label="Copy link" data-class="border-success bg-success text-white"
      @click="copyURL($el,shareMetadata?.url)">
    <i class="icon icon-link size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  <path d="M9 15l6 -6"></path>
  <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"></path>
  <path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"></path>
</svg>
</i>    <span class="">Copy link</span>
  </button>
</div>  </div>
</div>

    

      <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js" defer></script><script>window.socials = { rss: '/rss/' }</script>

  <template data-toggle-template>
    <button class="relative cursor-pointer p-2 rounded-r-theme aria-expanded:[&_svg]:rotate-180" title="Menu toggle" aria-label="Menu toggle"
      aria-controls="" aria-expanded="false" @click="toggleDropdown(event)"
    >
      <i class="icon icon-chevron-down size-4 stroke-2" role="presentation">
  <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
   <polyline points="6 9 12 15 18 9"></polyline>
</svg>
</i>    </button>
  </template>


    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous"></script>
<script>window.googletag = window.googletag || {cmd: []};</script>
<div id='div-gpt-ad-1760792250975-0' style="min-height: 1px;">
  <script>
    googletag.cmd.push(function() {
      googletag.defineSlot('/22889925093/footer', ['fluid'], 'div-gpt-ad-1760792250975-0')
               .addService(googletag.pubads());
      googletag.pubads().enableSingleRequest();
      googletag.enableServices();
      googletag.display('div-gpt-ad-1760792250975-0');
    });
  </script>
</div>

<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "tisbzohsby");
</script>

<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js"></script>
<script>
  window.OneSignalDeferred = window.OneSignalDeferred || [];
  OneSignalDeferred.push(async function(OneSignal) {
    await OneSignal.init({
      appId: "8296e69c-cec3-4abe-9a0a-370e569463f5",
    });
  });
</script>

<script async src="https://plausible.io/js/pa-HonNtK2pHqoir0E2Hp2gZ.js"></script>
<script>
  window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
  plausible.init()
</script>

<script async src="https://analytics.ahrefs.com/analytics.js" data-key="PseCQURyLdxbS4N4V3/q5w"></script>

<!-- Start TypeSense Search UI - IMPORTANT: DO NOT DELETE THIS BLOCK -->
<script>
  window.__MP_SEARCH_CONFIG__ = {
  "typesenseNodes": [
    {
      "host": "search.magicpages.co",
      "port": 443,
      "protocol": "https"
    }
  ],
  "typesenseApiKey": "1riHs0fBQf4Kf51vFkMu1pVB4OLGtm8M",
  "collectionName": "ghost_content_68d4bde6964f8d076160516b",
  "theme": "system",
  "enableHighlighting": true,
  "typesenseSearchParams": {
    "query_by": "title,plaintext,excerpt,meta_description",
    "query_by_weights": "1,3,1,1",
    "sort_by": "_text_match(buckets:10):desc,published_at:desc",
    "highlight_full_fields": "title,plaintext",
    "prefix": true,
    "typo_tolerance": true,
    "per_page": 10,
    "page": 1,
    "highlight_affix_num_tokens": 4,
    "_id": "692167cf5dd1c1885037f279"
  },
  "locale": "",
  "_id": "69908faa6af1f1443b612aa3"
};
</script>
<!-- End TypeSense Search UI -->
  </body>
</html>
