/* Bs2Fix social theme v5 — maintain existing daylight design, accessible dark surfaces */
:root{
  --bs-theme-bg:#f3f5f9;
  --bs-theme-panel:#fff;
  --bs-theme-panel2:#f5f7fb;
  --bs-theme-edge:#e3e8f0;
  --bs-theme-heading:#16243b;
  --bs-theme-body:#35445d;
  --bs-theme-muted:#71849a;
  --bs-theme-blue:#286de1;
}
html.dark{
  color-scheme:dark;
  --bs-theme-bg:#0d1523;
  --bs-theme-panel:#182536;
  --bs-theme-panel2:#202f43;
  --bs-theme-edge:#33445a;
  --bs-theme-heading:#eef3fc;
  --bs-theme-body:#d7e2f0;
  --bs-theme-muted:#b1bfd1;
  --bs-theme-blue:#8bb9ff;
}
html.dark body.social-redesign,
html.dark body.social-redesign .tech-grid{background:#0d1523!important;color:var(--bs-theme-body)}
html.dark .social-redesign main{color:var(--bs-theme-body)}
html.dark .social-redesign .social-home,
html.dark .social-redesign .social-feed-section{color:var(--bs-theme-body)}
html.dark .social-redesign .social-post-card,
html.dark .social-redesign #feed-container article.social-post-card,
html.dark .social-redesign .social-composer,
html.dark .social-redesign .social-guest-card,
html.dark .social-redesign .social-search-box,
html.dark .social-redesign .social-two-tabs,
html.dark .social-redesign .social-side-nav>div,
html.dark .social-redesign .social-side-info>section:not(:last-child),
html.dark .social-redesign .social-side-info>form,
html.dark .social-redesign .social-empty,
html.dark .social-redesign .fix-publisher,
html.dark .social-redesign .fix-guest,
html.dark .social-redesign .fix-filter-tabs,
html.dark .social-redesign .fix-shortcut,
html.dark .social-redesign .fix-search-community,
html.dark .social-redesign .social-inbox-list,
html.dark .social-redesign .social-inbox-tools,
html.dark .social-redesign .social-chat,
html.dark .social-redesign .social-chat-header,
html.dark .social-redesign .social-chat-compose,
html.dark .social-redesign .social-notify-panel,
html.dark .social-redesign .social-profile-page>section,
html.dark .social-redesign .social-profile-edit form>section,
html.dark .social-redesign .social-saved-item{
 background:var(--bs-theme-panel)!important;
 border-color:var(--bs-theme-edge)!important;
 color:var(--bs-theme-body);
 box-shadow:0 8px 24px rgba(0,0,0,.10)!important
}
html.dark .social-redesign .social-post-card:hover,
html.dark .social-redesign .social-saved-item:hover{border-color:#526b90!important}
html.dark .social-redesign .social-post-header,
html.dark .social-redesign .social-feed-heading,
html.dark .social-redesign .social-page-header{color:var(--bs-theme-body)}
html.dark .social-redesign .social-page-header h1,
html.dark .social-redesign .social-page-heading h1,
html.dark .social-redesign .social-feed-heading h2,
html.dark .social-redesign .social-publisher-heading h2,
html.dark .social-redesign .social-author-name,
html.dark .social-redesign .social-question-title,
html.dark .social-redesign .social-post-text,
html.dark .social-redesign .social-file-info strong,
html.dark .social-redesign .social-guest-card strong,
html.dark .social-redesign .social-saved-main strong,
html.dark .social-redesign .social-inbox-row strong,
html.dark .social-redesign .social-chat-person strong,
html.dark .social-redesign .social-comment-user a,
html.dark .social-redesign .social-reply strong,
html.dark .social-redesign .social-notify-heading-title h2,
html.dark .social-redesign .social-notify-item-text strong,
html.dark .social-redesign h1,
html.dark .social-redesign h2,
html.dark .social-redesign h3{color:var(--bs-theme-heading)}
html.dark .social-redesign .social-page-header p,
html.dark .social-redesign .social-feed-heading span,
html.dark .social-redesign .social-post-subline,
html.dark .social-redesign .social-file-note,
html.dark .social-redesign .social-file-footer,
html.dark .social-redesign .social-question-summary .social-device-labels,
html.dark .social-redesign .social-reaction-summary,
html.dark .social-redesign .social-comment-tools,
html.dark .social-redesign .social-saved-main small,
html.dark .social-redesign .social-inbox-preview,
html.dark .social-redesign .social-chat-person small,
html.dark .social-redesign .social-notify-item-text>span,
html.dark .social-redesign .social-notify-footer{color:var(--bs-theme-muted)!important}
html.dark .social-redesign .social-prompt-button,
html.dark .social-redesign .social-comment-bubble,
html.dark .social-redesign .social-comment-entry,
html.dark .social-redesign .social-file-preview,
html.dark .social-redesign .social-device-labels span,
html.dark .social-redesign .social-guest-actions a:first-child,
html.dark .social-redesign .fix-field,
html.dark .social-redesign .social-upload-drop,
html.dark .social-redesign .social-search-post,
html.dark .social-redesign .social-search-box input,
html.dark .social-redesign .social-search-post-icon,
html.dark .social-redesign .social-reply-form input,
html.dark .social-redesign .social-file-symbol,
html.dark .social-redesign .fix-details,
html.dark .social-redesign .fix-upload-drop,
html.dark .social-redesign .fix-file-input,
html.dark .social-redesign .social-notify-item,
html.dark .social-redesign .social-chat-input-row,
html.dark .social-redesign .social-profile-page .grid.grid-cols-2>div,
html.dark .social-redesign .social-profile-edit form input,
html.dark .social-redesign .social-profile-edit form textarea{
 background:var(--bs-theme-panel2)!important;
 border-color:var(--bs-theme-edge)!important;
 color:var(--bs-theme-body)!important
}
html.dark .social-redesign input,
html.dark .social-redesign select,
html.dark .social-redesign textarea{
 color:var(--bs-theme-heading);
 caret-color:#a3c7ff
}
html.dark .social-redesign input::placeholder,
html.dark .social-redesign textarea::placeholder{color:#aab9cd!important;opacity:1}
html.dark .social-redesign .social-prompt-button:hover,
html.dark .social-redesign .social-composer-actions a:hover,
html.dark .social-redesign .social-composer-actions button:hover,
html.dark .social-redesign .social-post-actions button:hover,
html.dark .social-redesign .social-side-nav a:hover,
html.dark .social-redesign .social-side-nav button:hover,
html.dark .social-redesign .social-inbox-person:hover,
html.dark .social-redesign .social-file-preview:hover{background:#2a3c56!important;color:#c9ddff!important}
html.dark .social-redesign .social-composer-actions,
html.dark .social-redesign .social-post-actions,
html.dark .social-redesign .social-post-comments,
html.dark .social-redesign .social-post-header,
html.dark .social-redesign .social-two-tabs,
html.dark .social-redesign .social-chat-header,
html.dark .social-redesign .social-chat-compose,
html.dark .social-redesign .social-inbox-person,
html.dark .social-redesign .social-notify-heading,
html.dark .social-redesign .social-notify-tabs,
html.dark .social-redesign .social-notify-footer{
 border-color:var(--bs-theme-edge)!important
}
html.dark .social-redesign .social-compose-expanded,
html.dark .social-redesign .social-chat-body,
html.dark .social-redesign .social-extra-details,
html.dark .social-redesign .social-menu-dropdown,
html.dark .social-redesign .social-notify-content,
html.dark .social-redesign .social-notify-item.is-read,
html.dark .social-redesign .social-comment-bubble{
 background:#202f43!important;border-color:var(--bs-theme-edge)!important
}
html.dark .social-redesign .social-comment-bubble.best-answer,
html.dark .social-redesign .seo-accepted-answer{background:#13382f!important;border-color:#306f59!important;color:#e5fff2}
html.dark .social-redesign .social-comment-text,
html.dark .social-redesign .social-chat-body p,
html.dark .social-redesign .social-file-info>span,
html.dark .social-redesign .social-search-post-main>b,
html.dark .social-redesign .social-search-post-main>small{color:#dce7f5!important}
html.dark .social-redesign .social-post-actions button,
html.dark .social-redesign .social-composer-actions button,
html.dark .social-redesign .social-composer-actions a,
html.dark .social-redesign .social-comment-tools button,
html.dark .social-redesign .social-thread-trigger{color:#c0cfe3}
html.dark .social-redesign .social-two-tabs a,
html.dark .social-redesign .social-subfilters a,
html.dark .social-redesign .social-filter-tabs a{color:#c1d1e5}
html.dark .social-redesign .social-two-tabs a.active,
html.dark .social-redesign .social-subfilters a.active,
html.dark .social-redesign .social-post-actions button.selected{
 background:#294368!important;color:#a8ccff!important;border-color:#4268a1!important
}
html.dark .social-redesign .social-two-tabs a:hover,
html.dark .social-redesign .social-subfilters a:hover{background:#293c56;color:white}
html.dark .social-redesign .social-subfilters a{background:#1b293c;border-color:#364a65}
html.dark .social-redesign .social-post-menu .social-menu-dropdown{background:#1a293e!important;border:1px solid #3c4e65!important}
html.dark .social-redesign .social-post-menu .social-menu-dropdown a,
html.dark .social-redesign .social-post-menu .social-menu-dropdown button,
html.dark .social-redesign .social-post-menu .social-menu-dropdown summary{color:#d7e5f7!important}
html.dark .social-redesign .social-post-menu .social-menu-dropdown a:hover,
html.dark .social-redesign .social-post-menu .social-menu-dropdown button:hover{background:#29405c}
html.dark .social-redesign .social-chat-body{background:#0f1b2c!important}
html.dark .social-redesign .social-message-row.mine .social-message-bubble{background:#24466d!important;border-color:#385e85!important}
html.dark .social-redesign .social-message-row.theirs .social-message-bubble{background:#213044!important}
html.dark .social-redesign .social-message-bubble p{color:#e4edf9!important}
html.dark .social-redesign .social-chat-input-row textarea{color:#e9f1fc!important;background:transparent!important}
html.dark .social-redesign .social-notify-tabs button.active{background:#2e4668!important;color:#bcd6ff!important}
html.dark .social-redesign .social-notify-close,
html.dark .social-redesign .social-chat-back{background:#2a3b51!important;color:#c4d3e5!important}
html.dark .social-redesign .social-saved-remove{background:#2c4160!important;color:#bad6ff!important}
html.dark .social-redesign .social-file-preview{border:1px solid #3c516c!important}
html.dark .social-redesign .social-post-photo{background:#121f31}
html.dark .social-redesign .social-avatar,
html.dark .social-redesign .social-comment-avatar,
html.dark .social-redesign .social-inbox-avatar{background:#324965;color:#deebff}
html.dark .social-redesign .social-new-activity{background:#233e5b!important;color:#c5e0ff!important;border-color:#476d93!important}
html.dark .social-redesign .social-profile-page .text-slate-600,
html.dark .social-redesign .social-profile-page .text-slate-700,
html.dark .social-redesign .social-profile-page .text-slate-500{color:#c3d1e4!important}
html.dark .social-redesign .social-profile-page section .bg-slate-50,
html.dark .social-redesign .social-profile-page section .bg-slate-100{background:#243449!important}
html.dark .social-redesign .social-profile-page .border-slate-200{border-color:#3a4a60!important}
html.dark .social-redesign .social-profile-edit .bg-white,
html.dark .social-redesign .fix-publisher .bg-white{background:#182536!important}
html.dark .social-redesign .social-profile-edit label{color:#dfebf8}
html.dark .social-redesign .fix-label{color:#d8e5f5}
html.dark .social-redesign .fix-details summary{color:#b8cbea}
html.dark .social-redesign .fix-upload-drop b{color:#eff5fe}
html.dark .social-redesign .fix-upload-drop small{color:#b8c9dd}
html.dark .social-redesign .fix-hero-search input{color:#193255!important}
html.dark .social-redesign .fix-hero-search input::placeholder{color:#7c899e!important}
/* Actual SEO content also styled for reading */
.seo-accepted-answer{border:1px solid #b9e7d3;background:#effcf6;border-radius:15px;padding:18px 20px;margin-bottom:14px}
.seo-answer-kicker{display:flex;align-items:center;gap:8px;color:#08785b;font-weight:900;font-size:12px;margin-bottom:9px}
.seo-accepted-answer p{color:inherit;font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}
.seo-accepted-answer a{display:inline-block;margin-top:9px;color:#2176cb;font-size:11px;font-weight:800}
html.dark .seo-accepted-answer .seo-answer-kicker{color:#84eec2}
html.dark .seo-accepted-answer a{color:#aad0ff}
/* Responsive: avoid squeezed cards or horizontal scrolling */
.social-redesign .social-home,
.social-redesign .fix-home,
.social-redesign main,
.social-redesign #feed-container,
.social-redesign .social-profile-page,
.social-redesign .social-chat,
.social-redesign .social-inbox{min-width:0;width:100%}
.social-redesign .social-file-preview strong,
.social-redesign .social-post-card,
.social-redesign .social-search-post-main,
.social-redesign .social-page-heading,
.social-redesign .social-page-header,
.social-redesign .social-profile-page{overflow-wrap:anywhere}
.social-redesign img{height:auto;max-width:100%}
@media(max-width:1279px){
  .social-redesign .social-side-nav{width:84px}
  .social-redesign .social-side-info{width:300px}
}
@media(min-width:768px) and (max-width:1100px){
  .social-redesign .social-side-info{display:none!important}
  .social-redesign .social-side-nav{width:78px}
}
@media(max-width:767px){
  .social-redesign .social-side-nav,.social-redesign .social-side-info{display:none!important}
  .social-redesign .social-home,.social-redesign .fix-home,.social-redesign .social-profile-page{max-width:100%}
  .social-redesign .social-post-card{border-radius:13px!important}
  .social-redesign .social-page-heading,.social-redesign .social-page-header{flex-wrap:wrap}
  .social-redesign .social-chat{max-width:100%;height:calc(100dvh - 126px)}
  .social-redesign .social-profile-page .grid.grid-cols-2{gap:6px}
}
@media(max-width:360px){
 .social-redesign .social-composer-actions button,.social-redesign .social-composer-actions a{font-size:9px;gap:4px}
 .social-redesign .social-post-actions button{font-size:9px;gap:4px}
 .social-redesign .social-post-actions button i{font-size:12px}
 .social-redesign .social-mobile-nav a{font-size:9px}
 .social-redesign .social-page-header h1{font-size:17px}
 .social-redesign .social-header-upload{font-size:9px;padding:8px}
 .social-redesign .social-comment-item{gap:5px}
 .social-redesign .social-comment-avatar{width:29px;height:29px}
 .social-redesign .social-file-preview{gap:7px}
 .social-redesign .social-file-symbol{width:37px;height:37px}
}
@media(prefers-reduced-motion:reduce){
 .social-redesign *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

.social-post-permalink{display:inline-flex;align-items:center;gap:6px;color:#3579d8;font-size:11px;font-weight:800;margin-top:5px}
.social-post-permalink:hover{text-decoration:underline}
html.dark .social-post-permalink{color:#a7d0ff}

html.dark .social-redesign .social-side-nav nav a[class*="bg-slate-950"]{background:#2b466b!important;color:#e0edff!important;box-shadow:none!important}
html.dark .social-redesign .social-side-nav nav a[class*="bg-slate-950"] span{color:#bdd9ff!important}

/* Search results: long BIOS and board numbers remain readable on phones */
.social-search-file-list article>div:first-child>div:first-child{flex:1;min-width:0}
.social-search-file-list h3{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;line-height:1.65}
.social-search-file-list h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere}
.social-search-file-list article .flex-shrink-0{flex-shrink:0}
html.dark .social-redesign .social-search-file-list article{background:#182536!important;border-color:#33445a!important;color:#dce8f8}
html.dark .social-redesign .social-search-file-list h3{color:#edf4fd!important}
html.dark .social-redesign .social-search-file-list .text-slate-500{color:#bfd0e2!important}
@media(max-width:500px){.social-search-file-list{padding:5px}.social-search-file-list article{padding:12px!important;border-radius:14px!important}.social-search-file-list article>div:first-child{gap:8px}.social-search-file-list article>div:first-child>div:first-child{gap:8px}.social-search-file-list article .w-12.h-12{width:37px;height:37px;border-radius:10px}.social-search-file-list article a.bg-emerald-600{padding:9px!important;border-radius:10px}.social-search-file-list .text-sm{font-size:11px}}