.hub-shell{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px}.hub-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:26px}.hub-nav>a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-pill);background:var(--ds-surface-base);color:inherit;text-decoration:none;font-weight:800;font-size:.9rem}.hub-nav__count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--ds-radius-pill);background:var(--ds-action-primary-bg);color:var(--ds-action-primary-text);font-size:.74rem}.hub-top{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:26px 0 32px;border-bottom:1px solid var(--ds-border-subtle)}.hub-top h1,.hub-profile-hero h1,.hub-collection-hero h1,.hub-notifications h1{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.35}.hub-top p,.hub-collection-hero p{max-width:760px;margin:0;color:var(--ds-text-default);line-height:1.85}.hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding-top:28px}.hub-main{min-width:0}.hub-layout--guest{grid-template-columns:1fr}.hub-layout--guest .hub-main{width:min(900px,100%);margin-inline:auto}.hub-layout--guest .hub-side{display:none}.hub-side{display:grid;align-content:start;gap:16px}.hub-composer,.hub-signin-callout,.hub-side-card,.hub-profile-section,.hub-collection-hero,.hub-notifications{border:1px solid var(--ds-border-subtle);border-radius:20px;background:var(--ds-surface-base)}.hub-composer{padding:22px;margin-bottom:18px}.hub-composer__head h2{font-size:1.35rem;margin:8px 0 18px}.hub-composer form,.hub-collection-form{display:grid;gap:14px}.hub-composer label,.hub-collection-form label{display:grid;gap:7px}.hub-composer label>span,.hub-collection-form label>span{font-size:.88rem;font-weight:800}.hub-composer input,.hub-composer textarea,.hub-composer select,.hub-collection-form input,.hub-collection-form textarea{width:100%;padding:10px 12px;border:1px solid var(--ds-field-border);border-radius:10px;background:var(--ds-field-bg);color:var(--ds-field-text);font:inherit}.hub-composer textarea,.hub-collection-form textarea{resize:vertical;line-height:1.7}.hub-form__footer{display:flex;align-items:center;gap:12px}.hub-form__footer button,.hub-collection-form button,.hub-profile-actions button,.hub-notifications>header>button,.hub-missions button{min-height:42px;padding:8px 16px;border:0;border-radius:10px;background:var(--ds-action-primary-bg);color:var(--ds-action-primary-text);font:inherit;font-weight:900;cursor:pointer}.hub-signin-callout{padding:20px;margin-bottom:18px}.hub-signin-callout strong{font-size:1.15rem}.hub-signin-callout p{margin:7px 0 12px;color:var(--ds-text-default);line-height:1.7}.hub-signin-callout a{font-weight:900;color:var(--ds-text-link)}.hub-feed-tabs{display:flex;gap:8px;margin:0 0 14px}.hub-feed-tabs a{padding:8px 14px;border-radius:var(--ds-radius-pill);text-decoration:none;color:inherit;font-weight:900}.hub-feed-tabs a.is-active{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--ds-text-link)}.hub-feed-list{display:grid;gap:14px}.hub-post{padding:20px;border:1px solid var(--ds-border-subtle);border-radius:18px;background:var(--ds-surface-base)}.hub-post--detail{padding:28px}.hub-post__author{display:flex;gap:12px;align-items:center}.hub-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--ds-surface-base));color:var(--ds-text-link);font-weight:900;text-decoration:none}.hub-avatar--large{width:54px;height:54px;font-size:1.2rem}.hub-avatar--xl{width:92px;height:92px;font-size:2rem}.hub-post__author>div>a{display:flex;gap:7px;align-items:baseline;color:inherit;text-decoration:none}.hub-post__author>div>a span,.hub-handle{color:var(--ds-text-default);font-size:.86rem}.hub-post__meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px;color:var(--ds-text-default);font-size:.77rem}.hub-post__meta span:first-child{color:var(--ds-text-link);font-weight:900}.hub-post__title{font-size:1.28rem;line-height:1.55;margin:18px 0 8px}.hub-post__title a{color:inherit;text-decoration:none}.hub-post__body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:14px 0;color:var(--ds-text-strong)}.hub-post__actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;margin-top:14px;border-top:1px solid var(--ds-border-subtle)}.hub-post__actions button,.hub-post__actions a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:var(--ds-text-default);font:inherit;text-decoration:none;cursor:pointer}.hub-post__actions button:hover,.hub-post__actions button.is-active,.hub-post__actions a:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--ds-text-link)}.hub-poll{display:grid;gap:8px;margin:18px 0}.hub-poll>button{position:relative;overflow:hidden;display:grid;width:100%;padding:10px 12px;border:1px solid var(--ds-border-subtle);border-radius:10px;background:var(--ds-surface-base);color:inherit;text-align:start;font:inherit;cursor:pointer}.hub-poll>button>span{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px}.hub-poll>button i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--poll-progress);background:color-mix(in srgb,var(--accent) 9%,transparent);pointer-events:none}.hub-poll>button.is-selected{border-color:var(--ds-border-active)}.hub-poll>p{margin:0;color:var(--ds-text-default);font-size:.8rem}.hub-load-more{display:block;margin:18px auto 0;padding:9px 16px;border:1px solid var(--ds-border-subtle);border-radius:10px;background:var(--ds-field-bg);color:var(--ds-field-text);font:inherit;font-weight:900;cursor:pointer}.hub-side-card{padding:18px}.hub-side-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.hub-side-card>header span{font-weight:900}.hub-side-card>header a{font-size:.78rem;color:var(--ds-text-link)}.hub-profile-mini{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.hub-profile-mini>div{display:grid}.hub-profile-mini>div span{font-size:.82rem;color:var(--ds-text-default)}.hub-profile-mini>a:last-child{grid-column:1/-1;font-weight:900;color:var(--ds-text-link);font-size:.86rem}.hub-missions{display:grid;gap:12px}.hub-missions article{display:grid;gap:7px;padding-bottom:12px;border-bottom:1px solid var(--ds-border-subtle)}.hub-missions article:last-child{border:0;padding-bottom:0}.hub-missions article>div{display:flex;justify-content:space-between;gap:10px}.hub-missions article>div span,.hub-missions small{font-size:.78rem;color:var(--ds-text-default)}.hub-missions progress{width:100%;height:7px;accent-color:var(--ds-text-link)}.hub-missions button{justify-self:start;min-height:34px;padding:5px 9px;font-size:.78rem}.hub-notification-mini{display:grid;gap:9px}.hub-notification-mini article{display:grid;padding:8px 10px;border-radius:9px}.hub-notification-mini article.is-unread{background:color-mix(in srgb,var(--accent) 7%,transparent)}.hub-notification-mini strong,.hub-notification-mini span{font-size:.82rem}.hub-notification-mini span{color:var(--ds-text-default)}.hub-empty{padding:34px;border:1px dashed var(--ds-border-subtle);border-radius:16px;text-align:center;color:var(--ds-text-default)}.hub-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:start;padding:34px 0 30px;border-bottom:1px solid var(--ds-border-subtle)}.hub-profile-hero h1{font-size:clamp(2rem,4vw,3.4rem)}.hub-profile-bio{max-width:720px;line-height:1.9}.hub-profile-actions{margin-top:16px}.hub-profile-actions button.is-active{background:transparent;color:var(--ds-text-link);border:1px solid var(--accent)}.hub-profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px;margin:0}.hub-profile-metrics div{padding:12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.hub-profile-metrics dt{font-size:.76rem;color:var(--ds-text-default)}.hub-profile-metrics dd{margin:4px 0 0;font-size:1.2rem;font-weight:900}.hub-profile-section{padding:24px;margin-top:20px}.hub-profile-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hub-profile-section>header h2{margin:0;font-size:1.35rem;line-height:1.5}.hub-profile-badges{display:flex;flex-wrap:wrap;gap:8px}.hub-profile-badges span{padding:7px 10px;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-pill);font-size:.86rem}.hub-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.hub-collections{display:grid;gap:9px}.hub-collections>a{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--ds-border-subtle);border-radius:10px;color:inherit;text-decoration:none}.hub-collections>a span{font-size:.8rem;color:var(--ds-text-default)}.hub-muted{color:var(--ds-text-default);line-height:1.8}.hub-post-detail{max-width:880px;margin:0 auto}.hub-collection-hero{padding:30px;margin-top:16px}.hub-collection-hero .public-label a{color:inherit}.hub-collection-items{display:grid;gap:10px;margin-top:18px}.hub-collection-items article{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:16px;border:1px solid var(--ds-border-subtle);border-radius:12px;background:var(--ds-surface-base)}.hub-collection-items article span{font-size:.8rem;color:var(--ds-text-link);font-weight:900}.hub-collection-items article a{color:inherit;text-decoration:none;overflow-wrap:anywhere}.hub-notifications{padding:26px}.hub-notifications>header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.hub-notifications>article{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:14px 0;border-top:1px solid var(--ds-border-subtle)}.hub-notifications>article.is-unread{background:color-mix(in srgb,var(--accent) 5%,transparent);margin-inline:-12px;padding-inline:12px}.hub-notifications article p{margin:3px 0;line-height:1.6}.hub-notifications time{font-size:.78rem;color:var(--ds-text-default)}@media(max-width:980px){.hub-layout,.hub-profile-grid{grid-template-columns:1fr}.hub-side{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-profile-hero{grid-template-columns:auto 1fr}.hub-profile-metrics{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:680px){.hub-shell{width:min(100% - 20px,1220px);padding-top:20px}.hub-top{align-items:flex-start;flex-direction:column}.hub-layout{padding-top:18px}.hub-side{grid-template-columns:1fr}.hub-composer,.hub-post,.hub-profile-section,.hub-notifications{padding:18px}.hub-post--detail{padding:20px}.hub-profile-hero{grid-template-columns:1fr;gap:14px}.hub-avatar--xl{width:72px;height:72px}.hub-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-collection-items article{grid-template-columns:1fr}.hub-notifications>header{align-items:flex-start;flex-direction:column}}
.hub-topic-list{display:grid;gap:10px}.hub-topic-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ds-border-subtle)}.hub-topic-list article:last-child{border-bottom:0;padding-bottom:0}.hub-topic-list article>div{display:grid;gap:3px}.hub-topic-list small{color:var(--ds-text-default);font-size:.76rem;line-height:1.5}.hub-topic-list button{min-height:32px;padding:5px 9px;border:1px solid var(--ds-border-subtle);border-radius:8px;background:var(--ds-field-bg);color:var(--ds-field-text);font:inherit;font-size:.76rem;font-weight:900;cursor:pointer}.hub-topic-list button.is-active{border-color:var(--ds-border-active);color:var(--ds-text-link);background:color-mix(in srgb,var(--accent) 7%,transparent)}.hub-profile-actions{display:flex;gap:8px;flex-wrap:wrap}.hub-profile-actions button{min-height:40px}.hub-profile-actions button[data-report-member]{background:transparent;color:var(--ds-text-default);border:1px solid var(--ds-border-subtle)}.hub-profile-actions button[data-mute-member].is-active{background:transparent;color:var(--ds-text-link);border:1px solid var(--accent)}
.hub-empty--feed{padding:34px;text-align:start}.hub-empty--feed h2{max-width:720px;margin:10px 0 8px;font-size:clamp(1.45rem,2.8vw,2.2rem);line-height:1.5;color:var(--ds-text-strong)}.hub-empty--feed>p{max-width:760px;margin:0;line-height:1.85}.hub-empty__ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 18px}.hub-empty__ideas article{display:grid;gap:5px;padding:16px;border:1px solid var(--ds-border-subtle);border-radius:12px;background:var(--ds-surface-base)}.hub-empty__ideas article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--ds-text-link);font-weight:900}.hub-empty__ideas small{color:var(--ds-text-default);line-height:1.65}.hub-empty__cta{display:inline-flex;align-items:center;min-height:42px;padding:8px 15px;border-radius:10px;background:var(--ds-action-primary-bg);color:var(--ds-action-primary-text)!important;text-decoration:none;font-weight:900}@media(max-width:680px){.hub-empty__ideas{grid-template-columns:1fr}.hub-empty--feed{padding:22px}}

