/* This stylesheet is intentionally scoped to phone-sized screens. */
.vip-mobile-overview,.vip-mobile-detail{display:none!important}
@media(max-width:760px){
  [data-page=vip] .page-hero{min-height:240px;padding:42px 20px 30px}
  [data-page=vip] .vip-linked-layout{display:block;padding:28px 20px 36px}
  [data-page=vip] #vip-story-panel{display:none}
  [data-page=vip] .news-list{display:flex;flex-direction:column;gap:0;border:0;border-radius:0;overflow:visible}
  [data-page=vip] .news-item::before{display:none}
  [data-page=vip] .news-list .news-item{display:flex!important;flex-direction:column;align-items:flex-start;position:relative;width:100%;min-height:0;padding:22px 40px 22px 20px;margin:0;border:1px solid #e3eaf4;border-radius:12px;background:#fff;color:#172536;text-align:left;box-shadow:none}
  [data-page=vip] .news-item:not(:first-child){margin-top:14px}
  [data-page=vip] .news-list .news-item span{font-size:12px;color:#3874bb;line-height:1.5}
  [data-page=vip] .news-list .news-item strong{font-size:18px;line-height:1.55;margin:8px 0;color:#172536}
  [data-page=vip] .news-list .news-item small{font-size:12px;line-height:1.6;color:#66758a}
  [data-page=vip] .news-item::after{content:'+';position:absolute;right:17px;top:22px;font-size:24px;color:#2678de}
  [data-page=vip] .news-list .news-item[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0;background:#edf5ff;border-color:#bad4f4}
  [data-page=vip] .news-item[aria-expanded=true]::after{content:'−'}
  [data-page=vip] .vip-mobile-detail:not([hidden]){display:block!important;background:#fff;border:1px solid #bad4f4;border-top:0;border-radius:0 0 12px 12px;padding:4px 20px 22px;color:#42536a;font-size:15px;line-height:1.85;overflow-wrap:anywhere}
  [data-page=vip] .vip-mobile-detail p{margin:12px 0 0}
  [data-page=vip] .news-item:focus-visible{outline:3px solid #2678de;outline-offset:3px}
  .risk-bar{padding:10px 12px!important;gap:8px!important;bottom:10px!important;width:calc(100% - 24px)!important;max-width:480px}
  .risk-bar p{font-size:11px!important;line-height:1.5!important;margin:0}
  .risk-bar .risk-acknowledge{flex-shrink:0;font-size:12px!important;padding:8px!important}
}
