/* FDA Starter Lite - front-end utilities */
:root {
  --fda-font-body: var(--wp--preset--font-family--system);
  --fda-font-heading: var(--wp--preset--font-family--manrope);
  --fda-font-ui: var(--wp--preset--font-family--system);
  --fda-radius-sm: 14px;
  --fda-radius: 24px;
  --fda-radius-lg: 34px;
  --fda-shadow: 0 24px 70px rgba(15, 23, 42, .10);
  --fda-shadow-soft: 0 14px 42px rgba(15, 23, 42, .08);
  --fda-border: 1px solid rgba(15, 23, 42, .10);
  --fda-container: min(1180px, calc(100vw - 40px));
  --fda-transition: 220ms ease;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: clip; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: var(--fda-font-body); }
img, video, iframe, svg { max-width: 100%; height: auto; }
a { text-underline-offset: .2em; }
:where(h1,h2,h3,h4,h5,h6,.fda-display-title,.fda-word-hero h1,.fda-native-slide h1,.fda-native-slide h2) { font-family: var(--fda-font-heading); }
:where(button,.wp-block-button__link,.wp-block-navigation,.fda-eyebrow,.fda-text-pill) { font-family: var(--fda-font-ui); }
:where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--wp--preset--color--accent) 70%, white);
  outline-offset: 4px;
  border-radius: 10px;
}

.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.wp-site-blocks > main { flex: 1; }