/* Community Post Actions V2 — familiar, labeled SVG controls with larger hit targets. */
.hub-post__actions{
  gap:9px;
  padding-top:16px;
  margin-top:16px;
}
.hub-post__actions button,
.hub-post__actions>a{
  min-height:44px;
  padding:8px 12px;
  gap:8px;
  border:1px solid var(--ds-border-subtle);
  border-radius:11px;
  background:var(--ds-surface-interactive);
  color:var(--ds-text-default);
  font-weight:800;
}
.hub-post__actions button:hover,
.hub-post__actions button.is-active,
.hub-post__actions>a:hover{
  border-color:var(--ds-border-active);
  background:var(--ds-surface-interactive-hover);
  color:var(--ds-text-link);
}
.hub-post__actions button:focus-visible,
.hub-post__actions>a:focus-visible{
  outline:2px solid var(--ds-border-active);
  outline-offset:2px;
  box-shadow:var(--ds-shadow-focus);
}
.hub-action-icon{
  width:1.34rem;
  height:1.34rem;
  flex:0 0 1.34rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hub-action-label{
  font-size:.8rem;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}
.hub-post__actions strong{
  min-width:1.35rem;
  height:1.35rem;
  display:inline-grid;
  place-items:center;
  padding-inline:.28rem;
  border-radius:999px;
  background:var(--ds-surface-subtle);
  color:var(--ds-text-muted);
  font-size:.69rem;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.hub-post__actions [data-hub-action="like"].is-active .hub-action-icon,
.hub-post__actions [data-hub-action="bookmark"].is-active .hub-action-icon{
  fill:currentColor;
}
.hub-post__actions [data-hub-action="collect"] .hub-action-icon{color:var(--accent-secondary)}
.hub-post__actions [data-hub-action="report"]{margin-inline-start:auto}
.hub-post__actions [data-hub-action="report"] .hub-action-icon{color:var(--ds-text-muted)}
.hub-avatar{
  width:48px;
  height:48px;
  overflow:hidden;
}
.hub-avatar__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.hub-avatar__icon{
  width:1.55rem;
  height:1.55rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:680px){
  .hub-post__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hub-post__actions button,
  .hub-post__actions>a{
    width:100%;
    justify-content:flex-start;
    padding-inline:10px;
  }
  .hub-post__actions [data-hub-action="report"]{margin-inline-start:0}
}

/* Community Profile V2 — professional identity + topic expertise + knowledge graph. */
.hub-profile-v2{max-width:1220px}
.hub-profile-v2__hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(340px,.58fr);
  gap:24px;
  align-items:start;
  padding:34px 0 28px;
  border-bottom:1px solid var(--ds-border-subtle);
}
.hub-profile-v2__identity h1{margin:.35rem 0 .15rem;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.12}
.hub-profile-v2__identity h2{margin:.5rem 0 0;font-size:1.06rem;line-height:1.55;color:var(--ds-text-link);font-weight:850}
.hub-profile-v2__identity .hub-profile-bio{margin:.75rem 0 0;max-width:760px;color:var(--ds-text-default)}
.hub-profile-v2__meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:var(--ds-text-muted);font-size:.8rem}
.hub-profile-v2__meta span,.hub-profile-v2__meta a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.hub-profile-v2__meta a:hover{color:var(--ds-text-link)}
.hub-profile-v2__meta .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem}
.hub-profile-v2__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.hub-profile-v2__metrics div{padding:13px 14px;border:1px solid var(--ds-border-subtle);border-radius:13px;background:var(--ds-surface-subtle)}
.hub-profile-v2__metrics dt{color:var(--ds-text-muted);font-size:.72rem;font-weight:800}
.hub-profile-v2__metrics dd{margin:4px 0 0;color:var(--ds-text-strong);font-size:1.32rem;font-weight:950;font-variant-numeric:tabular-nums}
.hub-profile-v2__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.hub-profile-v2__main{min-width:0}
.hub-profile-v2__side{display:grid;align-content:start;gap:0;position:sticky;top:18px}
.hub-profile-v2__side .hub-profile-section{margin-top:20px}
.hub-profile-v2 .hub-profile-section{border-radius:16px;padding:20px}
.hub-profile-v2 .hub-profile-section>header{align-items:flex-end;gap:14px;margin-bottom:14px}
.hub-profile-v2 .hub-profile-section>header h2{font-size:1.25rem}
.hub-profile-v2 .hub-profile-section .public-label{display:block;margin-bottom:3px}
.hub-profile-tags{display:flex;flex-wrap:wrap;gap:7px}
.hub-profile-tags span{padding:6px 9px;border:1px solid var(--ds-border-subtle);border-radius:999px;background:var(--ds-surface-subtle);font-size:.76rem;font-weight:800}
.hub-profile-simple-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.hub-profile-simple-list li{padding:9px 0;border-bottom:1px solid var(--ds-divider);font-size:.8rem;line-height:1.6;color:var(--ds-text-default)}
.hub-profile-simple-list li:last-child{border-bottom:0;padding-bottom:0}
.hub-topic-reputation{display:grid;gap:9px}
.hub-topic-reputation>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.45fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ds-divider);color:inherit;text-decoration:none}
.hub-topic-reputation>a:last-child{border-bottom:0}
.hub-topic-reputation>a>div{display:grid;gap:3px}
.hub-topic-reputation strong{font-size:.88rem}
.hub-topic-reputation span{color:var(--ds-text-muted);font-size:.7rem}
.hub-topic-reputation i{height:7px;border-radius:999px;background:var(--ds-surface-subtle);overflow:hidden}
.hub-topic-reputation i b{display:block;height:100%;border-radius:inherit;background:var(--accent-secondary)}
.hub-profile-v2__knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hub-profile-v2__knowledge-grid>article{padding:15px;border:1px solid var(--ds-border-subtle);border-radius:13px;background:var(--ds-surface-subtle)}
.hub-profile-v2__knowledge-grid h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:.9rem}
.hub-profile-v2__knowledge-grid h3 .hub-action-icon{width:1.1rem;height:1.1rem;flex-basis:1.1rem;color:var(--accent-secondary)}
.hub-profile-link-list{display:grid}
.hub-profile-link-list>a{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid var(--ds-divider);color:inherit;text-decoration:none}
.hub-profile-link-list>a:last-child{border-bottom:0;padding-bottom:0}
.hub-profile-link-list strong{font-size:.79rem;line-height:1.5}
.hub-profile-link-list span{color:var(--ds-text-muted);font-size:.7rem;line-height:1.5}
.hub-profile-editor{margin-top:18px;border:1px solid var(--ds-border-subtle);border-radius:15px;background:var(--ds-surface-base);overflow:hidden}
.hub-profile-editor>summary{display:flex;align-items:center;gap:8px;padding:13px 16px;cursor:pointer;font-weight:900;list-style:none}
.hub-profile-editor>summary::-webkit-details-marker{display:none}
.hub-profile-editor>summary .hub-action-icon{width:1.05rem;height:1.05rem;flex-basis:1.05rem;color:var(--ds-text-link)}
.hub-profile-avatar-editor{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin:0 16px 16px;padding:16px;border:1px solid var(--ds-border-subtle);border-radius:13px;background:var(--ds-surface-subtle)}
.hub-profile-avatar-editor__copy{display:grid;gap:6px}.hub-profile-avatar-editor__copy>strong{font-size:.96rem}.hub-profile-avatar-editor__copy>p{margin:0;color:var(--ds-text-muted);font-size:.76rem;line-height:1.65}.hub-profile-avatar-editor__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.hub-profile-avatar-picker{display:inline-flex!important}.hub-profile-avatar-picker input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}.hub-profile-avatar-picker>span,.hub-profile-avatar-editor__actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid var(--ds-action-secondary-border);border-radius:9px;background:var(--ds-action-secondary-bg);color:var(--ds-action-secondary-text);font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}.hub-profile-avatar-picker>span:hover,.hub-profile-avatar-editor__actions button:hover:not(:disabled){border-color:var(--ds-border-active);background:var(--ds-action-secondary-hover)}.hub-profile-avatar-editor__actions button:not(.is-secondary){border-color:var(--ds-action-primary-border);background:var(--ds-action-primary-bg);color:var(--ds-action-primary-text)}.hub-profile-avatar-editor__actions button:not(.is-secondary):hover:not(:disabled){background:var(--ds-action-primary-hover)}.hub-profile-avatar-editor__actions button.is-secondary{color:var(--ds-danger)}.hub-profile-avatar-editor__actions button:disabled{opacity:.55;cursor:not-allowed}.hub-profile-avatar-editor__actions .hub-action-icon,.hub-profile-avatar-picker .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem}.hub-profile-avatar-editor [data-profile-avatar-status]{min-height:1.2em;color:var(--ds-text-muted);font-size:.74rem}.hub-profile-editor form{padding:0 16px 16px}
.hub-profile-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hub-profile-editor label{display:grid;gap:6px}
.hub-profile-editor label>span{font-size:.76rem;font-weight:850;color:var(--ds-text-default)}
.hub-profile-editor input,.hub-profile-editor textarea{width:100%;padding:10px 11px;border:1px solid var(--ds-field-border);border-radius:9px;background:var(--ds-field-bg);color:var(--ds-field-text);font:inherit;line-height:1.6}
.hub-profile-editor textarea{resize:vertical}
.hub-profile-editor__wide{grid-column:1/-1}
.hub-profile-editor__actions{display:flex;align-items:center;gap:12px;margin-top:12px}
.hub-profile-editor__actions button{min-height:40px;padding:8px 14px;border:0;border-radius:9px;background:var(--ds-action-primary-bg);color:var(--ds-action-primary-text);font:inherit;font-weight:900;cursor:pointer}
.hub-profile-editor__actions span{font-size:.78rem;color:var(--ds-text-muted)}
@media(max-width:980px){
  .hub-profile-v2__hero{grid-template-columns:auto minmax(0,1fr)}
  .hub-profile-v2__metrics{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
  .hub-profile-v2__layout{grid-template-columns:1fr}
  .hub-profile-v2__side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
}
@media(max-width:680px){
  .hub-profile-v2__hero{grid-template-columns:1fr;gap:12px;padding-top:22px}
  .hub-profile-v2__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-profile-v2__identity h1{font-size:2.25rem}
  .hub-profile-v2__layout{gap:0}
  .hub-profile-v2__side{grid-template-columns:1fr}
  .hub-profile-v2__knowledge-grid{grid-template-columns:1fr}
  .hub-topic-reputation>a{grid-template-columns:1fr;gap:7px}
  .hub-profile-editor__grid{grid-template-columns:1fr}
  .hub-profile-editor__wide{grid-column:1}
  .hub-profile-avatar-editor{grid-template-columns:1fr;text-align:center}
  .hub-profile-avatar-editor>.hub-avatar{margin-inline:auto}
  .hub-profile-avatar-editor__actions{justify-content:center}
}
.hub-profile-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hub-profile-projects>a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:12px;border:1px solid var(--ds-border-subtle);border-radius:12px;background:var(--ds-surface-subtle);color:inherit;text-decoration:none}
.hub-profile-projects>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--accent-secondary) 13%,var(--ds-surface-base));color:var(--accent-secondary);font-weight:950}
.hub-profile-projects>a>div{display:grid;min-width:0}
.hub-profile-projects strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.hub-profile-projects small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-muted);font-size:.67rem}
.hub-profile-projects b{margin-top:2px;color:var(--accent-secondary);font-size:.63rem}
.hub-profile-section>header>a{color:var(--ds-text-link);font-size:.72rem;font-weight:850;text-decoration:none}
@media(max-width:680px){.hub-profile-projects{grid-template-columns:1fr}}

/* Following Feed V2 — project updates share the feed without pretending to be posts. */
.hub-project-update{border-color:color-mix(in srgb,var(--accent-secondary) 30%,var(--ds-border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-secondary) 4%,var(--ds-surface-base)),var(--ds-surface-base) 44%)}
.hub-project-update__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hub-project-update__badge{display:inline-flex;align-items:center;gap:6px;color:var(--accent-secondary);font-size:.72rem;font-weight:900}
.hub-project-update__badge .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem}
.hub-project-update__top time{color:var(--ds-text-muted);font-size:.68rem}
.hub-project-update__project{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:11px}
.hub-project-update__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent-secondary) 13%,var(--ds-surface-subtle));color:var(--accent-secondary);font-weight:950;text-decoration:none}
.hub-project-update__project>div{display:grid;min-width:0}
.hub-project-update__project a{color:inherit;text-decoration:none}
.hub-project-update__project strong{font-size:.9rem}
.hub-project-update__project span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-muted);font-size:.68rem}
.hub-project-update__footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:13px;margin-top:14px;border-top:1px solid var(--ds-divider);color:var(--ds-text-muted);font-size:.68rem}
.hub-project-update__footer>a,.hub-project-update__footer>span{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}
.hub-project-update__footer .hub-action-icon{width:.9rem;height:.9rem;flex-basis:.9rem}
.hub-project-update__footer .hub-project-update__open{margin-inline-start:auto;color:var(--ds-text-link);font-weight:900}
.hub-empty__following-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.hub-empty__following-links a{padding:8px 11px;border:1px solid var(--ds-border-subtle);border-radius:9px;background:var(--ds-surface-interactive);color:var(--ds-text-link);font-weight:850;text-decoration:none}
@media(max-width:560px){.hub-project-update__footer .hub-project-update__open{margin-inline-start:0;width:100%;justify-content:flex-start}}

/* Tool Context V1 — preserve the path from a tool into community knowledge. */
.hub-post__context{display:inline-flex;align-items:center;gap:6px;margin:.15rem 0 .6rem;padding:6px 9px;border:1px solid var(--ds-border-subtle);border-radius:999px;background:var(--ds-surface-subtle);color:var(--ds-text-muted);font-size:.67rem;text-decoration:none}
.hub-post__context:hover{border-color:var(--ds-border-active);color:var(--ds-text-link)}
.hub-post__context .hub-action-icon{width:.9rem;height:.9rem;flex-basis:.9rem;color:var(--accent-secondary)}
.hub-post__context strong{color:var(--ds-text-strong);font-size:.7rem}
.hub-composer__context{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid var(--ds-border-subtle);border-radius:11px;background:color-mix(in srgb,var(--accent-secondary) 7%,var(--ds-surface-subtle))}
.hub-composer__context>.hub-action-icon{width:1.15rem;height:1.15rem;flex-basis:1.15rem;color:var(--accent-secondary)}
.hub-composer__context>div{display:grid;gap:1px;min-width:0}
.hub-composer__context span,.hub-composer__context small{color:var(--ds-text-muted);font-size:.66rem}
.hub-composer__context strong{font-size:.78rem}
.hub-composer__context>a{color:var(--ds-text-link);font-size:.7rem;font-weight:850;text-decoration:none}
@media(max-width:560px){.hub-composer__context{grid-template-columns:auto minmax(0,1fr)}.hub-composer__context>a{grid-column:2}}

/* Community Activation V2 — contributor identity. */
.hub-contributor-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 2px}
.hub-contributor-status>span{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:5px 9px;border:1px solid var(--ds-border-subtle);border-radius:999px;background:var(--ds-surface-subtle);color:var(--ds-text-muted);font-size:.68rem}
.hub-contributor-status>span:first-child{color:var(--ds-text-strong);font-weight:900}
.hub-contributor-status>span b{color:var(--ds-text-strong)}
.hub-contributor-status .hub-action-icon{width:.88rem;height:.88rem;flex-basis:.88rem}
.hub-contributor-status--trusted>span:first-child{border-color:var(--ds-success-border);background:var(--ds-success-bg);color:var(--ds-success)}
.hub-contributor-status--expert>span:first-child{border-color:color-mix(in srgb,var(--accent-secondary) 45%,var(--ds-border-subtle));background:color-mix(in srgb,var(--accent-secondary) 10%,var(--ds-surface-base));color:var(--accent-secondary)}
.hub-contributor-status>span+span::before{content:'•';margin-inline-end:2px;color:var(--ds-text-muted)}

/* Admin-verified account badge in community surfaces. */
.hub-post__identity-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hub-post__identity-line>a{display:flex;gap:7px;align-items:baseline;color:inherit;text-decoration:none}
.community-verified-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--accent-secondary) 42%,var(--ds-border-subtle));border-radius:999px;background:color-mix(in srgb,var(--accent-secondary) 9%,var(--ds-surface-base));color:var(--accent-secondary);font-size:.64rem;font-weight:900;line-height:1.2}


/* Group-first taxonomy V1 */
.hub-post__taxonomy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  margin-block:2px 9px;
}
.hub-post__group{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:4px 9px;
  border:1px solid color-mix(in srgb,var(--accent) 32%,var(--ds-border-subtle));
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 7%,var(--ds-surface-base));
  color:var(--ds-text-strong);
  font-size:.66rem;
  font-weight:900;
  text-decoration:none;
}
.hub-post__group:hover{color:var(--accent)}
.hub-post__group svg{width:.9rem;height:.9rem}
.hub-post__tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.hub-post__tags a{
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:2px 7px;
  border:1px solid var(--ds-border-subtle);
  border-radius:999px;
  background:var(--ds-surface-subtle);
  color:var(--ds-text-muted);
  font-size:.61rem;
  font-weight:750;
  text-decoration:none;
}
.hub-post__tags a:hover{
  border-color:var(--accent-secondary);
  color:var(--accent-secondary);
}
.hub-composer label>small{
  display:block;
  margin-top:4px;
  color:var(--ds-text-muted);
  font-size:.62rem;
  line-height:1.55;
}
.hub-group-mini-list article>span{
  color:var(--ds-text-muted);
  font-size:.6rem;
  font-weight:850;
}
.hub-group-mini-list article a{
  color:var(--ds-text-strong);
  text-decoration:none;
}


