.mag-card { break-inside: avoid; }
    .hide-scrollbar::-webkit-scrollbar{ display:none; }
    .hide-scrollbar{ -ms-overflow-style:none; scrollbar-width:none; }

    /* CSS-only filtering (radio-driven) */
    .feed-item{ display:none; }
    #cat-all:checked ~ .content .feed-item{ display:block; }

    #cat-news:checked ~ .content .feed-item{ display:none; }
    #cat-news:checked ~ .content .feed-item.cat-news{ display:block; }

    #cat-research:checked ~ .content .feed-item{ display:none; }
    #cat-research:checked ~ .content .feed-item.cat-research{ display:block; }

    #cat-diseases:checked ~ .content .feed-item{ display:none; }
    #cat-diseases:checked ~ .content .feed-item.cat-diseases{ display:block; }

    #cat-careers:checked ~ .content .feed-item{ display:none; }
    #cat-careers:checked ~ .content .feed-item.cat-careers{ display:block; }

    #cat-publications:checked ~ .content .feed-item{ display:none; }
    #cat-publications:checked ~ .content .feed-item.cat-publications{ display:block; }

    /* Active pill styling (pure CSS) */
    #cat-all:checked ~ .content label[for="cat-all"],
    #cat-news:checked ~ .content label[for="cat-news"],
    #cat-research:checked ~ .content label[for="cat-research"],
    #cat-diseases:checked ~ .content label[for="cat-diseases"],
    #cat-careers:checked ~ .content label[for="cat-careers"],
    #cat-publications:checked ~ .content label[for="cat-publications"]{
      background: #0f172a;
      border-color: #0f172a;
      color: #ffffff;
    }
  /* Hero background slides */
#heroBg { position: absolute; inset: 0; }
.hero-bg-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition: opacity 900ms ease;
  transform: scale(1.02);
}
.hero-bg-slide.is-active{ opacity:1; }

