/* Canonical desktop navigation: Home · Bible · Studies · The Case · More.
   Mobile navigation remains owned by mobile-shell-v3.css. */
@media (min-width:721px){
  .site-header .header-inner{
    padding-top:17px!important;
    padding-bottom:17px!important;
  }

  .site-header .desktop-primary-nav{
    position:relative;
    flex:0 0 auto;
    width:max-content;
    max-width:100%;
    margin-left:auto;
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:3px;
    padding:4px;
    overflow:visible;
    border:1px solid rgba(184,153,99,.26);
    border-radius:999px;
    background:rgba(246,241,231,.96);
    box-shadow:0 4px 18px rgba(0,0,0,.08)
  }

  .site-header .desktop-primary-nav>:is([data-screen],.primary-nav-explore){
    flex:0 0 auto;
    min-width:0
  }

  .site-header .desktop-primary-nav>[data-screen],
  .site-header .desktop-primary-nav .primary-nav-explore-toggle{
    width:auto;
    min-width:0;
    margin:0;
    padding:8px 12px;
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    color:#181713;
    font-size:.72rem;
    line-height:1.15;
    white-space:nowrap;
    cursor:pointer;
    transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease
  }

  .site-header .desktop-primary-nav>[data-screen]:hover:not(.active),
  .site-header .desktop-primary-nav .primary-nav-explore-toggle:hover:not(.active){
    background:#fffaf0;
    border-color:rgba(184,153,99,.32)
  }

  .site-header .desktop-primary-nav>[data-screen]:focus-visible,
  .site-header .desktop-primary-nav .primary-nav-explore-toggle:focus-visible,
  .site-header .desktop-primary-nav .primary-nav-explore-item:focus-visible{
    outline:2px solid #c2a062;
    outline-offset:2px
  }

  .site-header .desktop-primary-nav>[data-screen].active,
  .site-header .desktop-primary-nav .primary-nav-explore-toggle.active{
    background:#9d8662;
    color:#fffaf0;
    border-color:#9d8662;
    box-shadow:0 3px 12px rgba(60,48,32,.16)
  }

  .site-header .desktop-primary-nav>.primary-nav-explore{
    display:block;
    position:relative
  }

  .site-header .desktop-primary-nav .primary-nav-chevron{
    display:inline-block;
    margin-left:3px;
    transition:transform .15s ease
  }
  .site-header .desktop-primary-nav .primary-nav-explore.is-open .primary-nav-chevron{
    transform:rotate(180deg)
  }

  .site-header .desktop-primary-nav .primary-nav-explore-menu{
    position:absolute;
    z-index:420;
    top:calc(100% + 10px);
    right:0;
    width:min(350px,calc(100vw - 28px));
    padding:9px;
    border:1px solid rgba(198,165,106,.34);
    border-radius:16px;
    background:#151412;
    box-shadow:0 22px 56px rgba(0,0,0,.32);
    overflow:hidden
  }
  .site-header .desktop-primary-nav .primary-nav-explore-menu[hidden]{
    display:none!important
  }

  .site-header .desktop-primary-nav .primary-nav-explore-item{
    display:flex;
    align-items:flex-start;
    width:100%;
    min-height:58px;
    margin:0;
    padding:11px 12px;
    border:1px solid transparent;
    border-radius:11px;
    background:transparent;
    color:#f4eee4!important;
    opacity:1!important;
    font:inherit;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    transition:background-color .15s ease,border-color .15s ease,transform .15s ease
  }

  .site-header .desktop-primary-nav .primary-nav-explore-item:hover,
  .site-header .desktop-primary-nav .primary-nav-explore-item.active{
    background:rgba(198,165,106,.12)!important;
    border-color:rgba(198,165,106,.20)!important;
    transform:translateX(1px)
  }

  .site-header .desktop-primary-nav .primary-nav-explore-item>span{
    display:block;
    width:100%
  }

  .site-header .desktop-primary-nav .primary-nav-explore-item strong{
    display:block;
    color:#fff9ef!important;
    opacity:1!important;
    font-size:.79rem;
    font-weight:700;
    line-height:1.25;
    letter-spacing:.01em
  }

  .site-header .desktop-primary-nav .primary-nav-explore-item span span{
    display:block;
    margin-top:4px;
    color:#cfc5b7!important;
    opacity:1!important;
    font-size:.67rem;
    line-height:1.4
  }

  .site-header .desktop-primary-nav .primary-nav-explore-item:hover strong,
  .site-header .desktop-primary-nav .primary-nav-explore-item.active strong{
    color:#e4c58b!important
  }

  .site-header .desktop-primary-nav .primary-nav-explore-item:hover span span,
  .site-header .desktop-primary-nav .primary-nav-explore-item.active span span{
    color:#e0d7c9!important
  }
}

@media (min-width:721px) and (max-width:1040px){
  .site-header .header-inner{
    flex-wrap:wrap;
    row-gap:9px
  }
  .site-header .desktop-primary-nav{
    width:100%;
    margin-left:0;
    justify-content:flex-end
  }
}

@media (min-width:721px) and (max-width:860px){
  .site-header .desktop-primary-nav{
    justify-content:center;
    gap:1px
  }
  .site-header .desktop-primary-nav>[data-screen],
  .site-header .desktop-primary-nav .primary-nav-explore-toggle{
    padding:7px 9px;
    font-size:.68rem
  }
  .site-header .desktop-primary-nav .primary-nav-explore-menu{
    right:50%;
    transform:translateX(50%);
    width:min(340px,calc(100vw - 24px))
  }
}