/* Public modal forms: native <dialog>, hidden until showModal(). */
.community-form-dialog:not([open]){display:none}
.community-form-dialog{
  position:fixed;inset:0;margin:auto;padding:0;border:1px solid var(--ds-border-default);
  border-radius:16px;background:var(--ds-surface-panel);color:var(--ds-text-default);
  box-shadow:var(--ds-shadow-float);max-height:calc(100dvh - 28px);overflow:hidden
}
.community-form-dialog::backdrop{background:var(--ds-surface-overlay);backdrop-filter:blur(6px)}
.community-form-dialog__panel{max-height:calc(100dvh - 30px);overflow:auto;padding:18px}
.community-form-dialog__head{
  position:sticky;top:-18px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin:-18px -18px 16px;padding:16px 18px;border-bottom:1px solid var(--ds-border-subtle);
  background:var(--ds-surface-panel)
}
.community-form-dialog__head>div{display:grid;gap:3px}
.community-form-dialog__head h2{margin:0;font-size:1.15rem;line-height:1.55;color:var(--ds-text-strong)}
.community-form-dialog__close{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;
  border:1px solid var(--ds-action-secondary-border);border-radius:9px;background:var(--ds-action-secondary-bg);
  color:var(--ds-action-secondary-text);font:inherit;font-size:1.2rem;font-weight:900;cursor:pointer
}
.community-form-dialog__close:hover{border-color:var(--ds-border-active);background:var(--ds-action-secondary-hover)}
.community-form-dialog__close:focus-visible{outline:2px solid var(--ds-border-active);outline-offset:2px;box-shadow:var(--ds-shadow-focus)}
.group-settings-dialog{width:min(760px,calc(100vw - 28px))}
.project-create-dialog{width:min(920px,calc(100vw - 28px))}
@media(max-width:640px){
  .community-form-dialog{inset:auto 8px 8px;width:calc(100vw - 16px);max-width:none;max-height:92dvh;margin:0}
  .community-form-dialog__panel{max-height:92dvh;padding:15px}
  .community-form-dialog__head{top:-15px;margin:-15px -15px 14px;padding:14px 15px}
}

/* Composer visual regression guard: hidden fields must stay hidden despite label display rules. */
.hub-composer [hidden]{display:none!important}
.hub-composer__type-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hub-composer__locked-group{display:flex;align-items:center;gap:7px;margin:-4px 0 12px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent-secondary) 30%,var(--ds-border-subtle));border-radius:9px;background:color-mix(in srgb,var(--accent-secondary) 6%,var(--ds-surface-subtle));color:var(--ds-text-muted);font-size:.68rem}
.hub-composer__locked-group .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem;color:var(--accent-secondary)}
.hub-composer__locked-group strong{color:var(--ds-text-strong)}
.hub-composer__tags small{margin-top:2px}
.hub-form__footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.hub-form__footer button .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem}
@media(max-width:620px){.hub-composer__type-row{grid-template-columns:1fr}}


/* Post creation V4 — CTA on page, full composer only inside a modal. */
.hub-composer-launch{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;
  margin-bottom:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--ds-border-subtle));
  border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--ds-surface-base)),var(--ds-surface-base));
  overflow:hidden
}
.hub-composer-launch::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:linear-gradient(var(--accent),var(--accent-secondary))}
.hub-composer-launch__icon{
  display:grid;place-items:center;width:42px;height:42px;border-radius:11px;
  background:color-mix(in srgb,var(--accent) 11%,var(--ds-surface-subtle));color:var(--accent)
}
.hub-composer-launch__icon .hub-action-icon{width:1.2rem;height:1.2rem;flex-basis:1.2rem}
.hub-composer-launch__body{display:grid;gap:2px;min-width:0}
.hub-composer-launch__body .public-label{font-size:.59rem}
.hub-composer-launch__body strong{font-size:.82rem;color:var(--ds-text-strong);line-height:1.45}
.hub-composer-launch__body p{margin:0;color:var(--ds-text-muted);font-size:.64rem;line-height:1.55}
.hub-composer-launch>button{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 12px;
  border:1px solid var(--ds-action-primary-border);border-radius:9px;background:var(--ds-action-primary-bg);
  color:var(--ds-action-primary-text);font:inherit;font-size:.68rem;font-weight:900;cursor:pointer
}
.hub-composer-launch>button:hover{background:var(--ds-action-primary-hover)}
.hub-composer-launch>button .hub-action-icon{width:.95rem;height:.95rem;flex-basis:.95rem}
.hub-composer-launch>[data-hub-composer-summary-status]{
  grid-column:2/-1;color:var(--ds-success);font-size:.61rem;font-weight:800
}
.hub-composer-dialog{width:min(760px,calc(100vw - 28px))}
.hub-composer-dialog .community-form-dialog__head p{margin:4px 0 0;color:var(--ds-text-muted);font-size:.67rem;line-height:1.55}
.hub-composer--dialog{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.hub-composer--dialog::before{display:none!important}
.hub-composer--dialog form{gap:12px}
.hub-composer--dialog .hub-form__footer{
  position:sticky;bottom:-18px;z-index:2;margin:4px -18px -18px;padding:12px 18px;
  border-top:1px solid var(--ds-border-subtle);background:var(--ds-surface-panel)
}
.hub-composer--dialog .hub-form__footer .is-secondary{
  border:1px solid var(--ds-action-secondary-border);background:var(--ds-action-secondary-bg);
  color:var(--ds-action-secondary-text)
}
@media(max-width:640px){
  .hub-composer-launch{grid-template-columns:auto minmax(0,1fr)}
  .hub-composer-launch>button{grid-column:1/-1;width:100%}
  .hub-composer-launch>[data-hub-composer-summary-status]{grid-column:1/-1}
  .hub-composer--dialog .hub-form__footer{bottom:-15px;margin-inline:-15px;margin-bottom:-15px}
}


/* Community Feed Visual Hierarchy V5 */
.hub-post__author-copy{min-width:0;flex:1}
.hub-post__identity-line{gap:7px}
.hub-post__identity-line>a{min-width:0;flex-wrap:wrap}
.community-verified-badge{
  gap:4px;min-height:20px;padding:2px 6px;
  border-color:var(--ds-success-border);background:var(--ds-success-bg);color:var(--ds-success)
}
.community-verified-badge .hub-action-icon{width:.78rem;height:.78rem;flex-basis:.78rem}
.hub-post__pinned{display:inline-flex;align-items:center;gap:4px;color:var(--ds-warning);font-size:.62rem;font-weight:900}
.hub-post__pinned .hub-action-icon{width:.78rem;height:.78rem;flex-basis:.78rem}
.hub-post__meta{align-items:center;gap:7px;margin-top:5px}
.hub-post__type{
  display:inline-flex;align-items:center;gap:5px;min-height:23px;padding:2px 7px;border:1px solid var(--ds-border-subtle);
  border-radius:999px;font-size:.64rem;font-weight:900
}
.hub-post__type .hub-action-icon,.hub-post__reputation .hub-action-icon{width:.8rem;height:.8rem;flex-basis:.8rem}
.hub-post__type--question{border-color:color-mix(in srgb,var(--accent) 40%,var(--ds-border-subtle));background:color-mix(in srgb,var(--accent) 8%,var(--ds-surface-subtle));color:var(--accent)}
.hub-post__type--poll{border-color:var(--ds-warning-border);background:var(--ds-warning-bg);color:var(--ds-warning)}
.hub-post__type--post{border-color:color-mix(in srgb,var(--accent-secondary) 40%,var(--ds-border-subtle));background:color-mix(in srgb,var(--accent-secondary) 8%,var(--ds-surface-subtle));color:var(--accent-secondary)}
.hub-post__reputation{display:inline-flex;align-items:center;gap:4px;color:var(--ds-text-muted)}
.hub-post__taxonomy{margin-block:9px 8px}
.hub-post__tags{margin-inline-start:auto}
.group-detail-shell .hub-post__taxonomy:has(.hub-post__tags):not(:has(.hub-post__group)){justify-content:flex-end}
.group-detail-shell .hub-post__title{
  margin:14px 0 7px;font-size:clamp(1.16rem,1.45vw,1.38rem);line-height:1.55;letter-spacing:-.006em
}
.group-detail-shell .hub-post__body{margin:8px 0 4px;line-height:1.82;color:var(--ds-text-default)}
.group-detail-shell .hub-post{
  padding:18px 19px;border-radius:16px;
  box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 5%,transparent)
}
.hub-post__actions{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;margin-top:13px
}
.hub-post__actions-primary,.hub-post__actions-secondary{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hub-post__actions-primary button,.hub-post__actions-primary>a{
  min-height:39px;padding:7px 10px;background:color-mix(in srgb,var(--accent) 3%,var(--ds-surface-interactive))
}
.hub-post__actions-secondary button,.hub-post__actions-secondary>a{
  min-height:35px;padding:6px 9px;background:transparent;border-color:color-mix(in srgb,var(--ds-border-subtle) 82%,transparent)
}
.hub-post__actions-secondary .hub-action-label{font-size:.72rem;color:var(--ds-text-muted)}
.hub-post__actions-secondary strong{transform:scale(.92)}
.hub-post__actions [data-hub-action="report"]{margin-inline-start:0}
@media(max-width:760px){
  .hub-post__actions{align-items:stretch;flex-direction:column}
  .hub-post__actions-primary,.hub-post__actions-secondary{width:100%}
  .hub-post__actions-primary>*{flex:1 1 0}
  .hub-post__actions-secondary>*{flex:1 1 auto}
}

/* Community navigation V4 — one aligned tray with semantic icons and separated utilities. */
.hub-nav{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:5px;
  width:100%;
  max-width:100%;
  margin:0 0 26px;
  padding:7px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  border:1px solid var(--ds-border-subtle);
  border-radius:14px;
  background:color-mix(in srgb,var(--ds-surface-panel) 96%,var(--ds-surface-base) 4%);
  box-shadow:none;
}
.hub-nav::-webkit-scrollbar{display:none}
.hub-nav>.hub-nav__item{
  --hub-nav-accent:var(--accent);
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-height:44px;
  padding:6px 11px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--ds-text-default);
  text-decoration:none;
  font-size:.92rem;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.hub-nav>.hub-nav__item:not([data-community-nav="profile"]):not([data-community-nav="notifications"]){
  flex:1 1 0;
  justify-content:center;
}
.hub-nav__item[data-community-nav="about"]{--hub-nav-accent:var(--accent-secondary)}
.hub-nav__item[data-community-nav="feed"]{--hub-nav-accent:var(--accent)}
.hub-nav__item[data-community-nav="groups"]{--hub-nav-accent:var(--success)}
.hub-nav__item[data-community-nav="launchpad"]{--hub-nav-accent:var(--warning)}
.hub-nav__item[data-community-nav="market"]{--hub-nav-accent:var(--accent-secondary)}
.hub-nav__item[data-community-nav="tasks"]{--hub-nav-accent:var(--warning)}
.hub-nav__item[data-community-nav="profile"]{--hub-nav-accent:var(--accent);margin-inline-start:9px}
.hub-nav__item[data-community-nav="notifications"]{--hub-nav-accent:var(--danger)}
.hub-nav__item[data-community-nav="profile"]::before{
  content:"";
  position:absolute;
  inset-block:9px;
  inset-inline-start:-7px;
  inline-size:1px;
  background:var(--ds-divider);
}
.hub-nav__icon{
  display:grid;
  place-items:center;
  inline-size:30px;
  block-size:30px;
  flex:0 0 30px;
  border:1px solid color-mix(in srgb,var(--hub-nav-accent) 20%,var(--ds-border-subtle));
  border-radius:9px;
  background:color-mix(in srgb,var(--hub-nav-accent) 9%,var(--ds-surface-base));
  color:var(--hub-nav-accent);
}
.hub-nav__icon .hub-action-icon{
  inline-size:17px;
  block-size:17px;
  flex-basis:17px;
  stroke-width:2;
}
.hub-nav__label{display:inline-flex;align-items:center;min-block-size:30px}
.hub-nav__item:hover{
  background:color-mix(in srgb,var(--hub-nav-accent) 8%,var(--ds-surface-base));
  color:var(--ds-text-strong);
}
.hub-nav__item:hover .hub-nav__icon{
  border-color:color-mix(in srgb,var(--hub-nav-accent) 38%,var(--ds-border-subtle));
  background:color-mix(in srgb,var(--hub-nav-accent) 14%,var(--ds-surface-base));
}
.hub-nav__item:focus-visible{
  outline:2px solid var(--hub-nav-accent);
  outline-offset:2px;
}
.hub-nav__item.is-active,
.hub-nav__item[aria-current="page"]{
  background:color-mix(in srgb,var(--hub-nav-accent) 13%,var(--ds-surface-base));
  color:var(--ds-text-strong);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hub-nav-accent) 44%,var(--ds-border-subtle));
}
.hub-nav__item.is-active::after,
.hub-nav__item[aria-current="page"]::after{
  content:"";
  position:absolute;
  inset-inline:14px;
  inset-block-end:3px;
  block-size:3px;
  border-radius:3px;
  background:var(--hub-nav-accent);
}
.hub-nav__count{
  display:grid;
  place-items:center;
  min-width:21px;
  height:21px;
  margin-inline-start:1px;
  padding:0 5px;
  border:1px solid color-mix(in srgb,var(--danger) 38%,var(--ds-border-subtle));
  border-radius:999px;
  background:color-mix(in srgb,var(--danger) 14%,var(--ds-surface-base));
  color:var(--danger-text);
  font-size:.7rem;
  font-weight:900;
  line-height:1;
}
.hub-top{flex-wrap:wrap}
.hub-top>.hub-nav{
  order:-1;
  flex:1 0 100%;
  width:100%;
  margin:0 0 4px;
}
@media(max-width:980px){
  .hub-nav{justify-content:flex-start;scroll-snap-type:x proximity}
  .hub-nav>.hub-nav__item:not([data-community-nav="profile"]):not([data-community-nav="notifications"]){
    flex:0 0 auto;
  }
  .hub-nav>.hub-nav__item{scroll-snap-align:start}
  .hub-nav>.hub-nav__item.is-active,
  .hub-nav>.hub-nav__item[aria-current="page"]{order:-1}
}
@media(max-width:680px){
  .hub-nav{margin-bottom:18px;padding:5px;gap:3px;border-radius:14px}
  .hub-nav>.hub-nav__item{min-height:42px;padding:5px 9px;font-size:.86rem}
  .hub-nav__icon{inline-size:28px;block-size:28px;flex-basis:28px}
  .hub-nav__item[data-community-nav="profile"]{margin-inline-start:7px}
  .hub-nav__item[data-community-nav="profile"]::before{inset-inline-start:-5px}
}

