/* Keep the full category cards on larger screens. */
.fee-mobile-hint{display:none}
@media(max-width:640px){
  #main .fee-nav{max-width:100%;overflow:hidden}
  #main .fee-nav .fee-mobile-hint{display:block;margin:0;padding:10px 20px 0;color:#74818d;font-size:12px;font-weight:400;line-height:18px}
  #main .fee-nav .wrap{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    width:100%;
    min-width:0;
    max-width:100%;
    margin:0;
    padding:8px 20px 10px;
    box-sizing:border-box;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scroll-padding-inline:20px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#cbb782 #edf0f2;
  }
  #main .fee-nav .wrap::-webkit-scrollbar{height:3px}
  #main .fee-nav .wrap::-webkit-scrollbar-track{background:#edf0f2}
  #main .fee-nav .wrap::-webkit-scrollbar-thumb{background:#cbb782;border-radius:999px}
  #main .fee-nav a,#main .fee-nav a:last-child{
    flex:0 0 auto;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:0;
    width:auto;
    min-width:0;
    height:44px;
    min-height:44px;
    padding:10px 14px;
    box-sizing:border-box;
    border:1px solid #e0e6ea;
    border-radius:999px;
    background:#fff;
    color:#40566b;
    box-shadow:none;
    transform:none;
    scroll-snap-align:start;
  }
  #main .fee-nav a.is-active{background:#f7efdc;border-color:#c5a45b;color:#806128}
  #main .fee-nav a:active{background:#eee2c8;border-color:#a17c32;transform:scale(.98)}
  #main .fee-nav .fee-category-label{display:block;flex:none;min-height:0;max-width:none;margin:0;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;overflow-wrap:normal}
  #main .fee-nav .fee-category-icon,#main .fee-nav .fee-category-action{display:none}
}