.fda-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(18px);
  background: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
  border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.fda-header-inner {
  width: var(--fda-container);
  margin-inline: auto;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.fda-brand a { text-decoration: none; font-weight: 850; letter-spacing: -.04em; }
.fda-brand strong { color: var(--wp--preset--color--accent-dark); }



/* v1.2.10 - Stable editorial mobile navigation.
   The open button stays only in the header when the menu is closed.
   When the menu opens, the fullscreen panel covers the header completely,
   submenus stay closed until their native arrow is clicked, and close/open
   motions are softened with CSS3 transitions/animations. */
@media (max-width: 782px) {
  body.has-modal-open {
    overflow: hidden;
  }

  .fda-site-header {
    z-index: 9999;
  }

  .fda-header-inner {
    min-height: 64px;
    flex-wrap: nowrap !important;
    gap: 12px;
  }

  .fda-brand {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
  }

  .fda-brand a {
    display: block;
    max-width: 58vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(1.05rem, 4.4vw, 1.25rem);
    line-height: 1;
  }

  .fda-site-header .wp-block-navigation {
    flex: 0 0 auto;
    margin-left: auto;
    justify-content: flex-end;
    --navigation-layout-justification-setting: flex-end;
    --navigation-layout-justify: flex-end;
  }

  .fda-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: inline-flex !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container-open {
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 999px;
    background: #101522;
    color: #ffffff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .18);
    cursor: pointer;
    transition: transform 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, opacity 180ms ease;
  }

  .fda-site-header .wp-block-navigation__responsive-container-open:hover,
  .fda-site-header .wp-block-navigation__responsive-container-open:focus-visible {
    transform: translateY(-1px);
    background: #05070d;
    border-color: rgba(215, 255, 47, .72);
    box-shadow: 0 20px 50px rgba(15, 23, 42, .24);
  }

  .fda-site-header .wp-block-navigation__responsive-container-open svg,
  .fda-site-header .wp-block-navigation__responsive-container-close svg {
    width: 22px;
    height: 22px;
  }

  /* When the native Navigation modal is open, the overlay must sit above the
     whole header. This removes the duplicate hamburger and brand from the
     visible layer while keeping the native close button active. */
  body.has-modal-open .fda-site-header,
  .fda-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 1000000;
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body.has-modal-open .fda-site-header .fda-header-inner,
  .fda-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) .fda-header-inner {
    width: 100%;
    min-height: 0;
  }

  body.has-modal-open .fda-site-header .fda-brand,
  body.has-modal-open .fda-site-header .wp-block-navigation__responsive-container-open,
  .fda-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) .fda-brand,
  .fda-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) .wp-block-navigation__responsive-container-open {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    color: #101522;
    background:
      radial-gradient(circle at 8% 0%, rgba(215,255,47,.13), transparent 18rem),
      linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1000001 !important;
    animation: fda-mobile-menu-in 320ms cubic-bezier(.22, 1, .36, 1) both;
    transition: opacity 240ms ease, transform 240ms ease, visibility 240ms ease;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open.fda-is-closing {
    pointer-events: none;
    animation: fda-mobile-menu-out 220ms cubic-bezier(.4, 0, .2, 1) both;
  }

  body.admin-bar .fda-site-header .wp-block-navigation__responsive-container.is-menu-open {
    top: 0 !important;
    height: 100dvh !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(100%, 1080px) !important;
    min-height: 100dvh;
    margin: 0 auto !important;
    padding: clamp(112px, 15vw, 148px) clamp(26px, 6vw, 72px) clamp(64px, 10vw, 96px) !important;
    background: rgba(255, 255, 255, .98);
    border-radius: 0 0 clamp(26px, 6vw, 48px) clamp(26px, 6vw, 48px);
    box-shadow: 0 34px 110px rgba(15, 23, 42, .08);
    overflow: hidden;
    animation: fda-mobile-menu-panel-in 380ms cubic-bezier(.22, 1, .36, 1) both;
    transition: transform 240ms ease, opacity 240ms ease;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open.fda-is-closing .wp-block-navigation__responsive-dialog {
    animation: fda-mobile-menu-panel-out 220ms cubic-bezier(.4, 0, .2, 1) both;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 6px;
    background: linear-gradient(90deg, var(--wp--preset--color--accent), rgba(185,239,255,.72), transparent);
    opacity: .72;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    width: 100% !important;
    max-width: none !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container-close {
    position: fixed !important;
    top: clamp(24px, 5vw, 38px) !important;
    right: clamp(22px, 5vw, 46px) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: clamp(54px, 12vw, 64px);
    height: clamp(54px, 12vw, 64px);
    padding: 0 !important;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 999px;
    background: #101522;
    color: #ffffff;
    box-shadow: 0 18px 52px rgba(15, 23, 42, .22);
    cursor: pointer;
    transition: transform 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
    z-index: 1000002;
  }

  body.admin-bar .fda-site-header .wp-block-navigation__responsive-container-close {
    top: max(24px, calc(env(safe-area-inset-top) + 24px)) !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container-close:hover,
  .fda-site-header .wp-block-navigation__responsive-container-close:focus-visible {
    transform: rotate(4deg) scale(1.04);
    background: #05070d;
    border-color: rgba(215, 255, 47, .65);
    box-shadow: 0 22px 58px rgba(15, 23, 42, .26);
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, .11);
    opacity: 0;
    transform: translateY(12px);
    animation: fda-mobile-menu-item-in 420ms cubic-bezier(.22, 1, .36, 1) forwards;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:first-child,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item:first-child {
    border-top: 1px solid rgba(15, 23, 42, .11);
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation-item, .wp-block-pages-list__item):nth-child(1) { animation-delay: 50ms; }
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation-item, .wp-block-pages-list__item):nth-child(2) { animation-delay: 85ms; }
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation-item, .wp-block-pages-list__item):nth-child(3) { animation-delay: 120ms; }
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation-item, .wp-block-pages-list__item):nth-child(4) { animation-delay: 155ms; }
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation-item, .wp-block-pages-list__item):nth-child(n+5) { animation-delay: 185ms; }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: clamp(58px, 11.8vw, 82px);
    padding: clamp(16px, 3.8vw, 24px) 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #101522 !important;
    font-size: clamp(1.22rem, 5.5vw, 2.05rem) !important;
    font-weight: 850;
    line-height: 1.04;
    letter-spacing: .035em;
    text-transform: uppercase;
    text-decoration: none !important;
    word-break: normal;
    overflow-wrap: anywhere;
    box-shadow: none !important;
    transition: transform 220ms ease, color 220ms ease, letter-spacing 220ms ease;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:hover,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:focus-visible,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open a:hover,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open a:focus-visible {
    transform: translateX(6px);
    color: #05070d !important;
    letter-spacing: .05em;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-ancestor > .wp-block-navigation-item__content,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > a {
    color: color-mix(in srgb, var(--wp--preset--color--accent-dark) 72%, #101522) !important;
  }

  /* Native submenu arrow: closed by default. It opens only after clicking the
     WordPress Navigation submenu toggle, then closes again when clicked once more. */
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-icon,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > button {
    position: absolute;
    top: clamp(14px, 3.6vw, 22px);
    right: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px;
    background: transparent !important;
    color: #101522;
    opacity: .82;
    cursor: pointer;
    transition: transform 220ms ease, background-color 220ms ease, opacity 220ms ease;
    z-index: 2;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > a {
    padding-right: 54px !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle:hover,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle:focus-visible,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > button:hover,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > button:focus-visible {
    background: rgba(15, 23, 42, .06) !important;
    opacity: 1;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle svg,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-icon svg,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > button svg {
    width: 20px;
    height: 20px;
    transition: transform 220ms ease;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > button[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > .submenu-container {
    position: static !important;
    visibility: hidden !important;
    opacity: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    max-height: 0 !important;
    min-width: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 clamp(14px, 4vw, 26px) !important;
    border: 0 !important;
    border-left: 2px solid rgba(15, 23, 42, .12) !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: max-height 320ms cubic-bezier(.22, 1, .36, 1), opacity 220ms ease, visibility 220ms ease, margin 220ms ease;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > button[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > button[aria-expanded="true"] ~ .submenu-container,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child:has(> button[aria-expanded="true"]) > .wp-block-navigation__submenu-container,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child:has(> button[aria-expanded="true"]) > .submenu-container {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 900px !important;
    margin: 0 0 clamp(12px, 3vw, 18px) !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .submenu-container .wp-block-pages-list__item {
    border-bottom-color: rgba(15, 23, 42, .07);
    opacity: 1;
    transform: none;
    animation: none;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .submenu-container a {
    min-height: 46px;
    padding-block: 11px !important;
    color: rgba(16, 21, 34, .76) !important;
    font-size: clamp(.92rem, 3.7vw, 1.08rem) !important;
    font-weight: 750;
    letter-spacing: .02em;
    text-transform: uppercase;
  }
}

@media (max-width: 480px) {
  .fda-header-inner {
    min-height: 60px;
  }

  .fda-site-header .wp-block-navigation__responsive-container-open {
    width: 43px;
    height: 43px;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    padding: 96px 28px 64px !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container-close {
    top: 26px !important;
    right: 28px !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open a {
    font-size: clamp(1.12rem, 6.6vw, 1.55rem) !important;
    min-height: 60px;
  }
}

@media (max-width: 380px) {
  .fda-brand a { max-width: 52vw; }

  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
    padding-inline: 22px !important;
  }

  .fda-site-header .wp-block-navigation__responsive-container-close {
    right: 22px !important;
  }
}

@keyframes fda-mobile-menu-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fda-mobile-menu-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-6px);
  }
}

@keyframes fda-mobile-menu-panel-in {
  from {
    opacity: 0;
    transform: translateY(-14px) scale(.995);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes fda-mobile-menu-panel-out {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(-10px) scale(.995);
  }
}

@keyframes fda-mobile-menu-item-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 782px) and (prefers-reduced-motion: reduce) {
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation__submenu-container,
  .fda-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list .has-child > .submenu-container {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.fda-footer {
  border-top: 1px solid rgba(15, 23, 42, .09);
  background: var(--wp--preset--color--surface);
}

.fda-footer-inner {
  width: var(--fda-container);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: clamp(24px, 5vw, 64px);
  padding-block: clamp(46px, 7vw, 82px);
}

.fda-section { padding-block: clamp(64px, 10vw, 128px); }
.fda-section--tight { padding-block: clamp(42px, 7vw, 82px); }
.fda-section--surface { background: var(--wp--preset--color--surface); }
.fda-section--dark {
  background: radial-gradient(circle at top left, rgba(34,197,94,.20), transparent 32rem), var(--wp--preset--color--dark);
  color: #f8fafc;
}
.fda-section--dark :is(h1,h2,h3,p,a) { color: inherit; }
.fda-section--dark .fda-eyebrow { color: #86efac; }

.fda-container { width: var(--fda-container); margin-inline: auto; }
.fda-narrow { max-width: 760px; }
.fda-center { text-align: center; margin-inline: auto; }
.fda-lead { font-size: clamp(1.1rem, 2vw, 1.35rem); color: var(--wp--preset--color--muted); line-height: 1.65; }
.fda-section--dark .fda-lead { color: rgba(248,250,252,.76); }
.fda-eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .75rem; font-weight: 850; color: var(--wp--preset--color--accent-dark); }

.fda-grid { display: grid; gap: clamp(18px, 3vw, 32px); align-items: stretch; }
.fda-grid > * { min-width: 0; margin-block-start: 0; }
.fda-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fda-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fda-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fda-grid--auto { grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); }

/* Desktop card rows use flexbox for perfect visual alignment.
   Tablet and mobile keep the normal responsive grid behavior. */
@media (min-width: 981px) {
  .fda-grid--3 {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .fda-grid--3 > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

.fda-flex { display: flex; gap: clamp(18px, 3vw, 32px); }
.fda-flex--between { justify-content: space-between; align-items: center; }
.fda-flex--center { align-items: center; justify-content: center; }
.fda-wrap { flex-wrap: wrap; }

.fda-card,
.is-style-fda-card {
  border: var(--fda-border);
  border-radius: var(--fda-radius);
  background: var(--wp--preset--color--base);
  box-shadow: var(--fda-shadow-soft);
  padding: clamp(24px, 4vw, 38px);
  transition: transform var(--fda-transition), box-shadow var(--fda-transition), border-color var(--fda-transition);
}
.fda-card:hover,
.is-style-fda-card:hover { box-shadow: var(--fda-shadow); border-color: rgba(34, 197, 94, .35); }


/* Equal-height cards and consistent inner spacing.
   This keeps white cards and dark cards aligned across mixed sections. */
.fda-grid > .fda-card,
.fda-grid > .wp-block-group.fda-card,
.fda-grid > .is-style-fda-card,
.fda-grid > .wp-block-group.is-style-fda-card {
  height: 100%;
  margin-block-start: 0 !important;
}

.fda-card,
.is-style-fda-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width: 981px) {
  .fda-grid--3 > .fda-card,
  .fda-grid--3 > .wp-block-group.fda-card,
  .fda-grid--3 > .is-style-fda-card,
  .fda-grid--3 > .wp-block-group.is-style-fda-card {
    min-height: clamp(220px, 17vw, 270px);
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .fda-grid--3 > .fda-card > *,
  .fda-grid--3 > .wp-block-group.fda-card > *,
  .fda-grid--3 > .is-style-fda-card > *,
  .fda-grid--3 > .wp-block-group.is-style-fda-card > * {
    width: 100%;
  }
}

.fda-card > :first-child,
.is-style-fda-card > :first-child { margin-top: 0; }
.fda-card > :last-child,
.is-style-fda-card > :last-child { margin-bottom: 0; }
.fda-card :where(h1,h2,h3,h4,p,ul,ol,figure) { margin-top: 0; }
.fda-card :where(h3,h4) { line-height: 1.08; letter-spacing: -.035em; }
.fda-card p { line-height: 1.62; }
.fda-card .wp-block-buttons { margin-top: auto; padding-top: 1.25rem; }

.fda-section--dark .fda-card:not(.fda-card--light),
.fda-section--dark .is-style-fda-card:not(.fda-card--light) {
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  border-color: rgba(255,255,255,.15);
  color: #f8fafc;
  box-shadow: 0 26px 72px rgba(0,0,0,.22);
}

.fda-section--dark .fda-card:not(.fda-card--light) p,
.fda-section--dark .is-style-fda-card:not(.fda-card--light) p {
  color: rgba(248,250,252,.78);
}

.fda-section--dark .fda-card:not(.fda-card--light) .fda-metric,
.fda-section--dark .is-style-fda-card:not(.fda-card--light) .fda-metric {
  color: #86efac;
}

.fda-card--light {
  background: #fff !important;
  color: #111827 !important;
  border-color: rgba(255,255,255,.7) !important;
}

.fda-card--light :where(h1,h2,h3,h4,p,a,li),
.fda-card--light .fda-meta { color: inherit; }

.fda-card--dark {
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  border-color: rgba(255,255,255,.15);
  color: #f8fafc;
  box-shadow: 0 26px 72px rgba(0,0,0,.22);
}
.fda-card--dark p { color: rgba(248,250,252,.78); }
.fda-card--dark .fda-metric { color: #86efac; }

.fda-glass,
.is-style-fda-glass {
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: var(--fda-shadow-soft);
  border-radius: var(--fda-radius-lg);
}

.wp-block-button__link { transition: transform var(--fda-transition), box-shadow var(--fda-transition), background-color var(--fda-transition); }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(34,197,94,.26); }
.wp-block-button.is-style-fda-ghost .wp-block-button__link,
.fda-btn--ghost {
  background: transparent !important;
  color: currentColor !important;
  border: 1px solid currentColor;
  box-shadow: none;
}

/* Lightweight hero slider */
.fda-hero-slider {
  position: relative;
  overflow: hidden;
  padding-block: clamp(42px, 7vw, 76px);
  background: radial-gradient(circle at 10% 0%, rgba(34,197,94,.18), transparent 34rem), linear-gradient(180deg, #fff, #f5f7fb);
}
.fda-slider {
  --fda-slide-index: 0;
}
.fda-slider__viewport { width: var(--fda-container); margin-inline: auto; overflow: hidden; border-radius: clamp(24px, 4vw, 42px); }
.fda-slider__track {
  display: flex;
  transition: transform 520ms cubic-bezier(.22, 1, .36, 1);
  transform: translateX(calc(var(--fda-slide-index) * -100%));
  will-change: transform;
}
.fda-slide {
  min-width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(280px, .97fr);
  gap: clamp(24px, 5vw, 62px);
  align-items: center;
  padding: clamp(28px, 5vw, 72px);
  min-height: clamp(520px, 64vh, 720px);
  background: linear-gradient(135deg, #09111f, #101827);
  color: #f8fafc;
}
.fda-slide:nth-child(2) { background: linear-gradient(135deg, #071a10, #101827); }
.fda-slide:nth-child(3) { background: linear-gradient(135deg, #111827, #0f172a); }
.fda-slide :is(h1,h2,p,a) { color: inherit; }
.fda-slide h1,
.fda-slide h2 { font-size: clamp(2.4rem, 6vw, 6.2rem); line-height: .92; letter-spacing: -.07em; max-width: 11ch; margin-block: 10px 22px; }
.fda-slide p { font-size: clamp(1.05rem, 1.9vw, 1.28rem); color: rgba(248,250,252,.74); max-width: 54ch; }
.fda-slide__media {
  min-height: clamp(280px, 42vw, 520px);
  border-radius: clamp(24px, 4vw, 38px);
  background:
    linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.03)),
    radial-gradient(circle at 30% 20%, rgba(34,197,94,.55), transparent 14rem),
    radial-gradient(circle at 80% 70%, rgba(59,130,246,.28), transparent 16rem),
    rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 34px 90px rgba(0,0,0,.28);
  position: relative;
  overflow: hidden;
}
.fda-slide__media--image {
  background: #0f172a;
  padding: 0;
}
.fda-slide__media--image::before,
.fda-slide__media--image::after {
  display: none;
}
.fda-slide__media :where(figure, .wp-block-image) {
  margin: 0;
  width: 100%;
  height: 100%;
}
.fda-slide__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}
.fda-slider--compact .fda-slide { min-height: clamp(420px, 52vh, 580px); }
.fda-slider--low .fda-slide { min-height: clamp(360px, 46vh, 500px); }
.fda-slider--media-left .fda-slide__content { order: 2; }
.fda-slider--media-left .fda-slide__media { order: 1; }
.fda-slider--no-radius .fda-slider__viewport,
.fda-slider--no-radius .fda-slide { border-radius: 0; }
.fda-slide--light {
  background: linear-gradient(135deg, #f8fafc, #e9f9ef) !important;
  color: #111827;
}
.fda-slide--light p { color: #475569; }
.fda-slide--center { text-align: center; grid-template-columns: 1fr; }
.fda-slide--center .fda-slide__content { margin-inline: auto; }
.fda-slide--center :where(h1,h2,p) { margin-inline: auto; }
.fda-slide__media::before,
.fda-slide__media::after {
  content: "";
  position: absolute;
  inset: auto;
  border-radius: 999px;
  filter: blur(2px);
  background: rgba(255,255,255,.18);
}
.fda-slide__media::before { width: 42%; aspect-ratio: 1; right: 9%; top: 10%; }
.fda-slide__media::after { width: 58%; aspect-ratio: 1.2; left: -10%; bottom: -10%; background: rgba(34,197,94,.28); }
.fda-slider__controls {
  width: var(--fda-container);
  margin: 18px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.fda-slider__arrows { display: flex; gap: 10px; }
.fda-slider button {
  appearance: none;
  border: 1px solid rgba(15,23,42,.16);
  background: #fff;
  color: #111827;
  border-radius: 999px;
  min-width: 44px;
  min-height: 44px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: transform var(--fda-transition), border-color var(--fda-transition), background-color var(--fda-transition);
}
.fda-slider button:hover { transform: translateY(-2px); border-color: rgba(34,197,94,.5); background: #f8fafc; }
.fda-slider__dots { display: flex; gap: 8px; }
.fda-slider__dot { width: 12px; min-width: 12px !important; min-height: 12px !important; padding: 0; background: rgba(15,23,42,.18) !important; }
.fda-slider__dot[aria-current="true"] { background: var(--wp--preset--color--accent) !important; width: 30px; }

.fda-metric { font-size: clamp(2rem, 5vw, 4rem); font-weight: 850; line-height: .95; letter-spacing: -.05em; }
.fda-meta { color: var(--wp--preset--color--muted); font-size: .95rem; }

.fda-device-frame {
  border-radius: 30px;
  border: 1px solid rgba(15,23,42,.12);
  background: #fff;
  box-shadow: var(--fda-shadow);
  overflow: hidden;
  padding: 12px;
}
.fda-device-frame__bar { height: 14px; display: flex; gap: 6px; align-items: center; margin-bottom: 12px; }
.fda-device-frame__bar span { width: 8px; height: 8px; background: rgba(15,23,42,.18); border-radius: 999px; }
.fda-device-frame__screen {
  min-height: 280px;
  border-radius: 20px;
  background: linear-gradient(135deg, #0f172a, #111827 55%, #22c55e);
}

.fda-kicker-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.fda-kicker-list li { display: flex; align-items: flex-start; gap: 10px; }
.fda-kicker-list li::before { content: "✓"; color: var(--wp--preset--color--accent-dark); font-weight: 900; }

@media (max-width: 980px) {
  .fda-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fda-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fda-slide { grid-template-columns: 1fr; min-height: auto; }
  .fda-slide__media { min-height: 280px; }
  .fda-slider--media-left .fda-slide__content,
  .fda-slider--media-left .fda-slide__media { order: initial; }
}

@media (max-width: 782px) {
  :root { --fda-container: min(100vw - 28px, 1180px); }
  .fda-header-inner { min-height: 66px; }
  .fda-footer-inner,
  .fda-grid--2,
  .fda-grid--3,
  .fda-grid--4 { grid-template-columns: 1fr; }
  .fda-flex--between { align-items: flex-start; }
  .fda-slide { padding: 26px; border-radius: 26px; }
  .fda-slide h1,
  .fda-slide h2 { font-size: clamp(2.15rem, 12vw, 4rem); max-width: 12ch; }
  .fda-slide p { font-size: 1rem; }
  .fda-slider__controls { align-items: center; }
  .fda-card, .is-style-fda-card { border-radius: 22px; padding: 24px; }
}

@media (max-width: 480px) {
  :root { --fda-container: min(100vw - 22px, 1180px); }
  .fda-section { padding-block: 52px; }
  .fda-slide { padding: 22px; }
  .fda-slide__media { min-height: 220px; }
  .fda-slider__controls { margin-top: 14px; }
  .fda-slider__dots { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .fda-slider__track { transition: none; }
}


/* FDA Slider Builder companion support.
   These rules keep the optional Gutenberg slider block visually consistent with the theme. */
.fda-slider.fda-slider-builder .fda-slide.fda-slide--green { background: linear-gradient(135deg, #071a10, #101827); }
.fda-slider.fda-slider-builder .fda-slide.fda-slide--blue { background: linear-gradient(135deg, #111827, #0f172a); }
.fda-slider.fda-slider-builder .fda-slide.fda-slide--light {
  background: linear-gradient(135deg, #ffffff, #f8fafc) !important;
  color: #111827;
  border: 1px solid rgba(15,23,42,.08);
}
.fda-slider.fda-slider-builder .fda-slide.fda-slide--light .fda-eyebrow { color: var(--wp--preset--color--accent-dark); }
.fda-slider.fda-slider-builder .fda-slide.fda-slide--light p { color: rgba(15,23,42,.72); }
.fda-slider.fda-slider-builder.fda-slider--tall .fda-slide { min-height: clamp(620px, 78vh, 820px); }

/* v1.1.0 - No-plugin native Gutenberg slider and premium visual system */
:root {
  --fda-acid: var(--wp--preset--color--accent, #d7ff2f);
  --fda-sky: var(--wp--preset--color--sky, #b9efff);
  --fda-violet: var(--wp--preset--color--violet, #ded6ff);
  --fda-cream: var(--wp--preset--color--cream, #fff6df);
  --fda-ink: var(--wp--preset--color--ink, #10131d);
}

body {
  background:
    radial-gradient(circle at 0% 0%, rgba(215,255,47,.10), transparent 24rem),
    radial-gradient(circle at 100% 18%, rgba(185,239,255,.18), transparent 26rem),
    var(--wp--preset--color--base);
}

.fda-word-hero {
  position: relative;
  overflow: hidden;
  padding-block: clamp(80px, 12vw, 170px);
}
.fda-word-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 18%, rgba(215,255,47,.22), transparent 24rem),
    radial-gradient(circle at 92% 0%, rgba(222,214,255,.28), transparent 30rem);
  opacity: .9;
}
.fda-word-hero > * { position: relative; }
.fda-display-title,
.fda-word-hero h1 {
  font-size: clamp(3rem, 10vw, 10rem);
  line-height: .82;
  letter-spacing: -.085em;
  margin: 0;
  max-width: 10ch;
}
.fda-text-pill {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 999px;
  padding: .55rem .85rem;
  background: rgba(255,255,255,.76);
  box-shadow: 0 12px 34px rgba(15,23,42,.06);
  font-size: .86rem;
  font-weight: 850;
  letter-spacing: -.02em;
}
.fda-text-pill::before {
  content: "";
  width: .65rem;
  height: .65rem;
  border-radius: 999px;
  background: var(--fda-acid);
  box-shadow: 0 0 0 5px rgba(215,255,47,.28);
}
.fda-hero-split {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  gap: clamp(34px, 6vw, 96px);
  align-items: end;
}
.fda-hero-note {
  max-width: 520px;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  color: rgba(16,19,29,.72);
}
.fda-hero-actions { margin-top: 28px; }

/* Native Gutenberg slider. Built with core Group + Cover blocks, no plugin. */
.fda-native-slider,
.fda-hero-slider.fda-native-slider {
  --fda-slide-index: 0;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  touch-action: pan-y;
  padding-block: clamp(30px, 5vw, 72px);
  background: transparent;
}
.fda-native-slider__track {
  width: var(--fda-container);
  margin-inline: auto;
  display: flex;
  gap: 0;
  overflow: hidden;
  border-radius: clamp(26px, 5vw, 56px);
  box-shadow: 0 34px 100px rgba(15,23,42,.14);
  border: 1px solid rgba(15,23,42,.08);
  transform: translateZ(0);
}
.fda-native-slide,
.wp-block-cover.fda-native-slide {
  flex: 0 0 100%;
  min-width: 100%;
  min-height: clamp(520px, 68vh, 740px) !important;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: clamp(28px, 5vw, 76px);
  background: radial-gradient(circle at 16% 8%, rgba(215,255,47,.30), transparent 22rem), linear-gradient(135deg, #05070d, #10131d);
  color: #f8fafc;
  transition: transform 560ms cubic-bezier(.22, 1, .36, 1);
}
.fda-native-slider__track { transform: translateX(calc(var(--fda-slide-index) * -100%)); transition: transform 560ms cubic-bezier(.22,1,.36,1); }
.fda-native-slide .wp-block-cover__inner-container {
  width: min(1080px, 100%);
  margin-inline: auto;
  color: inherit;
}
.fda-native-slide :is(h1,h2,h3,p,a) { color: inherit; }
.fda-native-slide h1,
.fda-native-slide h2 {
  max-width: 12ch;
  font-size: clamp(2.7rem, 8vw, 8rem);
  line-height: .85;
  letter-spacing: -.085em;
  margin-block: .3em .22em;
}
.fda-native-slide p {
  max-width: 58ch;
  color: rgba(248,250,252,.76);
  font-size: clamp(1.05rem, 1.9vw, 1.34rem);
}
.fda-native-slide .fda-eyebrow { color: var(--fda-acid); }
.fda-native-slider__controls {
  width: var(--fda-container);
  margin: 16px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.fda-native-slider__dots { display: flex; align-items: center; gap: 8px; }
.fda-native-slider__dot,
.fda-native-slider__prev,
.fda-native-slider__next {
  appearance: none;
  border: 1px solid rgba(15,23,42,.13);
  background: #fff;
  color: #10131d;
  border-radius: 999px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 32px rgba(15,23,42,.08);
}
.fda-native-slider__dot { min-width: 12px; min-height: 12px; width: 12px; height: 12px; box-shadow: none; background: rgba(15,23,42,.20); }
.fda-native-slider__dot[aria-current="true"] { width: 32px; background: var(--fda-acid); }
.fda-native-slider__arrows { display: flex; gap: 10px; }
.fda-native-slider[data-dots="false"] .fda-native-slider__dots { display: none; }
.fda-native-slider[data-arrows="false"] .fda-native-slider__arrows { display: none; }
.fda-native-slider.is-low .fda-native-slide { min-height: clamp(380px, 50vh, 540px) !important; }
.fda-native-slider.is-compact .fda-native-slide { min-height: clamp(440px, 58vh, 620px) !important; }

.wp-block-cover.is-style-fda-slide-lime,
.fda-native-slide.is-style-fda-slide-lime {
  background: radial-gradient(circle at 18% 10%, rgba(255,255,255,.50), transparent 19rem), linear-gradient(135deg, #d7ff2f, #efffd1) !important;
  color: #10131d;
}
.wp-block-cover.is-style-fda-slide-lime p,
.fda-native-slide.is-style-fda-slide-lime p { color: rgba(16,19,29,.74); }
.wp-block-cover.is-style-fda-slide-lime .fda-eyebrow,
.fda-native-slide.is-style-fda-slide-lime .fda-eyebrow { color: #245500; }

.wp-block-cover.is-style-fda-slide-sky,
.fda-native-slide.is-style-fda-slide-sky {
  background: radial-gradient(circle at 85% 8%, rgba(215,255,47,.38), transparent 20rem), linear-gradient(135deg, #eafaff, #b9efff) !important;
  color: #10131d;
}
.wp-block-cover.is-style-fda-slide-sky p,
.fda-native-slide.is-style-fda-slide-sky p { color: rgba(16,19,29,.72); }
.wp-block-cover.is-style-fda-slide-light,
.fda-native-slide.is-style-fda-slide-light {
  background: linear-gradient(135deg, #ffffff, #f5f7fb) !important;
  color: #10131d;
}
.wp-block-cover.is-style-fda-slide-light p,
.fda-native-slide.is-style-fda-slide-light p { color: rgba(16,19,29,.72); }
.wp-block-cover.is-style-fda-slide-center .wp-block-cover__inner-container,
.fda-native-slide.is-style-fda-slide-center .wp-block-cover__inner-container { text-align: center; }
.wp-block-cover.is-style-fda-slide-center :where(h1,h2,h3,p),
.fda-native-slide.is-style-fda-slide-center :where(h1,h2,h3,p) { margin-inline: auto; }

/* Section color switcher: select Group block > Styles. */
.is-style-fda-section-dark,
.fda-section--dark {
  background: radial-gradient(circle at 8% 0%, rgba(215,255,47,.18), transparent 28rem), linear-gradient(135deg, #05070d, #10131d) !important;
  color: #f8fafc;
}
.is-style-fda-section-dark :is(h1,h2,h3,h4,p,a,li),
.fda-section--dark :is(h1,h2,h3,h4,p,a,li) { color: inherit; }
.is-style-fda-section-dark .fda-lead,
.fda-section--dark .fda-lead { color: rgba(248,250,252,.76); }
.is-style-fda-section-dark .fda-eyebrow,
.fda-section--dark .fda-eyebrow { color: var(--fda-acid); }

.is-style-fda-section-lime { background: linear-gradient(135deg, #d7ff2f, #efffd1) !important; color: #10131d; }
.is-style-fda-section-cream { background: linear-gradient(135deg, #fff6df, #fffdf5) !important; color: #10131d; }
.is-style-fda-section-sky { background: linear-gradient(135deg, #eafaff, #b9efff) !important; color: #10131d; }
.is-style-fda-section-violet { background: linear-gradient(135deg, #f5f2ff, #ded6ff) !important; color: #10131d; }
.is-style-fda-section-outline {
  background: rgba(255,255,255,.58) !important;
  color: #10131d;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 60px rgba(15,23,42,.06);
}
.wp-block-group:is(.is-style-fda-section-dark,.is-style-fda-section-lime,.is-style-fda-section-cream,.is-style-fda-section-sky,.is-style-fda-section-violet,.is-style-fda-section-outline) {
  padding: clamp(38px, 6vw, 88px);
  border-radius: clamp(26px, 5vw, 52px);
}

.is-style-fda-card-pop {
  border: 1px solid rgba(15,23,42,.10);
  border-radius: clamp(24px, 4vw, 38px);
  padding: clamp(24px, 4vw, 42px);
  background: #fff;
  box-shadow: 0 24px 70px rgba(15,23,42,.10);
  transform: translateZ(0);
}
.is-style-fda-card-pop:hover { transform: translateY(-4px); box-shadow: 0 34px 90px rgba(15,23,42,.14); }

.fda-service-index {
  display: grid;
  grid-template-columns: .25fr 1fr;
  gap: 16px;
  align-items: baseline;
}
.fda-service-index .fda-index-number {
  font-size: clamp(1.6rem, 4vw, 4rem);
  line-height: 1;
  font-weight: 900;
  color: color-mix(in srgb, var(--fda-acid) 80%, #10131d);
}
.fda-case-card {
  min-height: clamp(320px, 42vw, 540px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
}
.fda-case-card::after {
  content: "";
  position: absolute;
  inset: auto -8% -14% auto;
  width: 48%;
  aspect-ratio: 1;
  border-radius: 999px;
  background: rgba(215,255,47,.28);
  filter: blur(4px);
  pointer-events: none;
}
.fda-avatar {
  width: clamp(84px, 12vw, 132px);
  aspect-ratio: 1;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.85), transparent 28%), linear-gradient(135deg, var(--fda-acid), var(--fda-sky));
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08), 0 18px 50px rgba(15,23,42,.12);
}
.fda-team-card { align-items: flex-start !important; text-align: left !important; }
.fda-team-card .fda-avatar { margin-bottom: 18px; }
.fda-mini-list { list-style: none; padding: 0; display: grid; gap: 10px; }
.fda-mini-list li { display: flex; gap: 10px; }
.fda-mini-list li::before { content: "•"; color: var(--fda-acid); font-weight: 900; }

.wp-block-image.is-style-fda-rounded img { border-radius: clamp(24px, 4vw, 42px); box-shadow: 0 24px 70px rgba(15,23,42,.12); }

@media (max-width: 980px) {
  .fda-hero-split { grid-template-columns: 1fr; align-items: start; }
  .fda-native-slide,
  .wp-block-cover.fda-native-slide { min-height: auto !important; padding: 30px; }
  .fda-native-slide h1,
  .fda-native-slide h2 { font-size: clamp(2.4rem, 12vw, 5.2rem); max-width: 11ch; }
  .fda-native-slider__track { border-radius: 28px; }
}

@media (max-width: 600px) {
  .fda-word-hero { padding-block: 56px; }
  .fda-display-title,
  .fda-word-hero h1 { font-size: clamp(3.4rem, 19vw, 5.4rem); }
  .wp-block-group:is(.is-style-fda-section-dark,.is-style-fda-section-lime,.is-style-fda-section-cream,.is-style-fda-section-sky,.is-style-fda-section-violet,.is-style-fda-section-outline) { padding: 26px; border-radius: 28px; }
  .fda-native-slider__controls { align-items: center; }
  .fda-native-slider__dots { display: none; }
}

/* v1.2.0 - Insertable FDA Easy Slider variation based on native Gutenberg blocks. */
.fda-easy-slider .fda-native-slider__track > :where(.wp-block-cover, .fda-native-slide) {
  margin-block-start: 0;
}
.fda-native-slider.is-style-fda-slider-compact .fda-native-slide,
.fda-native-slider.fda-slider-compact .fda-native-slide {
  min-height: clamp(420px, 56vh, 620px) !important;
}
.fda-native-slider.is-style-fda-slider-low .fda-native-slide,
.fda-native-slider.fda-slider-low .fda-native-slide {
  min-height: clamp(340px, 44vh, 520px) !important;
}
.fda-native-slider.is-style-fda-slider-clean .fda-native-slider__track,
.fda-native-slider.fda-slider-clean .fda-native-slider__track {
  box-shadow: none;
  border-color: rgba(15,23,42,.06);
}
.fda-native-slider.is-style-fda-slider-clean .fda-native-slider__dots,
.fda-native-slider.fda-slider-clean .fda-native-slider__dots {
  display: none;
}


/* v1.2.1 - frontend slider movement helpers. Manual sliders move with arrows, dots, keyboard and mobile swipe. */
.fda-native-slider.fda-slider-autoplay .fda-native-slider__dot[aria-current="true"],
.fda-native-slider.is-style-fda-slider-autoplay .fda-native-slider__dot[aria-current="true"] {
  background: linear-gradient(90deg, var(--fda-acid), var(--fda-sky));
}
@media (hover: hover) {
  .fda-native-slider__prev:hover,
  .fda-native-slider__next:hover,
  .fda-native-slider__dot:hover {
    transform: translateY(-1px);
  }
}

/* v1.2.2 - Fullscreen Easy Slider fix.
   The clipping viewport is now the outer slider, not the moving track.
   This prevents the large white gap that appeared while slides were moving. */
.fda-native-slider.fda-easy-slider {
  --fda-easy-slider-height: 100svh;
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding-block: 0;
  overflow: hidden;
  border-radius: 0;
  background: #05070d;
}
.fda-native-slider.fda-easy-slider .fda-native-slider__track {
  width: 100%;
  max-width: none;
  margin: 0;
  display: flex;
  gap: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: translate3d(var(--fda-slide-translate, 0%), 0, 0);
  transition: transform 720ms cubic-bezier(.22, 1, .36, 1);
  will-change: transform;
}
.fda-native-slider.fda-easy-slider .fda-native-slide,
.fda-native-slider.fda-easy-slider .wp-block-cover.fda-native-slide {
  flex: 0 0 100%;
  min-width: 100%;
  width: 100%;
  min-height: var(--fda-easy-slider-height) !important;
  border-radius: 0;
  padding: clamp(34px, 7vw, 108px) max(24px, calc((100vw - var(--fda-container)) / 2));
  position: relative;
}
.fda-native-slider.fda-easy-slider .fda-native-slide .wp-block-cover__image-background,
.fda-native-slider.fda-easy-slider .fda-native-slide .wp-block-cover__video-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fda-native-slider.fda-easy-slider .fda-native-slide .wp-block-cover__background {
  z-index: 1;
}
.fda-native-slider.fda-easy-slider .fda-native-slide .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}
.fda-native-slider.fda-easy-slider .fda-native-slider__controls {
  position: absolute;
  left: 50%;
  bottom: clamp(18px, 4vw, 46px);
  z-index: 8;
  width: min(1180px, calc(100vw - 44px));
  margin: 0;
  transform: translateX(-50%);
  pointer-events: none;
}
.fda-native-slider.fda-easy-slider .fda-native-slider__dots,
.fda-native-slider.fda-easy-slider .fda-native-slider__arrows,
.fda-native-slider.fda-easy-slider .fda-native-slider__dot,
.fda-native-slider.fda-easy-slider .fda-native-slider__prev,
.fda-native-slider.fda-easy-slider .fda-native-slider__next {
  pointer-events: auto;
}
.fda-native-slider.fda-easy-slider .fda-native-slider__dot,
.fda-native-slider.fda-easy-slider .fda-native-slider__prev,
.fda-native-slider.fda-easy-slider .fda-native-slider__next {
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(14px);
}
.fda-native-slider.fda-easy-slider .fda-native-slider__dot {
  background: rgba(255,255,255,.48);
}
.fda-native-slider.fda-easy-slider .fda-native-slider__dot[aria-current="true"] {
  background: var(--fda-acid);
}
.fda-native-slider.fda-easy-slider .fda-native-slide .fda-lead,
.fda-native-slider.fda-easy-slider .fda-native-slide p {
  max-width: 62ch;
}
.fda-native-slider.fda-easy-slider.is-style-fda-slider-compact .fda-native-slide,
.fda-native-slider.fda-easy-slider.fda-slider-compact .fda-native-slide {
  min-height: min(760px, 86svh) !important;
}
.fda-native-slider.fda-easy-slider.is-style-fda-slider-low .fda-native-slide,
.fda-native-slider.fda-easy-slider.fda-slider-low .fda-native-slide {
  min-height: min(620px, 74svh) !important;
}
@media (max-width: 980px) {
  .fda-native-slider.fda-easy-slider {
    --fda-easy-slider-height: 92svh;
  }
  .fda-native-slider.fda-easy-slider .fda-native-slide,
  .fda-native-slider.fda-easy-slider .wp-block-cover.fda-native-slide {
    padding: 82px 24px 96px;
  }
}
@media (max-width: 600px) {
  .fda-native-slider.fda-easy-slider {
    --fda-easy-slider-height: 88svh;
  }
  .fda-native-slider.fda-easy-slider .fda-native-slider__controls {
    justify-content: center;
  }
  .fda-native-slider.fda-easy-slider .fda-native-slider__dots {
    display: flex;
  }
  .fda-native-slider.fda-easy-slider .fda-native-slider__arrows {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fda-native-slider.fda-easy-slider .fda-native-slider__track {
    transition: none;
  }
}



/* WordPress.org review: keep archive/listing post titles readable and balanced. */
.wp-block-post-title.fda-archive-post-title,
.fda-card .wp-block-post-title.fda-archive-post-title {
  font-size: clamp(1.28rem, 1.7vw, 1.72rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
}

.wp-block-post-title.fda-archive-post-title a {
  color: inherit;
  text-decoration: none;
}

.wp-block-post-title.fda-archive-post-title a:hover,
.wp-block-post-title.fda-archive-post-title a:focus {
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

@media (max-width: 640px) {
  .wp-block-post-title.fda-archive-post-title,
  .fda-card .wp-block-post-title.fda-archive-post-title {
    font-size: clamp(1.18rem, 6vw, 1.45rem) !important;
  }
}