.ha3d-member-rank{display:inline-flex;align-items:center;gap:.3em;vertical-align:middle;margin-inline-start:.45em;padding:.12em .55em;border:1px solid #c9ab7059;border-radius:999px;background:#c9ab7012;color:#c9ab70;font-size:12px;font-weight:600;line-height:1.65;max-inline-size:calc(100% - .45em);box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.ha3d-member-rank:empty{display:none}
.ha3d-member-rank-name{unicode-bidi:isolate;min-inline-size:0}
.ha3d-member-rank-ordinal{flex:none;white-space:nowrap;unicode-bidi:isolate;font-size:.9em;font-weight:500}
.ha3d-member-rank-star{flex:none;font-size:11px;line-height:1}
.side-user>p.small.mb-2:has(>.ha3d-member-rank),#learning-account .learning-identity small:has(>.ha3d-member-rank){display:flex;align-items:center;column-gap:.4em;min-inline-size:0}
.side-user>p.small.mb-2>.ha3d-member-rank,#learning-account .learning-identity small>.ha3d-member-rank{flex:0 1 auto;min-inline-size:0;max-inline-size:100%;margin-inline-start:0}
.author-line:has(>.ha3d-member-rank){flex-wrap:wrap;row-gap:4px}
.comment-bubble>.ha3d-member-rank{margin-block:2px}
html[data-theme="light"] .ha3d-member-rank,html:not(.dark)[data-theme="light"] .ha3d-member-rank{color:#70511c;background:#b48a3020;border-color:#9b762d6b}
@media(max-width:480px){.ha3d-member-rank{font-size:11px;padding-inline:.45em}}
/* Sidebar rank: preserve whole words around the existing ordinal and member star. */
.side-user>p.small.mb-2:has(>.ha3d-member-rank){flex-wrap:wrap;row-gap:4px}
.side-user>p.small.mb-2>.ha3d-member-rank{flex-wrap:wrap;row-gap:2px;overflow-wrap:normal;word-break:normal}
.side-user>p.small.mb-2>.ha3d-member-rank>.ha3d-member-rank-name{flex:0 1 auto;min-inline-size:min-content;white-space:normal;overflow-wrap:normal;word-break:normal}
.side-user:has(>p.small.mb-2>.ha3d-member-rank)>strong{min-inline-size:0;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* HA3D_SIDEBAR_RANK_BELOW_NAME_V2: the role and rank use their own full-width row. */
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank)>.user-avatar{grid-row:3/4}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank)>p.small.mb-2{grid-area:4/1/auto/-1;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-inline-size:0;inline-size:100%}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank)>p.small.mb-2>.ha3d-member-rank{display:flex;flex-wrap:wrap;align-self:stretch;align-items:center;justify-content:flex-start;gap:2px 6px;inline-size:100%;max-inline-size:100%;min-inline-size:0;margin:0;padding:5px 8px;border-radius:8px;font-size:11px;line-height:1.4;overflow-wrap:normal;word-break:normal}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank)>p.small.mb-2>.ha3d-member-rank>.ha3d-member-rank-name{flex:1 1 auto;min-inline-size:min-content;max-inline-size:100%;white-space:normal;overflow-wrap:normal;word-break:normal}
@media(max-width:767px){
html[data-ha3d-premium][data-theme] [data-sidebar=sidebar][data-mobile=true] .side-user:has(>p.small.mb-2>.ha3d-member-rank)>.user-avatar{grid-row:2/3}
html[data-ha3d-premium][data-theme] [data-sidebar=sidebar][data-mobile=true] .side-user:has(>p.small.mb-2>.ha3d-member-rank)>p.small.mb-2{grid-area:3/1/auto/-1}
}

/* HA3D_WORKSHOP_RANK_BELOW_NAME_V3: actual workshop account footer, including legacy pages. */
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank]){display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px 10px;padding-inline:0;min-inline-size:0}
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank])>div{display:contents}
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank])>:is(img,.learning-initial){grid-area:1/1;align-self:center}
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank])>div>strong{grid-area:1/2;display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank])>div>small{grid-area:2/1/auto/-1;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-inline-size:0;inline-size:100%;margin-block-start:0}
#learning-account .learning-identity>div>small>.ha3d-member-rank[data-member-rank]{display:flex;flex-wrap:wrap;align-self:stretch;align-items:center;justify-content:flex-start;gap:2px 6px;inline-size:100%;max-inline-size:100%;min-inline-size:0;margin:0;padding:5px 8px;border-radius:8px;font-size:11px;line-height:1.4;box-sizing:border-box;overflow-wrap:normal;word-break:normal}
#learning-account .learning-identity>div>small>.ha3d-member-rank[data-member-rank]>.ha3d-member-rank-name{flex:1 1 auto;min-inline-size:min-content;max-inline-size:100%;white-space:normal;overflow-wrap:normal;word-break:normal}

