/* Ojerk V19.0.3 — login/account access is inside the mobile burger menu. */

.oj-v1903-mobile-auth{display:none}

@media(max-width:782px){
  /* Never duplicate Login in the compact mobile header. */
  .oj-v1903 .oj-utility-nav>a.oj-login-link{display:none!important;visibility:hidden!important}

  /* Member access is the first actionable block in the burger explorer. */
  .oj-v1903-mobile-auth{
    display:block!important;
    order:-100;
    margin:0;
    padding:0 0 22px;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .oj-v1903-auth-link{
    position:relative;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    min-height:68px;
    padding:10px 14px 10px 10px;
    overflow:hidden;
    border:1px solid rgba(var(--oj-accent-rgb),.58);
    border-radius:17px;
    background:
      radial-gradient(circle at 0 0,rgba(var(--oj-accent-rgb),.24),transparent 55%),
      linear-gradient(130deg,#17141a,#0c0e13 70%);
    box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.055);
    color:#fff;
    text-decoration:none!important;
  }
  .oj-v1903-auth-link:active{transform:scale(.99)}
  .oj-v1903-auth-icon{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:14px;
    background:var(--oj-accent);
    box-shadow:0 12px 28px rgba(var(--oj-accent-rgb),.28);
  }
  .oj-v1903-auth-icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .oj-v1903-auth-copy{display:grid;gap:3px;min-width:0}
  .oj-v1903-auth-copy small{
    color:#9299a5;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .oj-v1903-auth-copy strong{font-size:15px;font-weight:950;line-height:1.2}
  .oj-v1903-auth-link>b{color:var(--oj-accent-hover,var(--oj-accent));font-size:21px}
  .oj-v1903-auth-link.is-secondary{
    grid-template-columns:minmax(0,1fr) auto;
    min-height:48px;
    margin-top:8px;
    padding-left:15px;
    border-color:rgba(255,255,255,.09);
    background:#11141a;
    box-shadow:none;
  }
}
