/* Use the entrance navy across the Hub's dark interface surfaces. */
.commons{--hub-navy:#080f1b;--hub-navy-hover:#142237;--hub-status-gold:#e5c77e}
.commons dialog,
.commons .topbar,
.commons .hub-footer,
.commons .guest-information,
.commons .notice,
.commons .layout>aside>a.muted,
.commons .post-action-row,
.commons .post-feedback-panel,
.commons .work-side-reactions,
.commons .work-side-actions,
.commons .reaction-member-list,
.commons .notification-popup-top,
.commons .forum-link-card,
.commons .mention-picker,
.commons .article-editor,
.commons .editor-content,
.commons .editor-toolbar,
.commons .editor-format-toggle,
.commons .editor-link-previews,
.commons .comment,
.commons .aurora-work>h2,
.commons .mobile-work-caption,
.commons .work-post-label,
.commons .dm-history.message-list,
.commons .messages-popup .dm-members,
.commons .messages-popup .dm-history,
.commons .messages-popup .dm-member,
.commons .mobile-side-drawer,
.commons .mobile-floating-nav:not([hidden]),
.commons .mobile-five-tabs:not([hidden]){background:var(--hub-navy)}

.commons input,
.commons .secondary,
.commons textarea,
.commons select,
.commons .top-inner .search-collapsible .search,
.commons .mobile-primary .search-collapsible .search,
.commons .nav button,
.commons #hub-notifications,
.commons .mobile-five-tabs button,
.commons .mobile-five-tabs #hub-notifications,
.commons .forum-section-symbol,
.commons .top-inner .mobile-profile-menu:not([hidden]),
.commons .forum-image-close{background:var(--hub-navy)}

.commons .nav button:hover,
.commons .nav button.active,
.commons .messages-popup .dm-member:hover,
.commons .messages-popup .dm-member.is-selected,
.commons .editor-toolbar button:hover,
.commons .editor-toolbar button:focus-visible{background:var(--hub-navy-hover)}
.commons .mobile-floating-nav button.active,
.commons .mobile-floating-nav button[aria-current=page]{background:var(--hub-navy)!important}

.commons .top-inner #hub-auth-status{color:var(--hub-status-gold);background:var(--hub-navy);border-radius:6px}
.commons .top-inner #hub-auth-status:not(:empty){padding:5px 8px}
.commons .messages-popup .dm-members,
.commons .messages-popup .dm-history{scrollbar-color:#65758b var(--hub-navy)}

/* Light mode retains the original smoked-glass cards and feed-edge safeguards. */
html[data-hub-theme="dark"] .commons .card,
html[data-hub-theme="dark"] .commons #content>.card{background:var(--hub-navy)}
.commons .hub-theme-picker{margin:14px 0;padding:12px;border:1px solid #c3dcef55;border-radius:11px;background:var(--hub-navy);color:#edf4fa;min-width:0}
.hub-theme-picker legend{font-size:12px;padding:0 5px;color:#e5c77e}
.hub-theme-options{display:flex;gap:8px}
.commons .hub-theme-picker label{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;margin:0;padding:8px 5px;border:1px solid #c3dcef55;border-radius:7px;font-size:12px;cursor:pointer}
.commons .hub-theme-picker input{width:14px;height:14px;margin:0;padding:0;accent-color:#e5c77e}
.hub-theme-picker label:has(input:checked){border-color:#e5c77e;background:#142237;color:#fff}
.hub-theme-picker label:focus-within{outline:2px solid #fff;outline-offset:2px}
@media(max-width:650px){.hub-theme-desktop{display:none}}

/* Follow the image's printed frame, including when object-fit adds letterboxing. */
.commons img[src*="equitable-front-card-social-20261024.jpg"]{
 background:transparent;
 -webkit-mask:url('assets/equitable-card-mask.svg') center/contain no-repeat;
 mask:url('assets/equitable-card-mask.svg') center/contain no-repeat;
}

/* Distinguish each conversation's parent post from its individual comments. */
html .commons #content article.card:has(.post-disclosure),
html .commons #content #posts>article.card{background:var(--hub-navy);color:#edf4fa}
.commons #content .feed-comments,.commons #content .discussion-replies{margin-top:20px;padding-top:14px;border-top:1px solid #9ac4e366}
.commons #content .feed-comments>summary{color:#d5eafa;padding:8px 0 12px}
.commons #content .comment,.commons .shared-media-dialog .media-comment{
 background:#c9e3f3;color:#132e43;border:1px solid #a5cce4;border-left:3px solid #75acce;
 border-radius:12px;padding:16px;margin:12px 0;line-height:1.65;overflow-wrap:anywhere;text-shadow:none
}
.commons #content .comment .muted,.commons #content .comment .contribution-receipt,
.commons #content .comment .member-profile-link,.commons .media-comment small{color:#35586f}
.commons #content .comment .article-body,.commons #content .comment .discussion-text{color:#132e43;margin:10px 0}
.commons #content .comment .article-body a,.commons #content .comment .discussion-text a{color:#174d70}
.commons #content .comment .article-body blockquote{color:#35586f;border-color:#598dab}
.commons #content .comment .contribution-receipt .secondary{color:#edf4fa}
.commons #content .comment .post-action-row,.commons #content .comment .post-feedback-panel{color:#edf4fa}
.commons #content .feed-comment-list,.commons #content .discussion-replies{min-width:0}
@media(max-width:650px){
 .commons #content .comment{padding:13px;margin:10px 0}
 .commons #content .post-feedback-panel>.feed-comments{margin-top:10px;padding-top:12px;border-top:1px solid #9ac4e366}
}