/* HA3D_STUDENT_FOLLOWUP_SUMMARY_HIDDEN_20261026: presentation only; policies and renewal actions stay intact. */
.welcome-with-followup>.subscription-summary.followup-journey-summary{display:none}
/* HA3D_STUDENT_ACCOUNT_COMPACT_V4: keep existing student controls and full-width rank below the name. */
#learning-account:has(.ha3d-member-rank[data-member-rank]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;margin-block-start:auto;padding:8px 0 0;min-inline-size:0}
#learning-account:has(.ha3d-member-rank[data-member-rank])>a{display:flex;align-items:center;justify-content:center;min-block-size:44px!important;margin:0;padding:5px 4px;font-size:12px;line-height:1.35;text-align:center;overflow-wrap:normal;word-break:normal}
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank]){grid-column:1/-1;gap:4px 8px;padding:4px 0;min-inline-size:0}
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank])>:is(img,.learning-initial){inline-size:32px;block-size:32px;margin:0}
#learning-account .learning-identity:has(>div>small>.ha3d-member-rank[data-member-rank])>div>small{gap:2px}
#learning-account .learning-identity>div>small>.ha3d-member-rank[data-member-rank]{padding:3px 7px}
#learning-account:has(.ha3d-member-rank[data-member-rank])>#learning-signout{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-block-size:44px;margin:0;padding:5px 8px;font-size:12px;line-height:1.35}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank]){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px 8px;margin:0;padding:8px 12px!important;min-inline-size:0;text-align:start}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>button{box-sizing:border-box;min-inline-size:0;min-block-size:44px!important;margin:0!important;padding:5px 4px!important;font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:normal;word-break:normal}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>button:nth-of-type(1){grid-area:1/1/2/7}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>button:nth-of-type(2){grid-area:1/7/2/-1}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>.user-avatar{grid-area:2/1/3/4;align-self:center;justify-self:center;inline-size:32px;block-size:32px;margin:0}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>strong{grid-area:2/4/3/-1;align-self:center;min-inline-size:0;margin:0;font-size:13px!important;line-height:1.5!important}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank]):not(:has(>.user-avatar))>strong{grid-column:1/-1}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>p.small.mb-2{grid-area:3/1/4/-1;gap:2px;margin:0!important;line-height:1.4}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>p.small.mb-2>.ha3d-member-rank{padding:3px 7px}
html[data-theme] .side-user:has(>p.small.mb-2>.ha3d-member-rank[data-member-rank])>button:last-child{grid-area:4/1/5/-1;display:flex;align-items:center;justify-content:center;gap:6px}
html[data-theme] :is(aside,[data-slot="sidebar-inner"]):has(.side-user>p.small.mb-2>.ha3d-member-rank[data-member-rank]) .platform-download-slot,.shell>nav:has(>#learning-account .ha3d-member-rank[data-member-rank]) .platform-download-slot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,90px),1fr));gap:6px;margin:0;padding:6px 12px;min-inline-size:0}
html[data-theme] :is(aside,[data-slot="sidebar-inner"]):has(.side-user>p.small.mb-2>.ha3d-member-rank[data-member-rank]) .platform-download-slot>:is(a,button),.shell>nav:has(>#learning-account .ha3d-member-rank[data-member-rank]) .platform-download-slot>:is(a,button){display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px!important;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;block-size:auto!important;min-block-size:44px;margin:0;padding:5px 6px!important;font-size:12px;line-height:1.35;text-align:center;white-space:normal!important;overflow-wrap:normal;word-break:normal}
html[data-theme] :is(aside,[data-slot="sidebar-inner"]):has(.side-user>p.small.mb-2>.ha3d-member-rank[data-member-rank]) .platform-download-slot>:is(a,button)>span,.shell>nav:has(>#learning-account .ha3d-member-rank[data-member-rank]) .platform-download-slot>:is(a,button)>span{flex:1 1 0;min-inline-size:0;white-space:normal!important;overflow-wrap:normal;word-break:normal}
html[data-theme] :is(aside,[data-slot="sidebar-inner"]):has(.side-user>p.small.mb-2>.ha3d-member-rank[data-member-rank]) .platform-download-slot>:is(a,button)>svg,.shell>nav:has(>#learning-account .ha3d-member-rank[data-member-rank]) .platform-download-slot>:is(a,button)>svg{flex:0 0 16px;inline-size:16px;block-size:16px}