/* NR Feature Slot — quiet, native card. No animation, no flashing.
   row     = replaces the NeuroWiki bar (image left, text, button right), image 480×220 shown at 240×110
   sidebar = narrow sticky column right of the trial table; the table narrows by --ntfs-side-w
   stack   = phones / narrow screens: card above the trial list, image full width */
.nr-feature-slot {
  box-sizing: border-box;
  padding: 10px 12px 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
.nr-feature-slot__label {
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #94a3b8;
}
.nr-feature-slot__link {
  display: flex;
  gap: 18px;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.nr-feature-slot__img {
  display: block;
  object-fit: cover;
  border-radius: 6px;
}
.nr-feature-slot__text { min-width: 0; }
.nr-feature-slot__headline {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e3a5f;
}
.nr-feature-slot__body {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #475569;
}
.nr-feature-slot__cta {
  display: inline-block;
  margin-top: 10px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  color: #ffffff;
  background: #1e3a5f;
  border-radius: 6px;
}
.nr-feature-slot__link:hover .nr-feature-slot__cta { background: #0047ab; }

/* row — takes the NeuroWiki bar's place */
.nr-feature-slot--row { width: 100%; margin: 0 0 14px; }
.nr-feature-slot--row .nr-feature-slot__img { flex: 0 0 auto; width: 240px; height: 110px; }
.nr-feature-slot--row .nr-feature-slot__text { flex: 1; }
.nr-feature-slot--row .nr-feature-slot__link > .nr-feature-slot__cta { margin: 0 8px 0 auto; }

/* sidebar — narrow column; the table gives up the same width */
.nr-feature-slot--sidebar {
  float: right;
  margin: 0 0 16px 24px;
  position: sticky;
  top: 120px;
}
.nr-feature-slot--sidebar .nr-feature-slot__link,
.nr-feature-slot--stack .nr-feature-slot__link { flex-direction: column; align-items: stretch; gap: 10px; }
.nr-feature-slot--sidebar .nr-feature-slot__img { width: 100%; height: auto; aspect-ratio: 480 / 272; }
.nr-feature-slot--sidebar .nr-feature-slot__headline { font-size: 15px; }
.nr-feature-slot--sidebar .nr-feature-slot__body { font-size: 13px; }
.nr-feature-slot--sidebar .nr-feature-slot__cta,
.nr-feature-slot--stack .nr-feature-slot__cta { display: block; text-align: center; }

/* stack — phones and narrow windows */
.nr-feature-slot--stack { width: 100%; margin: 0 0 14px; }
.nr-feature-slot--stack .nr-feature-slot__img { width: 100%; height: auto; aspect-ratio: 480 / 272; }

/* wide — position "banner" on desktop: 1200x160 image (2400x320 creative) as one link, button overlaid
   with its right edge 26.5% from the image's right edge (the creatives leave that gap clear) */
.nr-feature-slot--wide { width: 100%; margin: 0 0 14px; }
.nr-feature-slot__link--wide { display: block; position: relative; line-height: 0; }
.nr-feature-slot--wide .nr-feature-slot__img { width: 100%; height: auto; aspect-ratio: 2400 / 320; object-fit: cover; border-radius: 6px; }
.nr-feature-slot__cta--over {
  position: absolute; top: 50%; right: 26.5%; transform: translateY(-50%);
  margin: 0; padding: 10px 18px; line-height: 1.2;
  font-size: 15px; font-weight: 800; color: #0b3d55; background: #facc15; border-radius: 6px;
}
.nr-feature-slot__link--wide:hover .nr-feature-slot__cta--over { background: #eab308; color: #0b3d55; }

/* compact — content pages: 728x90 strip (1456x180 creative), full width on phones */
.nr-feature-slot--compact { width: 100%; max-width: 754px !important; padding: 8px 12px 10px; }
.nr-feature-slot--compact .nr-feature-slot__label { margin-bottom: 5px; }
.nr-feature-slot__link--compact { display: block; line-height: 0; }
.nr-feature-slot--compact .nr-feature-slot__img { width: 100%; height: auto; aspect-ratio: 1456 / 180; border-radius: 5px; }

/* NR: the slot sits inside a Beaver Builder column; keep it clear of neighbouring modules */
.nr-feature-slot { max-width: 1170px; margin: 18px auto !important; text-align: left; }
.nr-feature-slot__label { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }