.mobile-member-menu{border:1px solid #dce5f5;border-radius:22px;padding:22px;color:#182b4d;width:calc(100% - 28px);max-width:420px;max-height:80dvh;overflow:auto;box-shadow:0 20px 70px #173b8f33}.mobile-member-menu::backdrop{background:#10244d66}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-menu-heading h2{margin:0;font-size:21px}.mobile-menu-heading button{border:0;border-radius:50%;background:#edf3ff;color:#173b8f;width:44px;height:44px;font-size:26px}.mobile-member-menu nav{display:grid;gap:8px}.mobile-member-menu nav button{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #e1e9f8;border-radius:12px;min-height:52px;padding:12px 16px;background:#f6f9ff;color:#244467}.mobile-member-menu nav button[aria-current]{background:#e5eeff;border-color:#adc5f6}.mobile-member-menu>.m-btn{margin-top:18px;min-height:44px;width:100%}
.real-member-area .mobile-member-menu nav{height:auto;min-height:0;grid-template-columns:1fr;align-items:stretch;justify-content:stretch;padding:0}.real-member-area .mobile-member-menu nav button{width:100%}
@media(max-width:760px){
.account-panel.real-member-area{min-height:100dvh}.real-member-area .member-top{position:sticky;top:0;z-index:25;height:68px;padding:0 14px;gap:10px}.real-member-area .real-mobile-signout{display:none}.real-member-area .member-user>span{display:none}.real-member-area .member-user{padding:4px}.real-member-area .member-top .request-notification-holder{margin-left:auto}.real-member-area .m-mobile-brand{width:125px;height:45px}.real-member-area .member-content{padding:22px 16px calc(104px + env(safe-area-inset-bottom));max-width:100%;min-width:0}.real-member-area .member-content h1{font-size:26px;line-height:1.2;letter-spacing:-.6px}.real-member-area .member-heading{flex-wrap:wrap;gap:14px;margin-bottom:20px}.real-member-area .member-heading>.m-btn{min-height:44px;font-size:14px}.real-member-area .member-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding:6px 4px calc(6px + env(safe-area-inset-bottom));gap:0;box-shadow:0 -3px 18px #173b8f08;z-index:30}.real-member-area .member-bottom button{min-width:0;min-height:56px;font-size:10px;padding:5px 2px;flex:auto;border-radius:10px}.real-member-area .member-bottom button.active{background:#edf3ff}.real-member-area .member-bottom button span{font-size:22px;margin-bottom:5px}.real-member-area .m-btn{min-height:44px;white-space:normal}.real-member-area .m-actions{gap:10px}.real-member-area .m-panel{padding:18px;border-radius:16px}.real-member-area .m-notice,.real-member-area .account-message{overflow-wrap:anywhere}.real-member-area input,.real-member-area select,.real-member-area textarea{font-size:16px!important;min-width:0}.real-member-area .m-field,.real-member-area fieldset{min-width:0}.real-member-area .m-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:6px}.real-member-area .m-tabs button{padding:11px 3px;min-height:44px;font-size:13px;white-space:normal}.real-member-area .real-letter-compose{padding:16px;margin:18px 0}.real-member-area .real-letter-compose .paper-picker .m-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.real-member-area .paper-option{min-width:0;min-height:58px;font-size:13px;padding:10px;overflow-wrap:anywhere}.real-member-area .real-letter-paper{font-size:17px!important;line-height:1.85!important}.real-member-area .real-letter-actions{display:grid;grid-template-columns:1fr;gap:12px}.real-member-area .envelope-card{max-width:100%;width:100%;margin:20px 0 24px}.real-member-area .envelope-footer{gap:8px}.real-member-area .envelope-footer .m-btn{font-size:12px}.real-member-area .home-letter-ready .m-actions,.real-member-area .journey-guide .m-actions{align-items:stretch}.real-member-area .home-letter-ready .m-actions .m-btn{flex:1}.real-member-area .journey-heading{align-items:flex-start}.real-member-area .request-notification-panel{top:76px;max-height:calc(100dvh - 165px)}
}