/* Spotlight slides (fade) */
.spotSlide.is-active{
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Floating blob animation used in hero */
@keyframes floaty{
  0%,100%{ transform: translateY(0px); }
  50%{ transform: translateY(14px); }
}



    :root{
      --kar-black:#000000;
      --kar-grey:#cacaca;
      --kar-pink:#cf296c;
      --kar-sand:#cbbd93;
      --kar-sand-light:#fff5b8;
      --kar-apricot:#ffb16e;
      --kar-gold:#cca25a;
      --kar-cyan:#00f0ff;
      --kar-pop-pink:#ff46a2;
      --kar-yellow:#ffff00;
      --kar-red:#ee4b2b;
      --kar-pink-soft:rgba(207,41,108,.08);
      --kar-pink-soft-2:rgba(207,41,108,.14);
      --kar-sand-soft:rgba(203,189,147,.18);
      --kar-sand-light-soft:rgba(255,245,184,.35);
    }

    html{ scroll-behavior:smooth; }
    body{ background:#ffffff; color:#111111; }

    ::selection{ background:rgba(207,41,108,.18); color:#000; }

    .bg-gradient-to-r.from-brand-blue.to-brand-orange{
      background-image:linear-gradient(90deg,var(--kar-black),var(--kar-pink)) !important;
    }

    header.sticky nav a,
    header.sticky nav button{
      transition:all .22s ease;
    }

    header.sticky nav a:hover,
    header.sticky nav button:hover,
    .nav-item:hover,
    .nav-subitem:hover,
    #menuBtn:hover,
    [data-menu-close]:hover{
      background:var(--kar-pink-soft) !important;
      color:var(--kar-pink) !important;
      border-color:rgba(207,41,108,.20) !important;
    }

    #siteSearch:focus,
    header input:focus,
    footer input:focus{
      box-shadow:0 0 0 4px rgba(207,41,108,.12) !important;
      border-color:var(--kar-pink) !important;
    }

    .aboutCard,
    article.rounded-3xl,
    aside .rounded-3xl,
    .rounded-2xl.border.border-slate-200.bg-white,
    .group.block.rounded-2xl.bg-white\/10,
    .group.flex.gap-4.rounded-2xl.border.border-slate-200,
    .rounded-2xl.border.border-slate-200.bg-white.shadow-soft,
    .rounded-2xl.bg-white.backdrop-blur-xl.shadow-soft,
    .rounded-3xl.bg-white.backdrop-blur-xl.shadow-soft,
    .rounded-3xl.border.border-slate-200.bg-white\/70,
    .rounded-3xl.border.border-slate-200.bg-white\/60{
      border-color:rgba(203,189,147,.32) !important;
      box-shadow:0 16px 40px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.6);
    }

    .aboutCard,
    .rounded-2xl.border.border-slate-200.bg-white,
    .rounded-2xl.border.border-slate-200.bg-white.shadow-soft,
    .group.flex.gap-4.rounded-2xl.border.border-slate-200,
    .rounded-3xl.border.border-slate-200.bg-white\/70,
    .rounded-3xl.border.border-slate-200.bg-white\/60{
      background-image:linear-gradient(180deg,rgba(255,255,255,1) 0%, rgba(255,249,235,.92) 100%);
    }

    h1, h2, h3,
    .text-brand-black.font-extrabold,
    .text-brand-black.font-bold{
      letter-spacing:-0.02em;
    }

    h2.text-brand-black,
    p.text-lg.font-extrabold.text-brand-black,
    p.text-base.font-extrabold.tracking-tight.text-brand-black{
      position:relative;
      display:inline-block;
      padding-bottom:.35rem;
    }

    h2.text-brand-black::after,
    p.text-lg.font-extrabold.text-brand-black::after,
    p.text-base.font-extrabold.tracking-tight.text-brand-black::after{
      content:'';
      position:absolute;
      left:0;
      bottom:0;
      width:72px;
      height:3px;
      border-radius:999px;
      background:linear-gradient(90deg,var(--kar-black),var(--kar-pink));
    }

    .inline-flex.items-center.gap-2.px-3.py-1.rounded-full.bg-white\/70.border.border-slate-200.backdrop-blur,
    .inline-flex.items-center.gap-2.px-3.py-1.rounded-full.bg-white\/75.border.border-slate-200.text-xs,
    .inline-flex.items-center.gap-2.px-3.py-1.rounded-full.text-xs.border.border-slate-200.bg-slate-50{
      background:linear-gradient(180deg,#fffdf7,#fff7df) !important;
      border-color:rgba(203,189,147,.44) !important;
    }

    .h-10.w-10.rounded-2xl.bg-brand-sky\/40,
    .w-9.h-9.rounded-2xl.bg-white\/70,
    .w-10.h-10.rounded-xl.border.border-slate-200,
    .w-20.h-20.rounded-xl.overflow-hidden.border.border-slate-200.bg-slate-100,
    .w-16.h-16.rounded-2xl.bg-cover.bg-center.border.border-slate-200{
      border-color:rgba(203,189,147,.36) !important;
    }

    .h-10.w-10.rounded-2xl.bg-brand-sky\/40,
    .w-9.h-9.rounded-2xl.bg-white\/70,
    .w-10.h-10.rounded-xl.border.border-slate-200{
      background:linear-gradient(135deg,var(--kar-sand-light),var(--kar-sand)) !important;
    }

    .w-9.h-9.rounded-2xl.bg-white\/70 i,
    .w-10.h-10.rounded-xl.border.border-slate-200 svg,
    .h-10.w-10.rounded-2xl.bg-brand-sky\/40 svg{
      color:var(--kar-black) !important;
    }

    a.text-brand-blue,
    .text-brand-blue{
      color:var(--kar-pink) !important;
    }

    a.text-brand-blue:hover,
    .group:hover .group-hover\:text-brand-blue,
    .hover\:text-brand-blue:hover{
      color:var(--kar-black) !important;
    }

    .bg-brand-blue,
    button.bg-brand-blue,
    a.bg-brand-blue{
      background:var(--kar-pink) !important;
      color:#fff !important;
    }

    .bg-brand-blue:hover,
    button.bg-brand-blue:hover,
    a.bg-brand-blue:hover,
    .hover\:bg-brand-orange:hover,
    .hover\:bg-brand-blue:hover{
      background:var(--kar-black) !important;
      color:#fff !important;
    }

    .bg-brand-orange,
    .hover\:bg-brand-orange:hover{
      background:var(--kar-pink) !important;
      color:#fff !important;
    }

    .border-slate-300.text-white.text-sm.hover\:bg-brand-orange,
    .rounded-full.border.text-white.border-slate-300.text-sm.hover\:bg-brand-orange{
      border-color:rgba(255,255,255,.4) !important;
      background:rgba(255,255,255,.06);
      backdrop-filter:blur(8px);
    }

    .border-slate-300.text-white.text-sm.hover\:bg-brand-orange:hover,
    .rounded-full.border.text-white.border-slate-300.text-sm.hover\:bg-brand-orange:hover{
      background:#ffffff !important;
      color:var(--kar-black) !important;
    }

    .rounded-full.border.border-slate-300.text-sm.hover\:bg-slate-50,
    .inline-flex.items-center.gap-2.px-4.py-2.rounded-full.border.border-slate-300.text-sm.hover\:bg-slate-50,
    .px-3.py-2.rounded-full.hover\:bg-slate-100,
    .px-3.py-2.rounded-full.hover\:bg-slate-100.inline-flex.items-center.gap-2,
    label[for^="cat-"]{
      border-color:rgba(207,41,108,.32) !important;
      background:#fff !important;
    }

    .rounded-full.border.border-slate-300.text-sm.hover\:bg-slate-50:hover,
    .inline-flex.items-center.gap-2.px-4.py-2.rounded-full.border.border-slate-300.text-sm.hover\:bg-slate-50:hover,
    .px-3.py-2.rounded-full.hover\:bg-slate-100:hover,
    .px-3.py-2.rounded-full.hover\:bg-slate-100.inline-flex.items-center.gap-2:hover,
    label[for^="cat-"]:hover{
      background:var(--kar-black) !important;
      color:#fff !important;
      border-color:var(--kar-black) !important;
    }

    #cat-all:checked ~ .content label[for="cat-all"],
    #cat-news:checked ~ .content label[for="cat-news"],
    #cat-research:checked ~ .content label[for="cat-research"],
    #cat-diseases:checked ~ .content label[for="cat-diseases"],
    #cat-careers:checked ~ .content label[for="cat-careers"],
    #cat-publications:checked ~ .content label[for="cat-publications"]{
      background:var(--kar-pink) !important;
      border-color:var(--kar-pink) !important;
      color:#ffffff !important;
    }

    #latest-news{
      background:linear-gradient(135deg,#050505 0%, #1b0b14 42%, #2b101d 100%) !important;
    }

    #latest-news .group.block.rounded-2xl.bg-white\/10,
    #latest-news .lg\:col-span-7.group.rounded-2xl.bg-white\/10.shadow-soft.overflow-hidden.hover\:shadow-lg.transition{
      background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(207,41,108,.10)) !important;
      border:1px solid rgba(255,255,255,.08);
    }

    footer{
      background:var(--kar-black) !important;
      color:#fff !important;
      border-top:0 !important;
    }

    footer .border-slate-200,
    footer .border-t,
    footer .border-b,
    footer .border{
      border-color:rgba(255,245,184,.16) !important;
    }

    footer .bg-white,
    footer .bg-slate-50\/70,
    footer .bg-slate-50,
    footer .rounded-2xl.border.border-slate-200.bg-white.shadow-soft.overflow-hidden{
      background:rgba(255,255,255,.04) !important;
      box-shadow:none !important;
    }

    footer p,
    footer span,
    footer li,
    footer a,
    footer svg{
      color:#fff !important;
    }

    footer .text-slate-500,
    footer .text-slate-600,
    footer .text-xs.text-slate-600,
    footer .text-sm.text-slate-600,
    footer .text-\[11px\].text-slate-500{
      color:rgba(255,255,255,.72) !important;
    }

    footer a:hover{
      color:var(--kar-sand-light) !important;
    }

    footer .w-2.h-2.rounded-full.bg-emerald-500,
    footer .w-2.h-2.rounded-full.bg-blue-500,
    footer .w-2.h-2.rounded-full.bg-amber-500{
      background:var(--kar-sand) !important;
    }

    footer .w-10.h-10.rounded-xl.border.border-slate-200:hover{
      background:rgba(255,245,184,.12) !important;
      border-color:rgba(255,245,184,.42) !important;
    }

    .border-slate-200{ border-color:rgba(202,202,202,.65) !important; }
    .bg-slate-50{ background:#fffaf0 !important; }
    .bg-slate-100{ background:#fff5f8 !important; }