/* The home sheet follows Trend; detail routes follow its full-page detail panel. */
body.mobile-design.member-page.member-workspace{--bg:rgb(237 238 237);--member-safe-top:env(safe-area-inset-top,0px);background:var(--bg)}
body.mobile-design.member-page.member-workspace #main{outline:none}
body.mobile-design.member-page.member-workspace .member-home{position:relative;max-width:1040px;min-height:calc(100dvh - 72px);margin:0 auto;padding:24px 24px 120px;background:var(--bg)}
body.mobile-design.member-page.member-workspace .member-menu-card{margin:0 0 12px;border:0;outline:1px solid rgb(228 229 228);border-radius:24px;background:#fff;box-shadow:none}
body.mobile-design.member-page.member-workspace .member-home-heading{display:flex;align-items:center;min-height:70px;margin:0 20px;padding:18px 0;border-bottom:1px solid rgb(237 238 237)}
body.mobile-design.member-page.member-workspace .member-home-heading h1{margin:0;color:var(--ink);font-size:18px;font-weight:700;line-height:1.5;letter-spacing:-.02em}
.member-menu-list{display:grid;padding:0 20px}
.member-menu-list>a{display:flex;align-items:center;gap:14px;min-height:76px;border-bottom:1px solid rgb(237 238 237);color:var(--ink);text-decoration:none;font-size:16px;font-weight:700;line-height:1.5}
.member-menu-list>a:last-child{border-bottom:0}
.member-menu-list>a>span{flex:1;min-width:0}
.member-menu-list>a:active{color:var(--brand-text)}
.member-menu-icon{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:#5c6b63;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.member-chevron{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#999;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html:has(body.mobile-design.member-page.member-detail-view){background:rgb(222 222 222);overflow:hidden;overscroll-behavior:none;scroll-padding:0}
body.mobile-design.member-page.member-detail-view{background:rgb(222 222 222);height:100dvh;min-height:0;padding-bottom:0;overflow:hidden;overscroll-behavior:none}
body.mobile-design.member-page.member-detail-view #main{min-height:0}
body.member-detail-view :is(.app-shell-nav,.app-mobile-services,.app-install-banner,.app-install-help){display:none!important}
body.mobile-design.member-page.member-workspace .member-detail{position:fixed;inset:0;display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden;background:rgb(222 222 222)}
body.mobile-design.member-page.member-workspace .member-detail-head{position:relative;flex:0 0 auto;z-index:5;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:calc(52px + var(--member-safe-top));padding:calc(4px + var(--member-safe-top)) 14px 4px;background:var(--brand-primary);color:#fff}
body.mobile-design.member-page.member-workspace .member-detail-head h1{margin:0;text-align:center;color:#fff;font-size:20px;font-weight:800;line-height:1.4;letter-spacing:-.035em;overflow-wrap:anywhere}
.member-back{display:grid;place-items:center;width:44px;height:44px;color:#fff;text-decoration:none}
.member-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.member-detail-content{flex:1 1 auto;min-height:0;width:100%;max-width:840px;margin:0 auto;padding:12px 12px max(30px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:none;scroll-padding-block:12px;font-size:14px}
body.mobile-design.member-page.member-workspace .panel.member-detail-card{max-width:none;margin:0 0 12px;padding:28px 18px 32px;border:0;outline:1px solid rgb(215 215 215);border-radius:24px;background:#fff;box-shadow:none;color:var(--ink)}
body.mobile-design.member-page.member-workspace #app :is(h2,h3){margin:0 0 16px;color:var(--ink);font-size:18px;font-weight:700;line-height:1.4}
body.mobile-design.member-page.member-workspace #app :is(p,dd){font-size:14px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
body.mobile-design.member-page.member-workspace #app :is(button,.button){font-family:inherit;font-size:16px;font-weight:600;line-height:1.5}
body.mobile-design.member-page.member-workspace #app :is(.primary,.secondary,.danger){min-height:44px;padding:10px 14px;border-radius:6px;box-shadow:none}
body.mobile-design.member-page.member-workspace #app .primary{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#fff}
body.mobile-design.member-page.member-workspace #app .primary:hover{background:var(--brand-hover)}
body.mobile-design.member-page.member-workspace #app .secondary{border:1px solid #dedede;background:#fff;color:var(--ink)}
body.mobile-design.member-page.member-workspace #app :is(.field input,.field select,.field textarea){border:1px solid #dedede;border-radius:6px;background:#fff;color:var(--ink);font-size:16px;font-weight:400;box-shadow:none}
body.mobile-design.member-page.member-workspace #app .field>span{font-size:16px;font-weight:600;line-height:1.5}
body.mobile-design.member-page.member-workspace #app :is(.help,.form-tail,.member-note){color:var(--muted);font-size:14px;font-weight:400;line-height:1.5}
body.mobile-design.member-page.member-workspace #app .button-row{display:flex;flex-wrap:wrap;gap:8px}
body.mobile-design.member-page.member-workspace #app .button-row>*{flex:1 1 auto;width:auto}
body.mobile-design.member-page.member-workspace #app :is(.summary-card,.balance-card){padding:0 0 24px;border:0;border-bottom:1px solid #ededed;border-radius:0;background:#fff;box-shadow:none}
body.mobile-design.member-page.member-workspace #app :is(.summary-card,.balance-card) strong{color:var(--ink);font-size:18px;font-weight:700}
.member-balance{display:grid;gap:8px;padding-bottom:20px}
.member-balance>span{font-size:14px;font-weight:500;line-height:1.5;color:var(--muted)}
.member-balance>strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:18px;line-height:1.5;font-weight:700}
.point-gam{display:inline-flex;align-items:center;gap:3px;color:#747474;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap}
.point-gam-paren{flex:0 0 auto;font:inherit}
.point-gam-content{display:inline-flex;align-items:center;gap:3px}
.gam-icon{width:18px;height:18px;vertical-align:middle;flex-shrink:0}
.member-guide-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:24px;border-block:1px solid #ededed;color:#5c6b63;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.member-ledger,.member-proposal-list{margin:0;padding:0;list-style:none}
.member-ledger li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #ededed}
.member-ledger li:last-child{border-bottom:0}
.member-ledger strong{font-size:16px;font-weight:600;line-height:1.6}
.member-ledger small,.member-proposal-list small,body.mobile-design.member-page.member-workspace #app .member-date{display:block;margin-top:6px;color:#888;font-size:12px;font-weight:500;line-height:1.5}
.member-ledger-value{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.5}
.member-empty{margin:0;padding:28px 4px;text-align:center;color:#888;font-size:14px}
.member-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
body.mobile-design.member-page.member-workspace #app .member-section-heading h2{margin:0}
.member-proposal-list a{position:relative;display:block;padding:18px 24px 18px 0;border-bottom:1px solid #ededed;color:var(--ink);text-decoration:none}
.member-proposal-list strong{display:block;font-size:16px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.member-proposal-list .member-chevron{position:absolute;right:0;top:50%}
.member-proposal-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;color:#747474}
.member-proposal-meta span:last-child{margin-left:auto;color:var(--brand-text)}
.member-proposal-copy{white-space:pre-wrap}
.member-proposals-heading{margin-bottom:0;padding-bottom:18px;border-bottom:1px solid #ededed}
body.mobile-design.member-page.member-workspace #app .member-proposal-create{flex-shrink:0;background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-size:14px;font-weight:700}
.member-proposal-delete{margin-top:24px}
.member-proposal-delete-actions{display:flex;justify-content:flex-end;gap:8px}
body.mobile-design.member-page.member-workspace #app .member-proposal-delete button{width:auto;font-size:14px}
body.mobile-design.member-page.member-workspace #app .member-proposal-delete :is(.member-proposal-delete-open,.member-proposal-delete-confirm-button){background:var(--ui-apricot,#f6af96);border-color:var(--ui-apricot,#f6af96);color:#fff;font-weight:700}

.member-info-list{margin:0 0 12px}
.member-info-list>div{padding:18px 0;border-bottom:1px solid #ededed}
.member-info-list dt{margin-bottom:8px;color:var(--muted);font-size:14px;font-weight:500;line-height:1.5}
.member-info-list dd{margin:0}
.member-detail-card .member-menu-list{padding:0}
.member-detail-card .member-menu-list>a{min-height:64px;font-size:16px;font-weight:600}
body.mobile-design.member-page.member-workspace #app .member-notices-heading{margin:0;padding-top:24px;border-top:1px solid #ededed}
.member-guide p{margin:0 0 28px}
.member-guide p:last-child{margin-bottom:0}
.member-guide-example{padding:18px;margin-bottom:28px;border-radius:12px;background:#f5f6f5;font-size:18px;font-weight:700}
.member-account-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:28px}
.member-account-actions>a{align-self:center;display:flex;align-items:center;min-height:44px;color:#888;font-size:14px;font-weight:400;line-height:1.5}
@media(max-width:899px){
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) .app-shell-nav{position:sticky;top:0;z-index:0;isolation:isolate;padding-top:calc(var(--member-safe-top) + 10px);padding-bottom:36px;border:0;border-radius:0;background:var(--brand-primary);box-shadow:none}
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) .app-shell-nav::before{content:"";position:absolute;inset:0 0 -16px;z-index:-1;background:var(--brand-primary);pointer-events:none}
 body.mobile-design.member-page.member-workspace .app-shell-nav .global-nav-inner{min-height:60px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}
 body.mobile-design.member-page.member-workspace .app-shell-nav .brand .logo{flex-basis:40px;width:40px;height:40px;font-size:24px}
 body.mobile-design.member-page.member-workspace .app-shell-nav .brand strong{font-size:16px}
 body.mobile-design.member-page.member-workspace .app-shell-nav .nav-actions>:is(a,button):not([data-operator-only]){flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;border:1px solid rgb(255 255 255 / .58);border-radius:6px}
 body.mobile-design.member-page.member-workspace .app-shell-nav .nav-actions>:is(a,button)::after{content:none}
 body.mobile-design.member-page.member-workspace .member-home{min-height:calc(100dvh - 90px);margin-top:-16px;padding:14px 12px 120px;border-radius:32px 32px 0 0;box-shadow:0 -6px 14px -4px rgb(0 0 0 / .14)}
}

/* Notification switches follow the Trend overview switch, including its apricot on state. */
body.mobile-design.member-page.member-workspace #app .member-notification-intro{margin:0 0 24px;font-size:14px;font-weight:400;color:var(--ink)}
.member-notification-list{border-top:1px solid rgb(237 238 237)}
.member-notification-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px;padding:18px 0;border-bottom:1px solid rgb(237 238 237)}
.member-notification-row:last-child{border-bottom:0}
.member-notification-row>span{min-width:0;color:var(--ink);font-size:16px;font-weight:600;line-height:1.5;word-break:keep-all}
.member-notification-row small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}
body.mobile-design.member-page.member-workspace #app .member-notification-switch{position:relative;flex:0 0 50px;width:50px;min-width:50px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.member-notification-switch::before{content:"";position:absolute;right:0;top:7px;width:50px;height:30px;border-radius:999px;background:rgb(237 238 237);box-shadow:inset 0 1px 3px rgb(0 0 0 / .16);transition:background .18s}
.member-notification-switch::after{content:"";position:absolute;right:23px;top:10px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(41 58 52 / .2);transition:transform .18s}
.member-notification-switch[aria-checked="true"]::before{background:var(--ui-apricot,#f6af96)}
.member-notification-switch[aria-checked="true"]::after{transform:translateX(20px)}
.member-notification-switch:disabled{opacity:1;cursor:default}
body.mobile-design.member-page.member-workspace #app #notificationConsentStatus{margin:20px 0 0;font-size:12px;font-weight:400}
.member-notification-settings #notificationConsentRetry{margin-top:12px}
@media(prefers-reduced-motion:reduce){.member-notification-switch::before,.member-notification-switch::after{transition:none}}

/* Reading copy and setting values follow the Trend/news detail type scale. */
body.mobile-design.member-page.member-workspace #app .member-info-list dd{font-size:16px;font-weight:400;line-height:1.5}
body.mobile-design.member-page.member-workspace #app :is(.member-guide p,.member-proposal-copy){font-size:16px;font-weight:400;line-height:1.75}

/* Detail titles use 20px; content uses only the 18/16/14/12px scale. */
body.mobile-design.member-page.member-workspace #app :is(small,.status-pill){font-size:12px}
body.mobile-design.member-page.member-workspace #app .summary-card>small{font-size:14px;line-height:1.5}
body.mobile-design.member-page.member-workspace #app :is(code,kbd,samp,.search-state,.profile-details dt){font-size:14px}
body.mobile-design.member-page.member-workspace #app fieldset legend{font-size:16px}
body.mobile-design.member-page.member-workspace #app .success-state strong{font-size:18px}

/* Pointer interaction stays free of focus paint; keyboard focus remains available. */
body.mobile-design.member-page.member-workspace #app :is(a,button,input,select,textarea,summary,[role="button"],[role="tab"]){-webkit-tap-highlight-color:transparent}
@media(forced-colors:none){
 html[data-control-input="pointer"] body.mobile-design.member-page.member-workspace #app :is(a,button,input,select,textarea,summary,[role="button"],[role="tab"]):is(:focus,:active){outline:none!important;box-shadow:none!important}
 html[data-control-input="pointer"] body.mobile-design.member-page.member-workspace #app .field :is(input,select,textarea):focus{border-color:var(--control-validation-border,#dedede)!important}
}

/* Keep the home sheet anchored; only overflowing menu content scrolls upward. */
html:has(body.mobile-design.member-page.member-workspace:not(.member-detail-view)),
body.mobile-design.member-page.member-workspace:not(.member-detail-view){overscroll-behavior-y:none}
@media(max-width:899px){
 html:has(body.mobile-design.member-page.member-workspace:not(.member-detail-view)){height:100%;overflow:hidden}
 body.mobile-design.member-page.member-workspace:not(.member-detail-view){display:flex;flex-direction:column;height:100dvh;min-height:0;padding-bottom:0;overflow:hidden;background:var(--brand-primary)}
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) .app-shell-nav{flex:0 0 auto}
 body.mobile-design.member-page.member-workspace:not(.member-detail-view)>#main{position:relative;display:flex;flex-direction:column;flex:1 1 0;min-height:0;margin-top:-16px}
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) #app{display:flex;flex-direction:column;flex:1 1 0;min-height:0}
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) #app>.member-home{flex:1 1 0;width:100%;min-height:0;margin:0 auto;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior-y:none}
}
/* The installed home has no keyboard. Retain its full viewport floor while
   WebKit finishes restoring dynamic height after leaving an input page. */
@media(max-width:899px) and (display-mode:standalone){
 :root:has(body.mobile-design.member-page.member-workspace:not(.member-detail-view)){background:rgb(237 238 237)}
 :root body.mobile-design.member-page.member-workspace:not(.member-detail-view){height:max(100vh,100dvh)}
}
@media(max-width:899px) and (prefers-reduced-motion:no-preference){
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) #app.member-home-entering{animation:andogam-launch-sheet .25s cubic-bezier(.16,1,.3,1) both;will-change:transform;pointer-events:none}
}

/* The whole home sheet follows the shared pull gesture; its header stays in place. */
@media(max-width:560px){
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) .mobile-pull-refresh{top:calc(100% - 16px)}
 body.mobile-design.member-page.member-workspace:not(.member-detail-view) .app-shell-nav::before{bottom:calc(-16px - var(--mobile-pull-distance,0px));transition:bottom .18s ease-out}
 body.mobile-design.member-page.member-workspace.is-pulling .app-shell-nav::before{transition:none}
}

/* Friend invitations retain the established member detail type scale and page shell. */
body.mobile-design.member-page.member-workspace .panel.member-detail-card:has(>.invite-overview){position:relative;padding-top:120px}
body.mobile-design.member-page.member-workspace #app .invite-service-note{position:absolute;top:16px;right:18px;margin:0;color:#000;font-size:12px;font-weight:400;line-height:1.5;text-align:right}
.invite-balance{display:block;text-align:center}
.invite-balance-icon{flex:0 0 24px;width:24px;height:24px;fill:none;stroke:#5c6b63;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.invite-count{color:var(--ui-apricot,#f6af96)}
body.mobile-design.member-page.member-workspace #app .invite-balance h2{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:20px;font-weight:700;line-height:1.5}
body.mobile-design.member-page.member-workspace #app .invite-expiry{margin:8px 0 0;font-size:12px;font-weight:600;line-height:1.5;color:#747474}
.invite-intro{margin-top:32px;text-align:center}
body.mobile-design.member-page.member-workspace #app .invite-intro p{margin:8px 0 0;font-size:14px;font-weight:400;line-height:1.6;word-break:keep-all}
body.mobile-design.member-page.member-workspace #app .invite-intro p:first-child{margin-top:0;font-size:16px;font-weight:600}
.invite-send{margin-top:76px}
body.mobile-design.member-page.member-workspace #app .invite-capacity{margin:0 0 12px;text-align:center;color:#315c4d;font-size:14px;font-weight:600;line-height:1.5}
body.mobile-design.member-page.member-workspace #app .invite-send-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px;border:1px solid #dedede;border-radius:6px;background:#fff;color:#191919;font-size:16px;font-weight:600;line-height:1.5;box-shadow:none}
body.mobile-design.member-page.member-workspace #app .invite-send-button+.invite-send-button{margin-top:10px}
body.mobile-design.member-page.member-workspace #app .invite-kakao{background:#fee500;border-color:#fee500}
body.mobile-design.member-page.member-workspace #app .invite-send-button:disabled{opacity:.6;cursor:default}
.invite-send-button svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.invite-kakao svg{fill:currentColor;stroke:none}
body.mobile-design.member-page.member-workspace #app .invite-sharing-status{margin:12px 0 0;text-align:center;font-size:12px;color:#747474}
body.mobile-design.member-page.member-workspace #app .invite-sharing-status:empty{margin:0}
body.mobile-design.member-page.member-workspace #app .invite-guide-copy{margin:14px 0 0;color:#747474;font-size:12px;font-weight:500;line-height:1.5}
.invite-ticket-divider{position:relative;height:1px;margin:32px -18px 20px;pointer-events:none}
.invite-ticket-divider>i{position:relative;display:block;height:1px;margin:0 11px;background:repeating-linear-gradient(90deg,rgb(215 215 215) 0 6px,transparent 6px 10px)}
.invite-ticket-divider::before,.invite-ticket-divider::after{content:"";position:absolute;top:-11.5px;box-sizing:border-box;width:12px;height:24px;border:1px solid rgb(215 215 215);background:rgb(222 222 222)}
.invite-ticket-divider::before{left:-1px;border-left:0;border-radius:0 12px 12px 0}
.invite-ticket-divider::after{right:-1px;border-right:0;border-radius:12px 0 0 12px}
.invite-history{margin:0;padding:0;border:0}
.invite-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
body.mobile-design.member-page.member-workspace #app .invite-history-heading h2{margin:0}
.invite-history-heading>a{display:grid;align-items:center;min-height:44px;padding:4px 0 4px 12px;font-size:12px;color:#747474;text-decoration:underline;text-underline-offset:3px}
.invite-empty{text-align:center;padding:22px 0 24px}
.invite-empty svg{width:32px;height:32px;margin-bottom:12px;fill:none;stroke:#94a29a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.invite-empty strong{display:block;font-size:16px;font-weight:500;line-height:1.5}
body.mobile-design.member-page.member-workspace #app .invite-empty p{margin:6px 0 0;color:#747474;font-size:14px}
.invite-history-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;column-gap:12px;margin:12px 0 0;padding:12px 14px 16px;border:1px solid #e3e6e3;border-radius:12px;background:#fff}
.invite-history-heading+.invite-history-row{margin-top:0}
.invite-row-summary{grid-column:1/-1;min-width:0}
.invite-history-row:has(>.invite-history-actions)>.invite-row-summary{grid-column:1}
.invite-history-row>:is(.invite-history-share,.invite-cancel-confirm){grid-column:1/-1}
.invite-row-top{display:flex;align-items:center;gap:8px;min-height:44px}
.invite-row-top strong{flex:0 1 auto;min-width:0;overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.5}
.invite-status{flex-shrink:0;padding:4px 7px;border-radius:4px;background:#f0f3f1;color:#5c6b63;font-size:12px;font-weight:600;line-height:1.5}
.invite-status.complete{background:#e8f2ed;color:#315c4d}
.invite-status:is(.expired,.revoked){background:#f2f2f2;color:#747474}
body.mobile-design.member-page.member-workspace #app .invite-row-summary>p{margin:8px 0 0;font-size:12px;color:#747474;line-height:1.6}
body.mobile-design.member-page.member-workspace #app .invite-row-summary>.invite-row-timing{display:grid;gap:2px;color:#000}
.invite-row-timing>span{white-space:normal}
.invite-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}
body.mobile-design.member-page.member-workspace #app .invite-row-actions button{flex:1;min-height:44px;padding:8px 12px;border:1px solid #dedede;border-radius:6px;background:#fff;color:#747474;font-size:14px;font-weight:600;box-shadow:none}
body.mobile-design.member-page.member-workspace #app .invite-row-actions button:disabled{opacity:.6;cursor:default}
.invite-row-actions.invite-history-actions{grid-column:2;grid-row:1;align-self:center;flex-direction:column;align-items:stretch;margin-top:0}
body.mobile-design.member-page.member-workspace #app .invite-history-actions button{flex:none;width:100%;padding-inline:8px;font-size:14px;font-weight:600}
.invite-history-share{margin-top:12px;padding:12px;border-radius:12px;background:#f5f7f5}
body.mobile-design.member-page.member-workspace #app .invite-sharing-error{color:#a84d38}
.invite-cancel-confirm{margin-top:12px;padding:14px;border:1px solid #e4d9d4;border-radius:12px;background:#faf8f6}
body.mobile-design.member-page.member-workspace #app .invite-cancel-confirm>p{margin:0 0 12px;font-size:14px;color:#555;line-height:1.5}
body.mobile-design.member-page.member-workspace #app .invite-cancel-confirm .invite-row-actions{justify-content:space-between}
body.mobile-design.member-page.member-workspace #app .invite-cancel-confirm button[data-action="cancel-confirm"]{border-color:var(--ui-apricot,#f6af96);background:var(--ui-apricot,#f6af96);color:#fff}

/* Account and notices use the same title divider and type scale as member details. */
body.mobile-design.member-page.member-workspace #app .member-card-heading{margin-bottom:0;padding-bottom:18px;border-bottom:1px solid #ededed}
.member-info-list:has(.member-account-phone){margin-bottom:0}
.member-info-list:has(.member-account-phone)+.member-menu-list>a:last-child{border-bottom:1px solid rgb(237 238 237)}
.member-account-phone{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.member-account-phone-number{font-size:16px;font-weight:600;line-height:1.5}
.member-account-education-year{display:block;margin-top:4px;color:var(--muted)}
body.mobile-design.member-page.member-workspace #app .member-account-education-copy{margin:0;font-size:14px;line-height:1.6}
.member-account-education-link{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}
body.mobile-design.member-page.member-workspace #app .member-phone-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#edf3f0;color:var(--brand-text);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}

.member-phone-change-actions{display:grid;gap:10px;margin-top:10px}
body.mobile-design.member-page.member-workspace #app .member-phone-change-actions button{font-size:14px}

/* Two-step invitation signup and the optional education selectors. */
.onboarding-shell .onboarding-progress ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.onboarding-shell .progress-track .step-1{width:50%}
.onboarding-shell .progress-track .step-2{width:100%}
.onboarding-shell .onboarding-progress>div:first-child strong{font-size:20px;font-weight:800}
.onboarding-shell .onboarding-progress>div:first-child span{font-size:14px;font-weight:600}
.onboarding-shell .onboarding-progress li{font-size:12px;font-weight:600}
.onboarding-shell .field>span{font-size:14px;font-weight:600}
.onboarding-shell :is(input,select){font-size:16px;font-weight:400}
.onboarding-shell :is(.help,.field-feedback){font-size:12px;font-weight:400;line-height:1.5}
.onboarding-shell :is(.primary,.secondary){font-size:16px;font-weight:600}
.onboarding-shell .password-toggle{font-size:12px;font-weight:600}
.onboarding-shell .form-error{font-size:14px;font-weight:500}
#signupForm>.primary{width:100%;margin-top:4px}
#signupEducation{margin-top:18px;border:0}
.education-fields{border:0;padding:0}
.education-fields .field{margin:0 0 12px}
.education-fields .field:has(>.sr-only){gap:0}
.education-fields select{min-height:48px}
.education-reward{margin:12px 0 0;color:var(--brand-text);font-size:12px;font-weight:400;line-height:1.5}
#educationForm{padding-top:24px}
body.mobile-design.member-page.member-workspace #app #educationForm .education-reward{font-size:12px}
.education-feedback{display:grid;min-height:42px;margin:4px 0;align-items:center}
body.mobile-design.member-page.member-workspace #app .education-feedback>p{grid-area:1/1;margin:0;min-height:22px}
.education-result{color:var(--brand-text)}
.onboarding-welcome{text-align:center}
.onboarding-welcome h2{font-size:18px;font-weight:700}
.onboarding-welcome p{font-size:14px;line-height:1.5}
.onboarding-welcome .education-reward{font-size:12px}
.onboarding-success{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 16px;border-radius:50%;background:var(--brand-primary);color:white;font-size:20px}