/* Shared by: convictions.html, give.html, our-dna.html
   Extracted verbatim from those pages inline <style>. Edit here only. */

/* ---- Quieter top-bar actions: present, not shouting ---- */
  .topbar .site-nav a.nav-cta,
  .topbar .site-nav a.nav-cta-outline{
    background: transparent;
    color: var(--porch-amber-soft);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid rgba(232,162,59,0.32);
    border-radius: 2px;
    padding: 5px 12px;
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
  }
  .topbar .site-nav a.nav-cta-outline{
    border-color: transparent;
    color: #C8B291;
  }
  .topbar .site-nav a.nav-cta:hover,
  .topbar .site-nav a.nav-cta.current{
    background: rgba(232,162,59,0.12);
    border-color: rgba(232,162,59,0.6);
    color: var(--porch-amber-soft);
  }
  .topbar .site-nav a.nav-cta-outline:hover,
  .topbar .site-nav a.nav-cta-outline.current{
    background: transparent;
    border-color: rgba(232,162,59,0.32);
    color: var(--porch-amber-soft);
  }
  @media (max-width: 700px){
    .topbar .site-nav a.nav-cta,
    .topbar .site-nav a.nav-cta-outline{ padding: 5px 11px; font-size: 12px; }
  }

/* Current page marked with a lit line in the top bar */
  .topbar .site-nav a{ position: relative; }
  .topbar .site-nav a.current:not(.nav-cta):not(.nav-cta-outline)::after{
    content: '';
    position: absolute;
    left: 10px; right: 10px; bottom: -3px;
    height: 1px;
    background: var(--porch-amber-soft);
    box-shadow: 0 0 10px rgba(244,201,122,0.75);
  }
  @media (max-width: 700px){
    .topbar .site-nav a.current:not(.nav-cta):not(.nav-cta-outline)::after{
      left: 2px; right: auto; width: 22px; bottom: 4px;
    }
  }