/* Site-wide Visual QA V1 — minimum readable microcopy on community surfaces. */
.hub-post__tags a,
.hub-composer label>small,
.hub-group-mini-list article>span,
.hub-composer-launch__body .public-label,
.hub-composer-launch>[data-hub-composer-summary-status],
.hub-post__pinned,
.hub-post__type,
.community-verified-badge{
  font-size:.68rem;
}
.hub-composer-launch__body p,
.hub-post__context,
.hub-contributor-status>span{
  font-size:.7rem;
}
@media(max-width:680px){
  .hub-post__meta{
    font-size:.8rem;
  }
  .hub-post__actions-secondary .hub-action-label{
    font-size:.76rem;
  }
}

/* Typography Scale V2 — community navigation and microcopy with Readex Pro. */
.hub-nav>.hub-nav__item{
  font-size:1rem;
  line-height:1.25;
}
.hub-nav__count{font-size:.76rem}
.hub-post__tags a,
.hub-composer label>small,
.hub-group-mini-list article>span,
.hub-composer-launch__body .public-label,
.hub-composer-launch>[data-hub-composer-summary-status],
.hub-post__pinned,
.hub-post__type,
.community-verified-badge{
  font-size:.75rem;
}
.hub-composer-launch__body p,
.hub-post__context,
.hub-contributor-status>span{
  font-size:.78rem;
}
.hub-post__actions-secondary .hub-action-label{font-size:.8rem}
@media(max-width:680px){
  .hub-nav>.hub-nav__item{font-size:.92rem}
  .hub-nav__count{font-size:.72rem}
  .hub-post__meta{font-size:.84rem}
  .hub-post__actions-secondary .hub-action-label{font-size:.8rem}
}

/* Typography Scale V3 — readability-first community UI. */
.hub-nav>.hub-nav__item{font-size:1.06rem;line-height:1.3}
.hub-nav__count{font-size:.82rem}
.hub-post__tags a,
.hub-composer label>small,
.hub-group-mini-list article>span,
.hub-composer-launch__body .public-label,
.hub-composer-launch>[data-hub-composer-summary-status],
.hub-post__pinned,
.hub-post__type,
.community-verified-badge{font-size:.82rem}
.hub-composer-launch__body p,
.hub-post__context,
.hub-contributor-status>span{font-size:.86rem}
.hub-post__actions-secondary .hub-action-label{font-size:.86rem}
@media(max-width:680px){
  .hub-nav>.hub-nav__item{font-size:.98rem}
  .hub-nav__count{font-size:.78rem}
  .hub-post__meta{font-size:.88rem}
  .hub-post__actions-secondary .hub-action-label{font-size:.84rem}
}
@media(min-width:1600px){
  .hub-nav>.hub-nav__item{font-size:1.12rem}
  .hub-nav__count{font-size:.86rem}
}

/* Community Profile V5 — premium identity hero, semantic metric cards and compact expert profile. */
.hub-profile-v2__hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  grid-template-columns:132px minmax(0,1fr) minmax(310px,360px);
  grid-template-areas:"avatar identity metrics";
  gap:28px;
  align-items:center;
  margin-top:18px;
  padding:30px 32px;
  border:1px solid color-mix(in srgb,var(--ds-brand-green-bright) 30%,var(--ds-border-subtle));
  border-radius:24px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--ds-brand-green-deep) 5%,var(--ds-surface-base)),var(--ds-surface-base) 58%,color-mix(in srgb,var(--ds-info) 2%,var(--ds-surface-base)));
  box-shadow:0 16px 42px color-mix(in srgb,var(--ds-shadow-strong) 30%,transparent),inset 0 1px 0 color-mix(in srgb,var(--ds-brand-green-bright) 5%,transparent);
}
.hub-profile-v2__hero::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  inset-inline-start:-92px;
  inset-block-start:-118px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--ds-brand-green-bright) 5%,transparent),transparent 72%);
  transform:none;
  pointer-events:none;
  z-index:-1;
}
.hub-profile-v2__hero::after{
  content:"";
  position:absolute;
  width:260px;
  height:120px;
  inset-inline-end:-132px;
  inset-block-end:-72px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ds-info) 3%,transparent),transparent 72%);
  pointer-events:none;
  z-index:-1;
}
.hub-profile-v2__hero>.hub-avatar{
  grid-area:avatar;
  width:122px;
  height:122px;
  border:2px solid color-mix(in srgb,var(--ds-brand-green-bright) 62%,var(--ds-border-subtle));
  background:var(--ds-surface-base);
  box-shadow:
    0 0 0 4px color-mix(in srgb,var(--ds-brand-green-bright) 6%,transparent),
    0 12px 28px color-mix(in srgb,var(--ds-shadow-strong) 18%,transparent);
}
.hub-profile-v2__identity{
  grid-area:identity;
  min-width:0;
}
.hub-profile-v2__identity-top>.public-label{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:color-mix(in srgb,var(--ds-brand-green-bright) 82%,var(--ds-text-strong) 18%);
  font-size:.84rem;
  font-weight:900;
}
.hub-profile-v2__identity-top>.public-label::before{
  content:"";
  width:34px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--ds-brand-green-deep),var(--ds-brand-green-bright));
}
.hub-profile-v2__title-row{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  margin-top:.35rem;
}
.hub-profile-v2__identity h1{
  min-width:0;
  margin:0;
  color:var(--ds-text-strong);
  font-size:clamp(2.55rem,3.9vw,3.95rem);
  line-height:1.05;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.hub-profile-v2__title-row .community-trust-mark{
  width:1.65rem;
  height:1.65rem;
  min-width:1.65rem;
  min-height:1.65rem;
  box-shadow:none;
}
.hub-profile-v2__handle-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:.45rem;
}
.hub-profile-v2__handle-row .hub-handle{
  margin:0;
  color:var(--ds-text-muted);
  font-size:.9rem;
  font-weight:800;
  direction:ltr;
  unicode-bidi:isolate;
}
.hub-profile-v2__identity h2{
  display:flex;
  align-items:center;
  gap:9px;
  width:fit-content;
  max-width:100%;
  margin:.72rem 0 0;
  padding:8px 0 8px 12px;
  border:0;
  border-inline-start:3px solid var(--ds-brand-green-bright);
  border-radius:0;
  background:transparent;
  color:color-mix(in srgb,var(--ds-brand-green-bright) 78%,var(--ds-text-strong) 22%);
  box-shadow:none;
  font-size:.96rem;
  line-height:1.55;
  font-weight:900;
}
.hub-profile-v2__headline-icon{
  display:grid;
  place-items:center;
  flex:0 0 1.55rem;
  width:1.55rem;
  height:1.55rem;
  border-radius:8px;
  background:color-mix(in srgb,var(--ds-brand-green-bright) 7%,transparent);
}
.hub-profile-v2__headline-icon .hub-action-icon{
  width:1rem;
  height:1rem;
  flex-basis:1rem;
}
.hub-profile-v2__identity .hub-profile-bio{
  max-width:760px;
  margin:.7rem 0 0;
  color:var(--ds-text-default);
  font-size:.98rem;
  line-height:1.88;
}
.hub-profile-v2__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:13px;
  padding-top:10px;
  border-top:1px solid color-mix(in srgb,var(--ds-border-subtle) 78%,transparent);
  font-size:.8rem;
  line-height:1.5;
}
.hub-profile-v2__meta>a,
.hub-profile-v2__meta>span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:29px;
  color:var(--ds-text-muted);
  text-decoration:none;
}
.hub-profile-v2__meta>a:hover{color:var(--ds-text-link)}
.hub-profile-v2__meta .hub-action-icon{
  width:.98rem;
  height:.98rem;
  flex-basis:.98rem;
  color:var(--ds-brand-green-bright);
}
.hub-profile-v2__metrics{
  grid-area:metrics;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:0;
  border:0;
}
.hub-profile-v2__metrics .hub-profile-metric{
  --metric-accent:var(--ds-brand-green-bright);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"label icon" "value value";
  align-items:center;
  gap:3px 12px;
  min-width:0;
  min-height:104px;
  padding:14px 15px;
  border:1px solid var(--ds-border-subtle);
  border-radius:14px;
  background:var(--ds-surface-subtle);
  box-shadow:none;
}
.hub-profile-v2__metrics .hub-profile-metric--reputation{--metric-accent:var(--ds-info)}
.hub-profile-v2__metrics .hub-profile-metric--followers{--metric-accent:var(--ds-success)}
.hub-profile-v2__metrics .hub-profile-metric--contributions{--metric-accent:var(--accent-secondary)}
.hub-profile-v2__metrics .hub-profile-metric--articles{--metric-accent:var(--ds-warning)}
.hub-profile-metric dt{
  grid-area:label;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:var(--ds-text-muted);
  font-size:.78rem;
  font-weight:850;
}
.hub-profile-metric dt>span:last-child{min-width:0}
.hub-profile-metric dd{
  grid-area:value;
  justify-self:stretch;
  width:100%;
  margin:5px 0 0;
  color:var(--ds-text-strong);
  font-size:1.52rem;
  font-weight:950;
  line-height:1;
  text-align:center;
}
.hub-profile-metric__icon{
  grid-area:icon;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid color-mix(in srgb,var(--metric-accent) 34%,var(--ds-border-subtle));
  border-radius:10px;
  background:color-mix(in srgb,var(--metric-accent) 7%,var(--ds-surface-base));
  color:var(--metric-accent);
}
.hub-profile-metric__icon .hub-action-icon{
  width:1.25rem;
  height:1.25rem;
  flex-basis:1.25rem;
}
.hub-profile-v2__layout{
  grid-template-columns:minmax(0,1fr) 280px;
  gap:18px;
  margin-top:18px;
}
.hub-profile-v2__side{top:18px}
.hub-profile-v2 .hub-profile-section{
  padding:20px;
  border-radius:16px;
}
.hub-profile-v2__main>.hub-profile-section:first-child{margin-top:0}
.hub-profile-v2 .hub-profile-section>header{
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}
.hub-profile-v2 .hub-profile-section>header h2{font-size:1.28rem}
.hub-profile-expertise-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  column-gap:28px;
  row-gap:0;
}
.hub-profile-expertise-block{
  min-width:0;
  padding:2px 0 18px;
  border:0;
  border-radius:0;
  background:transparent;
}
.hub-profile-expertise-grid__wide{grid-column:1/-1}
.hub-profile-expertise-grid h3{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:var(--ds-text-strong);
  font-size:1.04rem;
  font-weight:900;
}
.hub-profile-expertise-grid h3 .hub-action-icon{
  width:1.02rem;
  height:1.02rem;
  flex-basis:1.02rem;
  color:var(--accent-secondary);
}
.hub-profile-expertise-block--experience{
  margin-top:4px;
  padding-top:18px;
  border-top:1px solid var(--ds-border-subtle);
}
.hub-profile-skill-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 18px;
  margin:0;
  padding:0;
  list-style:none;
}
.hub-profile-skill-list li{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:8px 0;
  border-bottom:1px solid color-mix(in srgb,var(--ds-border-subtle) 72%,transparent);
  color:var(--ds-text-default);
  font-size:.9rem;
  line-height:1.58;
}
.hub-profile-skill-list__mark{
  display:grid;
  place-items:center;
  flex:0 0 1.2rem;
  width:1.2rem;
  height:1.2rem;
  border-radius:50%;
  color:var(--accent-secondary);
}
.hub-profile-skill-list__mark .hub-action-icon{
  width:.9rem;
  height:.9rem;
  flex-basis:.9rem;
}
.hub-profile-interest-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
}
.hub-profile-interest-list span{
  position:relative;
  padding-inline-start:12px;
  color:var(--ds-text-muted);
  font-size:.88rem;
  font-weight:750;
  line-height:1.55;
}
.hub-profile-interest-list span::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:.68em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--accent-secondary);
}
.hub-profile-disclosure{
  margin-top:10px;
}
.hub-profile-disclosure>summary{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:2px 0;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--accent-secondary) 36%,transparent);
  border-radius:0;
  background:transparent;
  color:var(--accent-secondary);
  font-size:.8rem;
  font-weight:850;
  cursor:pointer;
  list-style:none;
}
.hub-profile-disclosure>summary::-webkit-details-marker{display:none}
.hub-profile-disclosure>summary::after{
  content:"+";
  font-size:.92rem;
  line-height:1;
}
.hub-profile-disclosure[open]>summary{
  margin-bottom:9px;
}
.hub-profile-disclosure[open]>summary::after{content:"−"}
.hub-profile-experience-timeline{
  position:relative;
  margin:0;
  padding:0;
  padding-inline-start:24px;
  list-style:none;
}
.hub-profile-experience-timeline::before{
  content:"";
  position:absolute;
  inset-inline-start:6px;
  top:6px;
  bottom:8px;
  width:1px;
  background:color-mix(in srgb,var(--accent-secondary) 34%,var(--ds-border-subtle));
}
.hub-profile-experience-timeline li{
  position:relative;
  padding:0 0 15px;
}
.hub-profile-experience-timeline li:last-child{padding-bottom:0}
.hub-profile-experience-timeline__node{
  position:absolute;
  inset-inline-start:-22px;
  top:.45em;
  width:9px;
  height:9px;
  border:2px solid var(--ds-surface-base);
  border-radius:50%;
  background:var(--accent-secondary);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-secondary) 40%,var(--ds-border-subtle));
}
.hub-profile-experience-timeline p{
  margin:0;
  color:var(--ds-text-default);
  font-size:.94rem;
  line-height:1.72;
}
.hub-profile-tags{gap:7px}
.hub-profile-tags span{
  padding:6px 9px;
  border-color:color-mix(in srgb,var(--accent-secondary) 22%,var(--ds-border-subtle));
  background:color-mix(in srgb,var(--accent-secondary) 6%,var(--ds-surface-subtle));
  font-size:.78rem;
}
.hub-profile-simple-list li{
  padding:9px 0;
  font-size:.86rem;
  line-height:1.72;
}
.hub-profile-authored>header>strong{
  display:grid;
  place-items:center;
  min-width:2.35rem;
  height:2.35rem;
  padding:0 .65rem;
  border:1px solid color-mix(in srgb,var(--accent-secondary) 30%,var(--ds-border-subtle));
  border-radius:999px;
  background:color-mix(in srgb,var(--accent-secondary) 8%,var(--ds-surface-subtle));
  color:var(--accent-secondary);
  font-size:.88rem;
}
.hub-profile-article-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.hub-profile-article-list>a{
  display:grid;
  align-content:start;
  gap:8px;
  min-height:132px;
  padding:15px;
  border:1px solid var(--ds-border-subtle);
  border-radius:13px;
  background:var(--ds-surface-subtle);
  color:inherit;
  text-decoration:none;
  transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out);
}
.hub-profile-article-list>a:hover{
  border-color:color-mix(in srgb,var(--accent-secondary) 52%,var(--ds-border-default));
  background:color-mix(in srgb,var(--accent-secondary) 6%,var(--ds-surface-base));
  transform:translateY(-2px);
}
.hub-profile-article-list>a>span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--accent-secondary);
  font-size:.72rem;
  font-weight:850;
}
.hub-profile-article-list>a>span .hub-action-icon{
  width:1rem;
  height:1rem;
  flex-basis:1rem;
}
.hub-profile-article-list strong{
  color:var(--ds-text-strong);
  font-size:.9rem;
  line-height:1.65;
}
.hub-profile-article-list small{
  align-self:end;
  color:var(--ds-text-muted);
  font-size:.72rem;
}
.hub-profile-v2__knowledge-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.hub-profile-v2__knowledge-grid>article{
  padding:15px;
  border-radius:13px;
}
.hub-profile-v2__knowledge-grid h3{font-size:.96rem}
.hub-profile-link-list strong{font-size:.86rem;line-height:1.6}
.hub-profile-link-list span{font-size:.78rem;line-height:1.55}
.hub-profile-v2__side .hub-profile-section{margin-top:0;margin-bottom:14px}
.hub-profile-v2__side .hub-profile-section:last-child{margin-bottom:0}
.hub-profile-v2__side .hub-profile-tags span{font-size:.76rem}
.hub-contributor-status{margin:9px 0 0}
.hub-profile-actions{margin-top:10px}
.hub-profile-tags-more{margin-top:10px}
.hub-profile-tags-more>summary{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--accent-secondary) 28%,var(--ds-border-subtle));
  border-radius:999px;
  background:color-mix(in srgb,var(--accent-secondary) 5%,var(--ds-surface-base));
  color:var(--accent-secondary);
  font-size:.74rem;
  font-weight:850;
  cursor:pointer;
  list-style:none;
}
.hub-profile-tags-more>summary::-webkit-details-marker{display:none}
.hub-profile-tags-more[open]>summary{margin-bottom:9px}
.hub-profile-tags-more>summary:hover{
  border-color:color-mix(in srgb,var(--accent-secondary) 52%,var(--ds-border-default));
  background:color-mix(in srgb,var(--accent-secondary) 9%,var(--ds-surface-base));
}
@media(max-width:980px){
  .hub-profile-v2__hero{
    grid-template-columns:92px minmax(0,1fr);
    grid-template-areas:"avatar identity" "metrics metrics";
    gap:18px;
    padding:24px;
  }
  .hub-profile-v2__hero>.hub-avatar{width:88px;height:88px}
  .hub-profile-v2__metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hub-profile-metric{min-height:88px;padding:11px}
  .hub-profile-metric__icon{width:34px;height:34px;border-radius:10px}
  .hub-profile-v2__layout{grid-template-columns:1fr}
  .hub-profile-v2__side{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 14px;
  }
}
@media(max-width:680px){
  .hub-profile-v2__hero{
    grid-template-columns:58px minmax(0,1fr);
    grid-template-areas:
      "avatar identity"
      "bio bio"
      "meta meta"
      "status status"
      "actions actions"
      "metrics metrics";
    gap:9px 11px;
    margin-top:10px;
    padding:16px;
    border-radius:18px;
  }
  .hub-profile-v2__hero::before{width:160px;height:160px;inset-inline-start:-80px;inset-block-start:-104px}
  .hub-profile-v2__hero::after{display:none}
  .hub-profile-v2__hero>.hub-avatar{
    width:58px;
    height:58px;
    justify-self:start;
    border-width:2px;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-brand-green-bright) 9%,transparent);
  }
  .hub-profile-v2__identity{display:contents}
  .hub-profile-v2__identity-top{grid-area:identity;min-width:0}
  .hub-profile-v2__identity .hub-profile-bio{grid-area:bio}
  .hub-profile-v2__identity .hub-profile-v2__meta{grid-area:meta}
  .hub-profile-v2__identity .hub-contributor-status{grid-area:status}
  .hub-profile-v2__identity .hub-profile-actions{grid-area:actions}
  .hub-profile-v2__identity-top>.public-label{font-size:.7rem}
  .hub-profile-v2__identity-top>.public-label::before{width:22px}
  .hub-profile-v2__identity h1{
    font-size:1.72rem;
    line-height:1.1;
    letter-spacing:-.02em;
  }
  .hub-profile-v2__title-row{gap:7px}
  .hub-profile-v2__title-row .community-trust-mark{
    width:1.45rem;
    height:1.45rem;
    min-width:1.45rem;
    min-height:1.45rem;
    box-shadow:none;
  }
  .hub-profile-v2__handle-row{margin-top:.25rem}
  .hub-profile-v2__handle-row .hub-handle{font-size:.74rem}
  .hub-profile-v2__identity h2{
    margin-top:.45rem;
    padding:6px 9px;
    gap:6px;
    border-radius:0;
    font-size:.75rem;
    line-height:1.45;
  }
  .hub-profile-v2__headline-icon{
    width:1.45rem;
    height:1.45rem;
    flex-basis:1.45rem;
  }
  .hub-profile-v2__headline-icon .hub-action-icon{width:.82rem;height:.82rem;flex-basis:.82rem}
  .hub-profile-v2__identity .hub-profile-bio{
    max-width:none;
    margin:.25rem 0 0;
    font-size:.86rem;
    line-height:1.68;
  }
  .hub-profile-v2__meta{
    margin-top:5px;
    padding-top:8px;
    gap:5px 10px;
    font-size:.72rem;
  }
  .hub-profile-v2__meta>a,.hub-profile-v2__meta>span{min-height:25px}
  .hub-profile-v2__metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    margin-top:3px;
  }
  .hub-profile-metric{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:"icon" "label" "value";
    justify-items:center;
    min-height:94px;
    padding:8px 5px;
    text-align:center;
  }
  .hub-profile-metric__icon{
    width:30px;
    height:30px;
    border-radius:9px;
  }
  .hub-profile-metric__icon .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem}
  .hub-profile-metric dt{
    justify-content:center;
    font-size:.64rem;
  }
  .hub-profile-metric dd{font-size:1.03rem}
  .hub-profile-v2 .hub-profile-section{padding:16px}
  .hub-profile-expertise-grid{grid-template-columns:1fr}
  .hub-profile-expertise-grid__wide{grid-column:1}
  .hub-profile-expertise-block{padding:2px 0 15px}
  .hub-profile-expertise-block--experience{margin-top:2px;padding-top:15px}
  .hub-profile-skill-list{grid-template-columns:1fr}
  .hub-profile-skill-list li{padding:8px 0;font-size:.84rem}
  .hub-profile-interest-list{gap:7px 12px}
  .hub-profile-interest-list span{font-size:.82rem}
  .hub-profile-experience-timeline{padding-inline-start:22px}
  .hub-profile-experience-timeline p{font-size:.88rem;line-height:1.68}
  .hub-profile-tags{gap:5px}
  .hub-profile-tags span{
    padding:5px 7px;
    font-size:.7rem;
  }
  .hub-profile-tags-more>summary{
    min-height:32px;
    padding:5px 9px;
    font-size:.7rem;
  }
  .hub-profile-simple-list li{
    padding:7px 0;
    font-size:.8rem;
    line-height:1.62;
  }
  .hub-profile-article-list{
    grid-template-columns:1fr;
    gap:7px;
  }
  .hub-profile-article-list>a{
    min-height:0;
    gap:5px;
    padding:11px 12px;
  }
  .hub-profile-article-list>a>span{display:none}
  .hub-profile-article-list strong{font-size:.82rem;line-height:1.55}
  .hub-profile-article-list small{font-size:.66rem}
  .hub-profile-v2__knowledge-grid{grid-template-columns:1fr}
  .hub-profile-v2__side{grid-template-columns:1fr}
  .hub-contributor-status>span{min-height:27px;padding:4px 7px;font-size:.65rem}
  .hub-profile-actions button{min-height:36px;padding:6px 11px}
}
@media(min-width:1600px){
  .hub-profile-v2__hero{padding:32px 36px}
  .hub-profile-v2__identity h1{font-size:4.55rem}
  .hub-profile-v2__identity .hub-profile-bio{font-size:1.02rem}
  .hub-profile-metric dt{font-size:.82rem}
  .hub-profile-metric dd{font-size:1.65rem}
}


