/* Two persistent navigation actions, also usable without JavaScript. */
:root { --site-header-height: 80px; }
.ab-site-header { position: sticky; top: 0; z-index: 40; display: flex; justify-content: space-between; align-items: center; min-height: var(--site-header-height); padding: 16px 24px; gap: 20px; background: var(--ab-bg, #07110c); border-bottom: 1px solid var(--ab-line, #2c4032); font: 500 15px/1.2 var(--ab-body, system-ui); }
.ab-site-header .ab-site-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ab-ink, #edf1e8); text-decoration: none; border: 0; }
.ab-site-brand svg { width: 29px; height: 32px; flex-shrink: 0; }
.ab-site-brand strong { font: 400 24px/1 var(--ab-display, system-ui); letter-spacing: -.025em; white-space: nowrap; }
.ab-brand-domain { color: var(--ab-muted, #aab9ae); }
.ab-site-header .ab-site-nav { display: flex; align-items: center; gap: 12px; }
.ab-site-header .ab-site-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 18px; border: 1px solid var(--ab-line, #2c4032); border-radius: 999px; color: var(--ab-ink, #edf1e8); text-decoration: none; white-space: nowrap; font-size: 14px; font-weight: 700; }
.ab-site-header .ab-site-nav .ab-site-board { background: var(--ab-accent, #8ee46b); color: var(--ab-on-accent, #07110c); border-color: transparent; }
.ab-site-header .ab-site-nav a:hover { filter: brightness(1.1); }
#how-it-works { scroll-margin-top: calc(var(--site-header-height) + 24px); }
.market-work-actions { display: flex; justify-content: flex-end; gap: 16px; max-width: 1200px; margin: 18px auto 0; padding: 0 24px; }
.feed-heading-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
@media (min-width: 1100px) {
  :root { --site-header-height: 96px; }
  .ab-site-header { padding: 20px 36px; }
  .ab-site-brand strong { font-size: 30px; }
  .ab-site-brand svg { width: 35px; height: 39px; }
  .ab-site-header .ab-site-nav a { min-height: 52px; padding: 14px 24px; font-size: 17px; }
}
@media (max-width: 700px) {
  :root { --site-header-height: 112px; }
  .ab-site-header { flex-direction: column; justify-content: center; padding: 10px 12px; gap: 10px; }
  .ab-site-brand strong { font-size: 18px; }
  .ab-site-brand svg { width: 23px; height: 25px; }
  .ab-site-header .ab-site-nav { gap: 8px; }
  .ab-site-header .ab-site-nav a { font-size: 13px; padding: 11px 16px; }
  .feed-heading { flex-wrap: wrap; }
}