/* Mobile Learning Center return-to-Embassy control.
   Desktop navigation already exposes Home; this compact control appears when that nav collapses. */
.learning-back-embassy{display:none}

@media (max-width:950px){
  .site-learning .header .nav,
  .site-abraham-guide .header .nav{
    gap:10px;
  }

  .site-learning .header .brand,
  .site-abraham-guide .header .brand{
    min-width:0;
    flex:1 1 auto;
  }

  .learning-back-embassy{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex:0 0 auto;
    min-height:44px;
    padding:8px 13px;
    border:1px solid #0b3b63;
    border-radius:999px;
    background:#06294a;
    color:#fff;
    box-shadow:0 7px 18px rgba(3,27,51,.14);
    font-size:12px;
    font-weight:800;
    line-height:1.1;
    letter-spacing:.005em;
    white-space:nowrap;
    -webkit-tap-highlight-color:transparent;
  }

  .learning-back-embassy .learning-back-arrow{
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    flex:0 0 22px;
    border-radius:50%;
    background:#efd8a8;
    color:#06294a;
    font-size:15px;
    font-weight:900;
    line-height:1;
  }

  .learning-back-embassy:hover,
  .learning-back-embassy:active{
    background:#0a3b63;
    border-color:#0a3b63;
    color:#fff;
  }

  .learning-back-embassy:focus-visible{
    outline:3px solid #c99a48;
    outline-offset:3px;
  }

  html[dir="rtl"] .learning-back-embassy{
    font-family:Tahoma,Arial,sans-serif;
  }
}

@media (max-width:620px){
  .site-learning .header .nav,
  .site-abraham-guide .header .nav{
    min-height:66px;
    padding-block:6px;
  }

  .learning-back-embassy{
    min-height:42px;
    padding:7px 11px;
    font-size:11.5px;
  }

  .learning-back-embassy .learning-back-arrow{
    width:21px;
    height:21px;
    flex-basis:21px;
    font-size:14px;
  }
}

@media (max-width:360px){
  .site-learning .header .nav,
  .site-abraham-guide .header .nav{
    gap:7px;
  }

  .site-learning .header .brand strong,
  .site-abraham-guide .header .brand strong{
    font-size:10.5px!important;
  }

  .learning-back-embassy{
    gap:5px;
    padding-inline:9px;
    font-size:10.5px;
  }
}