/* Community Profile V5.3 — human sidebar hierarchy, compact metadata and practical collections. */
.hub-profile-v2__side{
  gap:12px;
}
.hub-profile-v2__side .hub-profile-side-card{
  --profile-side-accent:var(--accent-secondary);
  margin:0;
  padding:17px 18px;
  border:1px solid color-mix(in srgb,var(--profile-side-accent) 24%,var(--ds-border-subtle));
  border-inline-start:3px solid color-mix(in srgb,var(--profile-side-accent) 76%,var(--ds-border-default));
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--profile-side-accent) 5%,var(--ds-surface-base)),var(--ds-surface-base) 48%);
  transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);
}
.hub-profile-v2__side .hub-profile-side-card:hover{
  border-color:color-mix(in srgb,var(--profile-side-accent) 40%,var(--ds-border-default));
  transform:translateY(-1px);
}
.hub-profile-side-card--education{--profile-side-accent:var(--accent-secondary)}
.hub-profile-side-card--languages{--profile-side-accent:var(--ds-info)}
.hub-profile-side-card--open-to{--profile-side-accent:var(--ds-success)}
.hub-profile-side-card--badges{--profile-side-accent:var(--ds-warning)}
.hub-profile-side-card--collections{--profile-side-accent:var(--accent-secondary)}
.hub-profile-v2__side .hub-profile-side-card>header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  justify-content:initial;
  gap:10px;
  margin-bottom:13px;
}
.hub-profile-side-card__mark{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid color-mix(in srgb,var(--profile-side-accent) 36%,var(--ds-border-subtle));
  border-radius:10px;
  background:color-mix(in srgb,var(--profile-side-accent) 10%,var(--ds-surface-base));
  color:var(--profile-side-accent);
}
.hub-profile-side-card__mark .hub-action-icon{
  width:1.05rem;
  height:1.05rem;
  flex-basis:1.05rem;
}
.hub-profile-v2__side .hub-profile-side-card>header>div{
  display:grid;
  gap:2px;
}
.hub-profile-v2__side .hub-profile-side-card>header h2{
  color:color-mix(in srgb,var(--profile-side-accent) 34%,var(--ds-text-strong));
  font-size:1.08rem;
  line-height:1.45;
}
.hub-profile-v2__side .hub-profile-side-card .public-label{
  margin:0;
  color:color-mix(in srgb,var(--profile-side-accent) 58%,var(--ds-text-muted));
  font-size:.64rem;
  letter-spacing:.01em;
}

/* Languages: profile data, not fake controls. */
.hub-profile-language-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.hub-profile-language{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  min-width:0;
  padding:9px 10px;
  border:1px solid var(--ds-border-subtle);
  border-radius:10px;
  background:var(--ds-surface-subtle);
}
.hub-profile-language>b{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:7px;
  background:color-mix(in srgb,var(--profile-side-accent) 10%,var(--ds-surface-base));
  color:var(--profile-side-accent);
  font-size:.64rem;
  letter-spacing:.04em;
}
.hub-profile-language>span{
  overflow:hidden;
  color:var(--ds-text-strong);
  font-size:.74rem;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hub-profile-language>i{
  display:grid;
  place-items:center;
  color:var(--ds-success);
}
.hub-profile-language>i .hub-action-icon{
  width:.86rem;
  height:.86rem;
  flex-basis:.86rem;
}

/* Open-to: capabilities read like a professional availability list. */
.hub-profile-open-to-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.hub-profile-open-to-list li{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:9px 0;
  border-bottom:1px solid var(--ds-divider);
  color:var(--ds-text-default);
  font-size:.77rem;
  line-height:1.55;
}
.hub-profile-open-to-list li:first-child{padding-top:2px}
.hub-profile-open-to-list li:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.hub-profile-open-to-list__icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid color-mix(in srgb,var(--profile-side-accent) 30%,var(--ds-border-subtle));
  border-radius:8px;
  background:color-mix(in srgb,var(--profile-side-accent) 8%,var(--ds-surface-base));
  color:var(--profile-side-accent);
}
.hub-profile-open-to-list__icon .hub-action-icon{
  width:.9rem;
  height:.9rem;
  flex-basis:.9rem;
}

/* Badges: reputation rows, not another tag cloud. */
.hub-profile-badge-list{
  display:grid;
  gap:7px;
}
.hub-profile-badge{
  --badge-accent:var(--accent-secondary);
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:42px;
  padding:6px 0;
  color:var(--ds-text-default);
  font-size:.76rem;
  font-weight:800;
}
.hub-profile-badge+.hub-profile-badge{
  border-top:1px solid var(--ds-divider);
}
.hub-profile-badge__icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid color-mix(in srgb,var(--badge-accent) 34%,var(--ds-border-subtle));
  border-radius:50%;
  background:color-mix(in srgb,var(--badge-accent) 6%,var(--ds-surface-base));
  color:var(--badge-accent);
}
.hub-profile-badge__icon .hub-action-icon{
  width:.95rem;
  height:.95rem;
  flex-basis:.95rem;
}
.hub-profile-badge--gold{--badge-accent:var(--ds-warning)}
.hub-profile-badge--silver{--badge-accent:var(--ds-info)}
.hub-profile-badge--bronze{--badge-accent:var(--ds-success)}

