/* USOB MIKE mobile States. Desktop directory stays unchanged. */
.usob-mobile-states-only{display:none}

@media(max-width:900px){
  body.usob-states-page .usob-directory-page{display:none!important}
  body.usob-states-page > .member-nav,
  body.usob-states-page .member-nav{display:none!important}

  .usob-mobile-states-only{display:block}
  .usob-mobile-states{padding:0 12px calc(78px + env(safe-area-inset-bottom))}

  .usob-mobile-states-head{padding:13px 1px 8px}
  .usob-mobile-states-head h1{
    margin:0;
    color:var(--app-navy);
    font:700 23px/1.05 Georgia,'Times New Roman',serif;
  }
  .usob-mobile-states-head>p:last-child{
    margin:4px 0 0;
    color:var(--app-muted);
    font-size:10.5px;
    line-height:1.35;
  }

  .usob-mobile-states-search{
    padding:10px;
    margin-bottom:9px;
    background:var(--app-paper);
    border:1px solid var(--app-line);
    border-radius:11px;
  }
  .usob-mobile-states-search label{
    display:block;
    margin-bottom:5px;
    color:var(--app-navy);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
  }

  .usob-mobile-states-count{
    padding:0 2px 6px;
    color:var(--app-muted);
    font-size:9px;
    font-weight:700;
  }

  .usob-mobile-states-list{border-radius:11px}
  .usob-mobile-state-row{
    grid-template-columns:38px 1fr auto;
    min-height:50px;
    padding:7px 10px;
  }
  .usob-mobile-state-code{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid var(--app-gold);
    border-radius:8px;
    background:#f5ede0;
    color:var(--app-navy);
    font-size:9px;
    font-weight:900;
    letter-spacing:.04em;
  }
  .usob-mobile-state-row strong{font-size:11.5px}
  .usob-mobile-state-row small{font-size:9px}

  .usob-mobile-states-empty{
    margin-top:9px;
    padding:20px 14px;
    text-align:center;
    background:var(--app-paper);
    border:1px solid var(--app-line);
    border-radius:11px;
  }
  .usob-mobile-states-empty strong{
    color:var(--app-navy);
    font:700 16px Georgia,'Times New Roman',serif;
  }
  .usob-mobile-states-empty p{
    margin:4px 0 0;
    color:var(--app-muted);
    font-size:9.5px;
  }
}


@media(max-width:900px){
  .usob-mobile-states-selector-card{
    padding:11px;
    background:var(--app-paper);
    border:1px solid var(--app-line);
    border-radius:11px;
  }
  .usob-mobile-states-selector-card label{
    display:block;
    margin-bottom:5px;
    color:var(--app-navy);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
  }
  .usob-mobile-states-selector-card small{
    display:block;
    margin-top:6px;
    color:var(--app-muted);
    font-size:9px;
    line-height:1.35;
  }
  .usob-mobile-states-start{
    margin-top:9px;
    padding:18px 13px;
    text-align:center;
    background:#eee8dd;
    border-radius:10px;
  }
  .usob-mobile-states-start strong{
    display:block;
    color:var(--app-navy);
    font:700 16px/1.1 Georgia,'Times New Roman',serif;
  }
  .usob-mobile-states-start p{
    margin:5px 0 0;
    color:var(--app-muted);
    font-size:9.5px;
    line-height:1.35;
  }
  .usob-mobile-states-search,
  .usob-mobile-states-list-wrap{display:none!important}
}