/* Floating nav additions shared by the homepage and inner pages: page links, mobile menu popover. */
/* Nav CTA is a link on inner pages (a button on the homepage) */
a.floating-nav__cta { display: inline-flex; align-items: center; gap: 0.3em; white-space: nowrap; text-decoration: none; color: #fff; }

/* Mobile menu: the pill hides its links under 768px, so inner pages get a CSS-only popover */
.floating-nav__menu { display: none; position: relative; }
.floating-nav__menu summary { list-style: none; cursor: pointer; padding: 10px 12px; font-weight: 500; color: var(--text); border-radius: 100px; }
.floating-nav__menu summary::-webkit-details-marker { display: none; }
.floating-nav__menu[open] summary { background: var(--accent-50); color: var(--accent); }
.floating-nav__menu > div { position: absolute; bottom: calc(100% + 14px); right: 0; width: 200px; max-width: calc(100vw - 32px); padding: 8px; display: grid; background: rgba(255, 254, 254, 0.96); backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 12px 32px rgba(24, 18, 18, 0.12); }
.floating-nav__menu > div a { padding: 12px 14px; border-radius: 12px; text-decoration: none; color: var(--text); font-weight: 500; }
.floating-nav__menu > div a.active, .floating-nav__menu > div a:hover { background: var(--accent-50); color: var(--accent); }
@media (max-width: 767px) { .floating-nav__menu { display: block; } }

/* Keep logo + Menu + Connect inside narrow phones (homepage inline CSS is wider than inner pages) */
@media (max-width: 767px) {
  .floating-nav { gap: 4px !important; }
  .floating-nav__logo img { height: 22px; }
  .floating-nav__menu summary { padding: 8px 10px; }
  a.floating-nav__cta, .floating-nav__cta { padding-left: 14px; padding-right: 14px; }
}