/* Collections: useful workspace instead of a tall generic form. */
.hub-profile-side-card__header{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}
.hub-profile-side-count{
  display:grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  border:1px solid var(--ds-border-subtle);
  border-radius:9px;
  background:var(--ds-surface-subtle);
  color:var(--ds-text-strong);
  font-size:.72rem;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.hub-profile-side-copy{
  margin:-3px 0 13px;
  color:var(--ds-text-muted);
  font-size:.7rem;
  line-height:1.65;
}
.hub-collection-form--profile{
  gap:11px;
}
.hub-collection-form--profile label{
  gap:5px;
}
.hub-collection-form--profile label>span{
  color:var(--ds-text-default);
  font-size:.72rem;
  font-weight:850;
}
.hub-collection-form--profile input,
.hub-collection-form--profile textarea{
  padding:9px 10px;
  border-radius:9px;
  font-size:.78rem;
  line-height:1.55;
}
.hub-collection-form--profile textarea{
  min-height:70px;
}
.hub-collection-form--profile input::placeholder,
.hub-collection-form--profile textarea::placeholder{
  color:var(--ds-text-muted);
  opacity:.72;
}
.hub-collection-form__footer{
  display:grid;
  gap:7px;
}
.hub-collection-form__footer button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:38px;
  padding:7px 11px;
  border-radius:9px;
  font-size:.75rem;
}
.hub-collection-form__footer button .hub-action-icon{
  width:.95rem;
  height:.95rem;
  flex-basis:.95rem;
}
.hub-collection-form__footer [data-collection-status]{
  min-height:1em;
  color:var(--ds-text-muted);
  font-size:.66rem;
  line-height:1.45;
}
.hub-profile-side-card--collections .hub-collections{
  margin-top:12px;
}
.hub-collections__empty{
  display:grid;
  justify-items:center;
  gap:6px;
  padding:13px 10px 3px;
  border-top:1px solid var(--ds-divider);
  text-align:center;
}
.hub-collections__empty>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:color-mix(in srgb,var(--accent-secondary) 5%,var(--ds-surface-subtle));
  color:var(--ds-text-muted);
}
.hub-collections__empty>span .hub-action-icon{
  width:.9rem;
  height:.9rem;
  flex-basis:.9rem;
}
.hub-collections__empty p{
  margin:0;
  color:var(--ds-text-muted);
  font-size:.68rem;
  line-height:1.5;
}
@media(max-width:980px){
  .hub-profile-v2__side .hub-profile-side-card{
    align-self:start;
  }
}
@media(max-width:680px){
  .hub-profile-v2__side{
    gap:10px;
  }
  .hub-profile-v2__side .hub-profile-side-card{
    padding:15px;
  }
  .hub-profile-language-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hub-profile-open-to-list li{
    font-size:.74rem;
  }
}

/* Trust Mark V1 — long admin-verification copy becomes a compact accessible shield mark. */
.community-verified-badge.community-trust-mark{
  width:1.65rem;
  height:1.65rem;
  min-width:1.65rem;
  min-height:1.65rem;
  display:inline-grid;
  place-items:center;
  padding:0;
  border:1px solid var(--ds-success-border);
  border-radius:999px;
  background:var(--ds-success-bg);
  color:var(--ds-success);
  font-size:0;
  line-height:1;
}
.community-verified-badge.community-trust-mark .hub-action-icon{
  width:.9rem;
  height:.9rem;
  flex-basis:.9rem;
}

/* Trust Mark V2 — platform verification uses the brand accent, not security green. */
.community-verified-badge.community-trust-mark{
  border-color:color-mix(in srgb,var(--accent) 48%,var(--ds-border-subtle));
  background:color-mix(in srgb,var(--accent) 12%,var(--ds-surface-base));
  color:var(--accent);
}
.community-verified-badge.community-trust-mark{font-size:1rem}

/* Profile V5.3 readability guard: sidebar microcopy must stay above 10px. */
.hub-profile-v2__side .hub-profile-side-card .public-label{
  font-size:.64rem;
}


/* Community Profile V5.6 — semantic mission progress with real icons and no nested card. */
.hub-profile-missions{
  --mission-section-accent:var(--ds-warning);
  border-color:color-mix(in srgb,var(--mission-section-accent) 24%,var(--ds-border-subtle));
  background:linear-gradient(145deg,color-mix(in srgb,var(--mission-section-accent) 4%,var(--ds-surface-base)),var(--ds-surface-base) 46%);
}
.hub-profile-missions>header>div{display:grid;gap:3px}
.hub-profile-missions>header h2{display:flex;align-items:center;gap:9px}
.hub-profile-missions__title-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--mission-section-accent) 40%,var(--ds-border-subtle));border-radius:10px;background:color-mix(in srgb,var(--mission-section-accent) 10%,var(--ds-surface-base));color:var(--mission-section-accent)}
.hub-profile-missions__title-icon .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem}
.hub-missions-shell--profile{padding-top:2px;border:0;background:transparent}
.hub-missions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;border-bottom:1px solid var(--ds-divider)}
.hub-missions-head>span,.hub-missions-head>a{display:inline-flex;align-items:center;gap:6px}
.hub-missions-head>span{color:var(--ds-text-strong);font-size:.84rem;font-weight:900}
.hub-missions-head>span .hub-action-icon{width:1rem;height:1rem;flex-basis:1rem;color:var(--accent-secondary)}
.hub-missions-head>a{color:var(--ds-text-link);font-size:.74rem;font-weight:850;text-decoration:none}
.hub-missions--profile{gap:0}
.hub-mission{--mission-accent:var(--accent-secondary);display:grid;gap:9px;padding:12px 0;border-bottom:1px solid var(--ds-divider)}
.hub-mission:last-child{border-bottom:0;padding-bottom:0}
.hub-mission--info{--mission-accent:var(--ds-info)}
.hub-mission--success{--mission-accent:var(--ds-success)}
.hub-mission--warning{--mission-accent:var(--ds-warning)}
.hub-mission--brand{--mission-accent:var(--accent-secondary)}
.hub-mission__top{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center}
.hub-mission__icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--mission-accent) 34%,var(--ds-border-subtle));border-radius:9px;background:color-mix(in srgb,var(--mission-accent) 8%,var(--ds-surface-base));color:var(--mission-accent)}
.hub-mission__icon .hub-action-icon{width:.94rem;height:.94rem;flex-basis:.94rem}
.hub-mission__copy{display:grid;gap:2px;min-width:0}
.hub-mission__copy strong{color:var(--ds-text-strong);font-size:.84rem;line-height:1.45}
.hub-mission__copy small{color:var(--ds-text-muted);font-size:.7rem;line-height:1.5}
.hub-mission__counter{min-width:42px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--mission-accent) 26%,var(--ds-border-subtle));border-radius:999px;background:color-mix(in srgb,var(--mission-accent) 6%,var(--ds-surface-base));color:var(--mission-accent);font-size:.72rem;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.hub-mission__progress{appearance:none;width:calc(100% - 41px);height:6px;margin-inline-start:41px;overflow:hidden;border:0;border-radius:999px;background:color-mix(in srgb,var(--mission-accent) 12%,var(--ds-surface-subtle));direction:ltr}
.hub-mission__progress::-webkit-progress-bar{background:color-mix(in srgb,var(--mission-accent) 12%,var(--ds-surface-subtle));border-radius:999px}
.hub-mission__progress::-webkit-progress-value{background:var(--mission-accent);border-radius:999px}
.hub-mission__progress::-moz-progress-bar{background:var(--mission-accent);border-radius:999px}
.hub-mission.is-complete .hub-mission__icon{box-shadow:0 0 0 2px color-mix(in srgb,var(--mission-accent) 9%,transparent)}
.hub-mission>button{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-inline-start:41px;min-height:34px;padding:5px 10px;background:color-mix(in srgb,var(--mission-accent) 86%,var(--ds-action-primary-bg));font-size:.74rem}
.hub-mission>button .hub-action-icon{width:.9rem;height:.9rem;flex-basis:.9rem}
.hub-mission__claimed{display:inline-flex;align-items:center;gap:5px;margin-inline-start:41px;color:var(--ds-success);font-size:.72rem;font-weight:850}
.hub-mission__claimed .hub-action-icon{width:.86rem;height:.86rem;flex-basis:.86rem}
@media(max-width:680px){
  .hub-profile-missions__title-icon{width:30px;height:30px}
  .hub-mission__top{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}
  .hub-mission__icon{width:28px;height:28px}
  .hub-mission__copy strong{font-size:.8rem}
  .hub-mission__copy small{font-size:.68rem}
  .hub-mission__counter{min-width:40px;padding:4px 6px;font-size:.69rem}
  .hub-mission__progress,.hub-mission>button,.hub-mission__claimed{margin-inline-start:38px}
  .hub-mission__progress{width:calc(100% - 38px)}
}

/* Profile V5.6 specificity reconciliation against legacy .hub-missions rules. */
.hub-missions-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.hub-missions .hub-mission{display:grid;gap:9px;padding:12px 0;border-bottom:1px solid var(--ds-divider)}
.hub-missions .hub-mission:last-child{border-bottom:0;padding-bottom:0}
.hub-missions .hub-mission__top{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center}
.hub-missions .hub-mission__icon{display:grid;place-items:center;color:var(--mission-accent)}
.hub-missions .hub-mission__copy{display:grid;gap:2px;min-width:0}
.hub-missions .hub-mission__copy strong{color:var(--ds-text-strong);font-size:.84rem;line-height:1.45}
.hub-missions .hub-mission__copy small{color:var(--ds-text-muted);font-size:.7rem;line-height:1.5}
.hub-missions .hub-mission__counter{color:var(--mission-accent);font-size:.72rem}
.hub-missions .hub-mission__progress{display:block;position:relative;overflow:hidden;width:calc(100% - 41px)}
.hub-missions .hub-mission__claimed{color:var(--ds-success);font-size:.72rem}
@media(max-width:680px){
  .hub-missions .hub-mission__top{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}
  .hub-missions .hub-mission__copy strong{font-size:.8rem}
  .hub-missions .hub-mission__copy small{font-size:.68rem}
  .hub-missions .hub-mission__counter{font-size:.69rem}
}

/* Notifications V2 — readable activity inbox with semantic event hierarchy. */
.hub-notifications-page{width:min(1180px,calc(100% - 32px))}
.hub-notifications-v2{width:min(980px,100%);margin-inline:auto;display:grid;gap:18px}
.hub-notifications-v2__hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid var(--ds-border-subtle);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--ds-surface-base)),var(--ds-surface-base) 52%)}
.hub-notifications-v2__heading{display:flex;align-items:center;gap:16px;min-width:0}
.hub-notifications-v2__icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--ds-border-subtle));border-radius:15px;background:color-mix(in srgb,var(--danger) 10%,var(--ds-surface-base));color:var(--ds-danger)}
.hub-notifications-v2__icon .hub-action-icon{width:24px;height:24px;flex-basis:24px;stroke-width:2}
.hub-notifications-v2__heading>div{min-width:0}
.hub-notifications-v2__heading .public-label{display:block;margin-bottom:3px}
.hub-notifications-v2__heading h1{margin:0;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.25}
.hub-notifications-v2__heading p{max-width:650px;margin:7px 0 0;color:var(--ds-text-muted);font-size:.9rem;line-height:1.75}
.hub-notifications-v2__mark-read{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:8px 14px;border:1px solid var(--ds-action-secondary-border);border-radius:10px;background:var(--ds-action-secondary-bg);color:var(--ds-action-secondary-text);font:inherit;font-size:.82rem;font-weight:900;cursor:pointer}
.hub-notifications-v2__mark-read:hover{border-color:var(--ds-border-active);background:var(--ds-action-secondary-hover)}
.hub-notifications-v2__mark-read:disabled{opacity:.55;cursor:wait}
.hub-notifications-v2__mark-read .hub-action-icon{width:17px;height:17px;flex-basis:17px;color:var(--ds-success)}
.hub-notifications-v2__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hub-notifications-v2__summary>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;padding:13px 15px;border:1px solid var(--ds-border-subtle);border-radius:13px;background:var(--ds-surface-base)}
.hub-notifications-v2__summary>div>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--ds-surface-subtle);color:var(--accent-secondary)}
.hub-notifications-v2__summary>div>span .hub-action-icon{width:18px;height:18px;flex-basis:18px}
.hub-notifications-v2__summary>div>div{display:grid;gap:1px}
.hub-notifications-v2__summary strong{font-size:1.35rem;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;color:var(--ds-text-strong)}
.hub-notifications-v2__summary small{font-size:.7rem;font-weight:800;color:var(--ds-text-muted)}
.hub-notifications-v2__summary>.is-unread{border-color:color-mix(in srgb,var(--danger) 24%,var(--ds-border-subtle));background:color-mix(in srgb,var(--danger) 4%,var(--ds-surface-base))}
.hub-notifications-v2__summary>.is-unread>span{background:color-mix(in srgb,var(--danger) 10%,var(--ds-surface-base));color:var(--ds-danger)}
.hub-notifications-v2__groups{display:grid;gap:16px}
.hub-notification-group{overflow:hidden;border:1px solid var(--ds-border-subtle);border-radius:16px;background:var(--ds-surface-base)}
.hub-notification-group>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid var(--ds-divider);background:var(--ds-surface-subtle)}
.hub-notification-group>header>div{display:flex;align-items:center;gap:9px}
.hub-notification-group>header h2{margin:0;font-size:1rem;line-height:1.4}
.hub-notification-group>header>span{display:grid;place-items:center;min-width:28px;height:28px;padding-inline:7px;border-radius:999px;background:var(--ds-surface-base);color:var(--ds-text-muted);font-size:.72rem;font-weight:900;font-variant-numeric:tabular-nums}
.hub-notification-group__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--accent-secondary) 9%,var(--ds-surface-base));color:var(--accent-secondary)}
.hub-notification-group__mark .hub-action-icon{width:15px;height:15px;flex-basis:15px}
.hub-notification-group--new>header{background:color-mix(in srgb,var(--danger) 4%,var(--ds-surface-subtle))}
.hub-notification-group--new .hub-notification-group__mark{background:color-mix(in srgb,var(--danger) 10%,var(--ds-surface-base));color:var(--ds-danger)}
.hub-notification-list{display:grid}
.hub-notification-item{--notification-accent:var(--accent-secondary);--notification-text:var(--ds-text-link);position:relative;display:grid;grid-template-columns:42px 50px minmax(0,1fr) 36px;gap:12px;align-items:center;min-width:0;padding:15px 17px;border-bottom:1px solid var(--ds-divider);background:var(--ds-surface-base);transition:background-color .15s ease,border-color .15s ease}
.hub-notification-item:last-child{border-bottom:0}
.hub-notification-item:hover{background:color-mix(in srgb,var(--notification-accent) 4%,var(--ds-surface-base))}
.hub-notification-item.is-unread{background:linear-gradient(90deg,color-mix(in srgb,var(--notification-accent) 8%,var(--ds-surface-base)),var(--ds-surface-base) 38%)}
[dir="rtl"] .hub-notification-item.is-unread{background:linear-gradient(270deg,color-mix(in srgb,var(--notification-accent) 8%,var(--ds-surface-base)),var(--ds-surface-base) 38%)}
.hub-notification-item.is-unread::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--notification-accent)}
[dir="rtl"] .hub-notification-item.is-unread::before{border-radius:3px 0 0 3px}
.hub-notification-item--follow{--notification-accent:var(--success);--notification-text:var(--ds-success)}
.hub-notification-item--like{--notification-accent:var(--danger);--notification-text:var(--ds-danger)}
.hub-notification-item--comment{--notification-accent:var(--accent-secondary);--notification-text:var(--ds-text-link)}
.hub-notification-item--poll{--notification-accent:var(--warning);--notification-text:var(--ds-warning)}
.hub-notification-item--accepted{--notification-accent:var(--success);--notification-text:var(--ds-success)}
.hub-notification-item--question{--notification-accent:var(--accent-secondary);--notification-text:var(--ds-info)}
.hub-notification-item--task{--notification-accent:var(--warning);--notification-text:var(--ds-warning)}
.hub-notification-item--warning{--notification-accent:var(--danger);--notification-text:var(--ds-danger)}
.hub-notification-item__type{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--notification-accent) 28%,var(--ds-border-subtle));border-radius:12px;background:color-mix(in srgb,var(--notification-accent) 10%,var(--ds-surface-base));color:var(--notification-text)}
.hub-notification-item__type .hub-action-icon{width:19px;height:19px;flex-basis:19px;stroke-width:2}
.hub-notification-item__avatar{width:50px;height:50px;border:2px solid color-mix(in srgb,var(--notification-accent) 24%,var(--ds-border-subtle));background:var(--ds-surface-subtle);font-size:1rem}
.hub-notification-item__content{display:grid;gap:4px;min-width:0}
.hub-notification-item__line{display:flex;align-items:center;gap:8px;min-width:0}
.hub-notification-item__actor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-strong);font-size:.94rem;font-weight:950;text-decoration:none}
a.hub-notification-item__actor:hover{color:var(--ds-text-link)}
.hub-notification-item__new{display:inline-flex;align-items:center;flex:0 0 auto;padding:3px 7px;border:1px solid color-mix(in srgb,var(--notification-accent) 28%,var(--ds-border-subtle));border-radius:999px;background:color-mix(in srgb,var(--notification-accent) 9%,var(--ds-surface-base));color:var(--notification-text);font-size:.62rem;font-weight:900}
.hub-notification-item__message{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-default);font-size:.86rem;line-height:1.6;text-decoration:none}
a.hub-notification-item__message:hover{color:var(--ds-text-link);text-decoration:underline;text-underline-offset:3px}
.hub-notification-item time{display:flex;align-items:center;gap:5px;color:var(--ds-text-muted);font-size:.68rem;font-weight:750}
.hub-notification-item time .hub-action-icon{width:12px;height:12px;flex-basis:12px}
.hub-notification-item__open{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ds-border-subtle);border-radius:9px;background:var(--ds-surface-subtle);color:var(--ds-text-muted);text-decoration:none}
.hub-notification-item__open:hover{border-color:color-mix(in srgb,var(--notification-accent) 40%,var(--ds-border-subtle));color:var(--notification-text);background:color-mix(in srgb,var(--notification-accent) 8%,var(--ds-surface-base))}
.hub-notification-item__open .hub-action-icon{width:15px;height:15px;flex-basis:15px}
[dir="rtl"] .hub-notification-item__open .hub-action-icon{transform:rotate(180deg)}
.hub-notifications-v2__more{display:flex;justify-content:center;padding:2px 0 6px}
.hub-notifications-v2__more .hub-load-more{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:42px}
.hub-notifications-v2__more .hub-action-icon{width:16px;height:16px;flex-basis:16px}
.hub-notifications-empty{display:grid;justify-items:center;text-align:center;padding:54px 24px;border:1px dashed var(--ds-border-subtle);border-radius:16px;background:var(--ds-surface-base)}
.hub-notifications-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:16px;background:color-mix(in srgb,var(--accent-secondary) 10%,var(--ds-surface-base));color:var(--accent-secondary)}
.hub-notifications-empty>span .hub-action-icon{width:26px;height:26px;flex-basis:26px}
.hub-notifications-empty h2{margin:0;font-size:1.2rem}.hub-notifications-empty p{max-width:540px;margin:8px 0 16px;color:var(--ds-text-muted);font-size:.86rem;line-height:1.75}
.hub-notifications-empty>a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--ds-border-subtle);border-radius:9px;color:var(--ds-text-link);font-size:.8rem;font-weight:900;text-decoration:none}
.hub-notifications-empty>a .hub-action-icon{width:15px;height:15px;flex-basis:15px}
@media(max-width:720px){
  .hub-notifications-page{width:min(100% - 20px,1180px)}
  .hub-notifications-v2{gap:12px}
  .hub-notifications-v2__hero{align-items:flex-start;flex-direction:column;padding:18px}
  .hub-notifications-v2__heading{align-items:flex-start;gap:12px}
  .hub-notifications-v2__icon{flex-basis:44px;width:44px;height:44px;border-radius:12px}
  .hub-notifications-v2__icon .hub-action-icon{width:21px;height:21px;flex-basis:21px}
  .hub-notifications-v2__heading h1{font-size:1.85rem}
  .hub-notifications-v2__heading p{font-size:.82rem}
  .hub-notifications-v2__mark-read{width:100%}
  .hub-notifications-v2__summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .hub-notifications-v2__summary>div{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;padding:11px 7px}
  .hub-notifications-v2__summary strong{font-size:1.15rem}
  .hub-notification-group>header{padding:12px 13px}
  .hub-notification-item{grid-template-columns:38px 44px minmax(0,1fr);gap:9px;padding:13px 12px}
  .hub-notification-item__type{width:38px;height:38px;border-radius:10px}.hub-notification-item__type .hub-action-icon{width:17px;height:17px;flex-basis:17px}
  .hub-notification-item__avatar{width:44px;height:44px}
  .hub-notification-item__open{display:none}
  .hub-notification-item__actor{font-size:.86rem}
  .hub-notification-item__message{font-size:.8rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .hub-notification-item time{font-size:.64rem}
}
@media(max-width:430px){
  .hub-notifications-v2__heading p{display:none}
  .hub-notifications-v2__summary>div>span{width:34px;height:34px}
  .hub-notifications-v2__summary small{font-size:.62rem}
  .hub-notification-item{grid-template-columns:38px minmax(0,1fr)}
  .hub-notification-item__avatar{display:none}
  .hub-notification-item__line{flex-wrap:wrap;gap:5px}
}


/* Community Mobile Nav V2 — two-row grid avoids clipped horizontal navigation. */
@media(max-width:560px){
  .hub-nav{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    width:100%;
    max-width:100%;
    padding:6px;
    overflow:visible;
    scroll-snap-type:none;
  }
  .hub-nav>.hub-nav__item,
  .hub-nav>.hub-nav__item:not([data-community-nav="profile"]):not([data-community-nav="notifications"]){
    order:0;
    width:100%;
    min-width:0;
    min-height:48px;
    padding:5px 4px;
    gap:4px;
    justify-content:center;
    font-size:.76rem;
    overflow:hidden;
  }
  .hub-nav__icon{inline-size:25px;block-size:25px;flex-basis:25px;border-radius:8px}
  .hub-nav__icon .hub-action-icon{inline-size:14px;block-size:14px;flex-basis:14px}
  .hub-nav__label{min-width:0;min-block-size:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hub-nav__count{min-width:19px;height:19px;padding-inline:4px;font-size:.65rem}
  .hub-nav__item[data-community-nav="profile"]{margin-inline-start:0}
  .hub-nav__item[data-community-nav="profile"]::before{display:none}
  .hub-nav__item.is-active::after,
  .hub-nav__item[aria-current="page"]::after{inset-inline:8px;inset-block-end:2px}
}

/* Community Mobile Nav V2.1 — preserve full Arabic labels on narrow phones. */
@media(max-width:430px){
  .hub-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hub-nav>.hub-nav__item,
  .hub-nav>.hub-nav__item:not([data-community-nav="profile"]):not([data-community-nav="notifications"]){font-size:.78rem;padding-inline:5px}
  .hub-nav__label{overflow:visible;text-overflow:clip}
}

/* Reputation V2 — transparent reputation and XP guidance. */
.hub-profile-metric__learn{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--ds-text-link);font-size:.66rem;font-weight:850;text-decoration:none}
.hub-profile-metric__learn:hover{text-decoration:underline;text-underline-offset:3px}
.hub-profile-metric__learn .hub-action-icon{width:12px;height:12px;flex-basis:12px}
.hub-profile-progression{display:grid;gap:12px;margin-top:12px;padding:14px 16px;border:1px solid var(--ds-border-subtle);border-radius:14px;background:var(--ds-surface-subtle)}
.hub-profile-progression__head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.hub-profile-progression__head>div{display:flex;align-items:center;gap:9px}
.hub-profile-progression__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent-secondary) 10%,var(--ds-surface-base));color:var(--ds-text-link)}
.hub-profile-progression__icon .hub-action-icon{width:17px;height:17px;flex-basis:17px}
.hub-profile-progression__head>div>div{display:grid;gap:1px}
.hub-profile-progression__head span{color:var(--ds-text-muted);font-size:.68rem;font-weight:800}
.hub-profile-progression__head strong{color:var(--ds-text-strong);font-size:.86rem}
.hub-profile-progression__head>a{display:inline-flex;align-items:center;gap:6px;color:var(--ds-text-link);font-size:.7rem;font-weight:900;text-decoration:none}
.hub-profile-progression__head>a:hover{text-decoration:underline;text-underline-offset:3px}
.hub-profile-progression__head>a .hub-action-icon{width:14px;height:14px;flex-basis:14px}
.hub-profile-progression__bar{display:grid;gap:7px}
.hub-profile-progression__bar>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hub-profile-progression__bar span{color:var(--ds-text-strong);font-size:.76rem;font-weight:950;font-variant-numeric:tabular-nums}
.hub-profile-progression__bar small{color:var(--ds-text-muted);font-size:.66rem;font-weight:750}
.hub-profile-progression__bar progress{width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;background:var(--ds-surface-base)}
.hub-profile-progression__bar progress::-webkit-progress-bar{background:var(--ds-surface-base);border-radius:999px}
.hub-profile-progression__bar progress::-webkit-progress-value{background:var(--accent-secondary);border-radius:999px}
.hub-profile-progression__bar progress::-moz-progress-bar{background:var(--accent-secondary);border-radius:999px}
.hub-reputation-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hub-reputation-breakdown__item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--ds-border-subtle);border-radius:10px;background:var(--ds-surface-base)}
.hub-reputation-breakdown__item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ds-surface-subtle);color:var(--ds-text-link)}
.hub-reputation-breakdown__item>span .hub-action-icon{width:14px;height:14px;flex-basis:14px}
.hub-reputation-breakdown__item>div{display:grid;gap:1px;min-width:0}
.hub-reputation-breakdown__item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-strong);font-size:.68rem}
.hub-reputation-breakdown__item small{color:var(--ds-text-muted);font-size:.61rem;font-weight:750;font-variant-numeric:tabular-nums}
.hub-reputation-breakdown--empty{grid-template-columns:34px minmax(0,1fr);align-items:center;padding:10px;border:1px dashed var(--ds-border-subtle);border-radius:10px;background:var(--ds-surface-base)}
.hub-reputation-breakdown--empty>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--ds-surface-subtle);color:var(--ds-text-link)}
.hub-reputation-breakdown--empty>span .hub-action-icon{width:16px;height:16px;flex-basis:16px}
.hub-reputation-breakdown--empty>div{display:grid;gap:2px}.hub-reputation-breakdown--empty strong{font-size:.72rem}.hub-reputation-breakdown--empty small{color:var(--ds-text-muted);font-size:.64rem;line-height:1.5}
.hub-reputation-guide-page{width:min(1180px,calc(100% - 32px))}
.hub-reputation-guide{width:min(980px,100%);margin-inline:auto;display:grid;gap:16px}
.hub-reputation-guide__hero{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;padding:24px;border:1px solid var(--ds-border-subtle);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 7%,var(--ds-surface-base)),var(--ds-surface-base) 55%)}
.hub-reputation-guide__hero-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--accent-secondary) 28%,var(--ds-border-subtle));border-radius:16px;background:color-mix(in srgb,var(--accent-secondary) 10%,var(--ds-surface-base));color:var(--ds-text-link)}
.hub-reputation-guide__hero-icon .hub-action-icon{width:26px;height:26px;flex-basis:26px}
.hub-reputation-guide__hero h1{margin:3px 0 5px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.25}
.hub-reputation-guide__hero p{max-width:760px;margin:0;color:var(--ds-text-muted);font-size:.9rem;line-height:1.8}
.hub-reputation-guide__principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hub-reputation-guide__principles article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px;border:1px solid var(--ds-border-subtle);border-radius:14px;background:var(--ds-surface-base)}
.hub-reputation-guide__principles article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--ds-surface-subtle);color:var(--ds-text-link)}
.hub-reputation-guide__principles .hub-action-icon{width:19px;height:19px;flex-basis:19px}.hub-reputation-guide__principles strong{font-size:.88rem}.hub-reputation-guide__principles p{margin:4px 0 0;color:var(--ds-text-muted);font-size:.75rem;line-height:1.7}
.hub-reputation-guide__mine,.hub-reputation-guide__section,.hub-reputation-guide__note{padding:17px;border:1px solid var(--ds-border-subtle);border-radius:15px;background:var(--ds-surface-base)}
.hub-reputation-guide__mine>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.hub-reputation-guide__mine h2,.hub-reputation-guide__section h2{margin:2px 0 0;font-size:1.05rem}
.hub-reputation-guide__mine>header>div:last-child{display:grid;grid-template-columns:auto auto;gap:2px 7px;align-items:baseline;text-align:end}
.hub-reputation-guide__mine>header>div:last-child strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.hub-reputation-guide__mine>header>div:last-child span{color:var(--ds-text-muted);font-size:.67rem;font-weight:800}
.hub-reputation-guide__section{display:grid;gap:12px}
.hub-reputation-guide__section>header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}
.hub-reputation-guide__section>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ds-surface-subtle);color:var(--ds-text-link)}
.hub-reputation-guide__section>header .hub-action-icon{width:17px;height:17px;flex-basis:17px}
.hub-reputation-guide__section>header p{margin:4px 0 0;color:var(--ds-text-muted);font-size:.72rem;line-height:1.65}
.hub-reputation-guide__list{display:grid;gap:6px}
.hub-reputation-guide__row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--ds-divider);border-radius:10px;background:var(--ds-surface-subtle)}
.hub-reputation-guide__row-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--ds-surface-base);color:var(--ds-text-link)}
.hub-reputation-guide__row-icon .hub-action-icon{width:16px;height:16px;flex-basis:16px}
.hub-reputation-guide__row>div:nth-child(2){min-width:0}.hub-reputation-guide__row strong{font-size:.78rem}.hub-reputation-guide__row p{margin:2px 0 0;color:var(--ds-text-muted);font-size:.67rem;line-height:1.55}
.hub-reputation-guide__rewards{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.hub-reputation-guide__rewards b{display:inline-flex;align-items:center;min-height:25px;padding:4px 7px;border:1px solid var(--ds-border-subtle);border-radius:999px;background:var(--ds-surface-base);font-size:.64rem;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.hub-reputation-guide__rewards .is-reputation{color:var(--ds-warning)}.hub-reputation-guide__rewards .is-xp{color:var(--ds-info)}
.hub-reputation-guide__note{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:start;background:var(--ds-surface-subtle)}
.hub-reputation-guide__note>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--ds-surface-base);color:var(--ds-text-link)}
.hub-reputation-guide__note .hub-action-icon{width:18px;height:18px;flex-basis:18px}.hub-reputation-guide__note strong{font-size:.82rem}.hub-reputation-guide__note p{margin:4px 0 0;color:var(--ds-text-muted);font-size:.72rem;line-height:1.7}
@media(max-width:720px){
  .hub-reputation-guide-page{width:min(100% - 20px,1180px)}
  .hub-reputation-guide__hero{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:18px}.hub-reputation-guide__hero-icon{width:46px;height:46px;border-radius:12px}.hub-reputation-guide__hero-icon .hub-action-icon{width:21px;height:21px;flex-basis:21px}
  .hub-reputation-guide__hero h1{font-size:1.75rem}.hub-reputation-guide__hero p{font-size:.8rem}
  .hub-reputation-guide__principles{grid-template-columns:1fr}.hub-reputation-guide__mine>header{align-items:flex-start;flex-direction:column}.hub-reputation-guide__mine>header>div:last-child{text-align:start}
  .hub-reputation-breakdown{grid-template-columns:1fr 1fr}.hub-reputation-guide__row{grid-template-columns:34px minmax(0,1fr)}.hub-reputation-guide__rewards{grid-column:2;justify-content:flex-start}
  .hub-profile-progression__head{align-items:flex-start;flex-direction:column}.hub-reputation-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){.hub-reputation-breakdown{grid-template-columns:1fr}.hub-reputation-guide__hero p{font-size:.76rem}.hub-reputation-guide__section,.hub-reputation-guide__mine,.hub-reputation-guide__note{padding:13px}}

/* Reputation V2.1 — progression spans the full profile hero instead of becoming a third-column card. */
.hub-profile-v2__hero>.hub-profile-progression{grid-column:1/-1;width:100%;margin-top:0}

/* Reputation V2.2 — human source list, no nested metric cards. */
.hub-profile-v2__hero>.hub-profile-progression{grid-column:1/-1;width:100%;margin-top:0}
.hub-profile-progression{padding:16px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-secondary) 4%,var(--ds-surface-subtle)),var(--ds-surface-subtle) 62%)}
.hub-reputation-breakdown{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--ds-divider);padding-top:11px}
.hub-reputation-breakdown__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px 9px}
.hub-reputation-breakdown__head>div{display:flex;align-items:center;gap:8px;min-width:0}
.hub-reputation-breakdown__head>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--accent-secondary) 9%,var(--ds-surface-base));color:var(--ds-text-link)}
.hub-reputation-breakdown__head>div>span .hub-action-icon{width:14px;height:14px;flex-basis:14px}
.hub-reputation-breakdown__head>div>div{display:grid;gap:1px;min-width:0}
.hub-reputation-breakdown__head strong{font-size:.74rem;color:var(--ds-text-strong)}
.hub-reputation-breakdown__head small{font-size:.62rem;color:var(--ds-text-muted)}
.hub-reputation-breakdown__head>a{color:var(--ds-text-link);font-size:.64rem;font-weight:850;text-decoration:none;white-space:nowrap}
.hub-reputation-breakdown__head>a:hover{text-decoration:underline;text-underline-offset:3px}
.hub-reputation-breakdown__list{display:grid}
.hub-reputation-breakdown__item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;border:0;border-bottom:1px solid var(--ds-divider);border-radius:0;background:transparent}
.hub-reputation-breakdown__item:last-child{border-bottom:0;padding-bottom:2px}
.hub-reputation-breakdown__icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ds-border-subtle);border-radius:10px;background:var(--ds-surface-base);color:var(--ds-text-link)}
.hub-reputation-breakdown__icon .hub-action-icon{width:16px;height:16px;flex-basis:16px}
.hub-reputation-breakdown__item--editorial .hub-reputation-breakdown__icon{border-color:color-mix(in srgb,var(--warning) 28%,var(--ds-border-subtle));background:color-mix(in srgb,var(--warning) 7%,var(--ds-surface-base));color:var(--ds-warning)}
.hub-reputation-breakdown__item--solutions .hub-reputation-breakdown__icon{border-color:color-mix(in srgb,var(--success) 28%,var(--ds-border-subtle));background:color-mix(in srgb,var(--success) 7%,var(--ds-surface-base));color:var(--ds-success)}
.hub-reputation-breakdown__item--activity .hub-reputation-breakdown__icon{border-color:color-mix(in srgb,var(--accent-secondary) 28%,var(--ds-border-subtle));background:color-mix(in srgb,var(--accent-secondary) 7%,var(--ds-surface-base));color:var(--ds-info)}
.hub-reputation-breakdown__copy{display:grid;gap:2px;min-width:0}
.hub-reputation-breakdown__copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-strong);font-size:.76rem}
.hub-reputation-breakdown__copy>small{color:var(--ds-text-muted);font-size:.62rem;line-height:1.45}
.hub-reputation-breakdown__copy>i{display:block;width:min(280px,100%);height:4px;margin-top:4px;border-radius:999px;background:var(--ds-surface-base);overflow:hidden}
.hub-reputation-breakdown__copy>i>b{display:block;width:var(--reputation-source-strength);height:100%;border-radius:inherit;background:var(--accent-secondary)}
.hub-reputation-breakdown__item.is-xp-only .hub-reputation-breakdown__copy>i>b{background:var(--ds-info)}
.hub-reputation-breakdown__values{display:grid;grid-template-columns:repeat(2,minmax(54px,auto));gap:5px;text-align:center}
.hub-reputation-breakdown__values>span{display:grid;gap:1px;min-width:58px;padding:5px 7px;border-radius:8px;background:var(--ds-surface-base)}
.hub-reputation-breakdown__values b{font-size:.76rem;font-weight:950;font-variant-numeric:tabular-nums;color:var(--ds-text-strong)}
.hub-reputation-breakdown__values small{font-size:.56rem;font-weight:800;color:var(--ds-text-muted);white-space:nowrap}
.hub-reputation-breakdown__values .is-reputation b{color:var(--ds-warning)}
.hub-reputation-breakdown__values .is-xp b{color:var(--ds-info)}
.hub-reputation-breakdown__values .is-xp-only{border:1px dashed var(--ds-border-subtle);background:transparent}
.hub-reputation-breakdown__values .is-xp-only b{font-size:.68rem;color:var(--ds-text-muted)}
@media(max-width:720px){
  .hub-profile-progression{padding:14px}
  .hub-reputation-breakdown__head{align-items:flex-start}
  .hub-reputation-breakdown__item{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px 0}
  .hub-reputation-breakdown__icon{width:34px;height:34px}
  .hub-reputation-breakdown__values{grid-column:2;justify-self:start;grid-template-columns:repeat(2,auto);text-align:start}
  .hub-reputation-breakdown__values>span{min-width:0;padding:4px 7px}
  .hub-reputation-breakdown__copy>i{width:100%}
}

/* Reputation V2.3 — values read as metrics, not nested mini-cards. */
.hub-reputation-breakdown__values{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;text-align:end}
.hub-reputation-breakdown__values>span{display:inline-flex;align-items:baseline;gap:4px;min-width:0;padding:0;border:0;border-radius:0;background:transparent}
.hub-reputation-breakdown__values>span+span::before{content:'·';margin-inline-end:8px;color:var(--ds-text-muted);font-weight:700}
.hub-reputation-breakdown__values b{font-size:.82rem}
.hub-reputation-breakdown__values small{font-size:.58rem}
.hub-reputation-breakdown__values .is-xp-only{border:0;background:transparent}
.hub-reputation-breakdown__values .is-xp-only b{font-size:.82rem;color:var(--ds-info)}
@media(max-width:720px){
  .hub-reputation-breakdown__values{grid-column:2;display:flex;justify-content:flex-start;text-align:start;gap:10px}
}

/* Profile Mobile V6 — clearer 2x2 metrics, separated reputation help, calmer progression. */
.hub-profile-v2__metrics .hub-profile-metric--reputation{
  grid-template-areas:"label icon" "value value" "learn learn";
}
.hub-profile-metric__learn{
  grid-area:learn;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  margin-top:7px;
  padding-top:8px;
  border-top:1px solid var(--ds-divider);
  white-space:normal;
  line-height:1.45;
}
.hub-profile-metric__learn span{display:block;min-width:0}
@media(max-width:680px){
  .hub-profile-v2__hero{
    grid-template-areas:
      "avatar identity"
      "bio bio"
      "meta meta"
      "status status"
      "actions actions"
      "metrics metrics"
      "progression progression";
    gap:12px 11px;
    padding:16px;
  }
  .hub-profile-v2__metrics{
    grid-area:metrics;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:5px;
  }
  .hub-profile-v2__metrics .hub-profile-metric{
    min-height:112px;
    padding:12px 11px;
    gap:5px 9px;
    text-align:initial;
  }
  .hub-profile-v2__metrics .hub-profile-metric:not(.hub-profile-metric--reputation){
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"label icon" "value value";
    justify-items:stretch;
  }
  .hub-profile-v2__metrics .hub-profile-metric--reputation{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"label icon" "value value" "learn learn";
    min-height:136px;
  }
  .hub-profile-v2__metrics .hub-profile-metric dt{
    justify-content:flex-start;
    font-size:.73rem;
    line-height:1.35;
  }
  .hub-profile-v2__metrics .hub-profile-metric dd{
    align-self:end;
    margin-top:7px;
    font-size:1.42rem;
    text-align:center;
  }
  .hub-profile-v2__metrics .hub-profile-metric__icon{
    width:36px;
    height:36px;
    border-radius:10px;
  }
  .hub-profile-metric__learn{
    justify-content:center;
    min-height:31px;
    margin-top:5px;
    padding-top:8px;
    font-size:.69rem;
    text-align:center;
  }
  .hub-profile-v2__hero>.hub-profile-progression{
    grid-area:progression;
    grid-column:1/-1;
    width:100%;
    margin-top:0;
    padding:14px;
    gap:14px;
  }
  .hub-profile-progression__head{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .hub-profile-progression__head>a{
    justify-self:start;
    padding-top:2px;
    font-size:.72rem;
    line-height:1.45;
    white-space:normal;
  }
  .hub-profile-progression__bar>div{
    align-items:flex-start;
    gap:6px;
  }
  .hub-profile-progression__bar span{font-size:.82rem}
  .hub-profile-progression__bar small{font-size:.69rem;line-height:1.4}
  .hub-reputation-breakdown__head{
    gap:8px;
    flex-wrap:wrap;
  }
  .hub-reputation-breakdown__head>a{
    margin-inline-start:38px;
    white-space:normal;
  }
  .hub-reputation-breakdown__item{
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
    padding:12px 0;
  }
  .hub-reputation-breakdown__values{
    grid-column:2;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:6px 10px;
    text-align:start;
  }
}
@media(max-width:390px){
  .hub-profile-v2__hero{padding:14px}
  .hub-profile-v2__metrics{gap:8px}
  .hub-profile-v2__metrics .hub-profile-metric{padding:11px 9px}
  .hub-profile-v2__metrics .hub-profile-metric dt{font-size:.7rem}
  .hub-profile-v2__metrics .hub-profile-metric dd{font-size:1.34rem}
}

/* Community Nav V2.2 — notification badge never collides with its label. */
.hub-nav__item[data-community-nav="notifications"]{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"icon label count";
  align-items:center;
  column-gap:8px;
}
.hub-nav__item[data-community-nav="notifications"] .hub-nav__icon{grid-area:icon}
.hub-nav__item[data-community-nav="notifications"] .hub-nav__label{grid-area:label;min-width:0}
.hub-nav__item[data-community-nav="notifications"] .hub-nav__count{
  grid-area:count;
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:24px;
  padding-inline:7px;
  margin:0;
  border-radius:999px;
  flex:0 0 auto;
  font-size:.72rem;
  font-weight:950;
  line-height:1;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
@media(max-width:560px){
  .hub-nav__item[data-community-nav="notifications"]{
    grid-template-columns:25px minmax(0,1fr) auto;
    column-gap:6px;
    padding-inline:7px;
    overflow:visible;
  }
  .hub-nav__item[data-community-nav="notifications"] .hub-nav__label{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .hub-nav__item[data-community-nav="notifications"] .hub-nav__count{
    min-width:32px;
    height:22px;
    padding-inline:6px;
    font-size:.7rem;
  }
}
@media(max-width:430px){
  .hub-nav__item[data-community-nav="notifications"]{
    grid-template-columns:24px minmax(0,1fr) auto;
    column-gap:5px;
    padding-inline:6px;
  }
  .hub-nav__item[data-community-nav="notifications"] .hub-nav__count{
    min-width:31px;
    height:22px;
    padding-inline:5px;
    font-size:.68rem;
  }
}

/* Profile Sidebar Width V1 — roomier identity rail on desktop. */
@media (min-width:1281px){
  .hub-profile-v2__layout{
    grid-template-columns:minmax(0,1fr) 380px!important;
    gap:24px!important;
  }
  .hub-profile-v2__side .hub-profile-side-card{
    padding:20px!important;
  }
}
@media (min-width:981px) and (max-width:1280px){
  .hub-profile-v2__layout{
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:20px!important;
  }
}

/* Public Canvas V1 — wider desktop platform canvas without widening reading columns. */
@media (min-width:1281px){
  .hub-shell,
  .hub-profile-v2,
  .hub-notifications-page,
  .hub-reputation-guide-page{
    width:min(1480px,calc(100% - 32px))!important;
    max-width:1480px!important;
  }
}