.ch-shell{width:100%;min-width:0;color:#27272a;font-size:14px;line-height:1.6}
.ch-shell *{box-sizing:border-box}.ch-shell a{color:inherit;text-decoration:none !important}.ch-shell a:hover{text-decoration:none !important}
.ch-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:none;overflow-x:auto;padding:0;margin:0 0 14px 0}.ch-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#27272a;font-size:13px;font-weight:700;text-decoration:none !important;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.ch-tabs a i{font-size:13px;color:inherit}.ch-tabs a:hover,.ch-tabs a:focus-visible,.ch-tabs a.selected,.ch-tabs .selected{background:#18181b;color:#fff;border-color:#18181b;text-decoration:none !important}
.ch-account{display:none !important}.ch-heading,.ch-actions,.ch-room-grid footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ch-heading{margin:0 0 14px}.ch-heading h2{margin:0;font-size:22px}
.ch-panel{padding:22px;border:1px solid #e4e4e7;border-radius:12px;background:#fff;margin:16px 0;min-width:0}.ch-panel h2{font-size:18px;margin:0 0 12px}.ch-panel p:last-child{margin-bottom:0}
.ch-shell button:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *):not(.mb-table-settings-dropdown *),.ch-shell .ch-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:#27272a;cursor:pointer;font:inherit;line-height:1.4;gap:6px;text-decoration:none !important}.ch-shell .ch-button{background:#18181b;color:#fff;border-color:#18181b;font-weight:700;text-decoration:none !important}.ch-shell button:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *):not(.mb-table-settings-dropdown *):hover{background:#f4f4f5;text-decoration:none !important}.ch-shell .ch-button:hover{background:#3f3f46;text-decoration:none !important}.ch-shell button:disabled{opacity:.55;cursor:wait}
.ch-shell input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *):not(.mb-table-settings-dropdown *):not(.mb-editor-modal *),.ch-shell select:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *):not(.mb-table-settings-dropdown *),.ch-shell textarea:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *):not(.mb-table-settings-dropdown *){width:100%;min-width:0;border:1px solid #d4d4d8;border-radius:8px;padding:10px 12px;background:#fff;color:#18181b;font:inherit;line-height:1.5}.ch-shell textarea{resize:vertical}.ch-shell input:focus-visible:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *),.ch-shell select:focus-visible:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *),.ch-shell textarea:focus-visible:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *),.ch-shell a:focus-visible,.ch-shell button:focus-visible:not([class*="mb-"]):not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *),.ch-shell summary:focus-visible{outline:2px solid #18181b;outline-offset:3px}.ch-shell label:not(.mb-editor-wrapper *):not(.mb-table-context-toolbar *):not(.mb-table-settings-dropdown *){display:grid;gap:7px;font-weight:600;margin:12px 0}.ch-shell label small{font-weight:400;color:#71717a}.ch-shell .ch-check{display:flex;align-items:center;gap:8px}.ch-check input{width:18px;height:18px}.ch-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ch-search{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ch-search label{margin:0}.ch-search-input{flex:1 1 220px}.ch-search select{max-width:210px}.ch-filters{display:flex;gap:16px;flex-wrap:wrap;padding:15px 0;color:#52525b;border-bottom:1px solid #e4e4e7}.ch-filters a{text-decoration:none !important;transition:color .15s ease}.ch-filters a:hover{color:#18181b;text-decoration:none !important}.ch-post-list{border-bottom:1px solid #e4e4e7}.ch-list-item{display:flex;gap:20px;padding:20px 0;border-top:1px solid #f4f4f5}.ch-list-stat{min-width:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:flex-start;padding:10px 7px;border:1px solid #e4e4e7;border-radius:8px}.ch-list-stat strong{font-size:20px}.ch-list-stat small{color:#71717a;font-size:12px}.ch-list-copy{min-width:0;flex:1}.ch-list-copy h3{font-size:18px;line-height:1.45;margin:5px 0;overflow-wrap:anywhere}.ch-list-copy h3 a{text-decoration:none !important;transition:color .15s ease}.ch-list-copy h3 a:hover{color:#09090b;text-decoration:none !important}.ch-list-copy p{margin:7px 0;color:#71717a;overflow-wrap:anywhere}.ch-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#71717a;font-size:12px}.ch-badge{display:inline-flex;border:1px solid #d4d4d8;padding:2px 8px;border-radius:5px;color:#18181b;background:#fafafa;font-size:11px;font-weight:700}.ch-empty{text-align:center;padding:55px 18px;color:#71717a;background:#fafafa;border-radius:12px;margin:16px 0}.ch-pagination{display:flex;justify-content:center;align-items:center;gap:22px;padding:22px 0}.ch-pagination a{padding:5px 10px;text-decoration:none !important}.ch-back{display:inline-block;padding:12px 0;text-decoration:none !important}.ch-muted{color:#71717a;font-size:13px}.ch-eyebrow{font-size:12px;font-weight:700;color:#71717a}
.ch-read header{border-bottom:1px solid #e4e4e7;padding-bottom:20px}.ch-read h1{font-size:28px;line-height:1.35;margin:12px 0;overflow-wrap:anywhere}.ch-text{overflow-wrap:anywhere}.ch-body{font-size:16px;line-height:1.8;padding:16px 0 20px 0;white-space:normal!important}.ch-preview{background:#fafafa;border-left:3px solid #18181b;margin:20px 0;padding:16px}.ch-preview h2{font-size:13px;margin:0 0 8px;color:#71717a}.ch-preview p{margin:0}.ch-files{padding:16px 0;border-top:1px solid #e4e4e7}.ch-files a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;overflow-wrap:anywhere}.ch-files small{color:#71717a;white-space:nowrap}.ch-paywall{text-align:center;background:#fafafa;padding:30px 20px;margin:24px 0;border-radius:10px}.ch-paywall strong{display:block;font-size:24px}.ch-paywall p{font-size:13px;color:#71717a}.ch-actions{justify-content:flex-start}.ch-actions form{margin:0}.ch-gift{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px}.ch-gift label{margin:0;max-width:200px}.ch-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:10px;flex-basis:100%;font-size:13px}.ch-error[hidden]{display:none}.ch-reply{padding:20px 0;border-top:1px solid #e4e4e7}.ch-reply.accepted{padding:18px;border:1px solid #a1a1aa;border-left:4px solid #18181b;border-radius:10px;margin:15px 0;background:#fafafa}.ch-reply details{margin-top:12px}.ch-shell summary{cursor:pointer;font-weight:600}.ch-reply-form{border-top:1px solid #e4e4e7;padding-top:12px}.ch-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.ch-room-grid .ch-panel{margin:0}.ch-room-grid h2{margin:8px 0}.ch-room-grid p{color:#71717a;min-height:50px;overflow-wrap:anywhere}.ch-room-grid footer{margin-top:18px}.ch-room-intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.ch-room-price{border-left:1px solid #e4e4e7;padding-left:24px}.ch-room-price>strong{font-size:23px}.ch-room-price>form{margin-top:12px}.ch-login{display:flex;align-items:center;justify-content:space-between;gap:16px}.ch-login p{margin:0}
.ch-confirm{width:min(580px,calc(100% - 28px));padding:0;border:1px solid #52525b;border-radius:12px;color:#27272a;background:#fff}.ch-confirm::backdrop{background:rgba(0,0,0,.65)}.ch-confirm header{padding:20px 24px;background:#18181b;color:#fff}.ch-confirm h2{font-size:19px;margin:0}.ch-confirm-body{padding:22px 24px}.ch-confirm-body p{margin:0 0 14px}.ch-confirm-body strong{display:block;font-size:28px;margin:8px 0}.ch-confirm footer{display:flex;justify-content:flex-end;gap:10px;background:#fafafa;border-top:1px solid #e4e4e7;padding:16px 24px}.ch-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.ch-panel{padding:16px}.ch-tabs a{padding:8px 11px}.ch-heading h2{font-size:20px}.ch-list-item{gap:12px;padding:16px 0}.ch-list-stat{min-width:62px}.ch-list-stat strong{font-size:17px}.ch-list-copy h3{font-size:16px}.ch-room-intro{grid-template-columns:1fr;gap:14px}.ch-room-price{border-left:0;border-top:1px solid #e4e4e7;padding:14px 0 0}.ch-form-row{grid-template-columns:1fr;gap:0}.ch-read h1{font-size:23px}.ch-search label{flex:1 1 135px}.ch-search .ch-search-input{flex-basis:100%}.ch-search select{max-width:none}.ch-files a{flex-direction:column;gap:3px}.ch-body{font-size:15px}.ch-login{align-items:flex-start;flex-direction:column}.ch-confirm header,.ch-confirm-body,.ch-confirm footer{padding:18px}}
.ch-content-actions,.ch-reply-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid #f0f0f2}.ch-content-actions form,.ch-reply-actions form{margin:0}.ch-action-button,.ch-reaction-button{display:inline-flex!important;align-items:center;gap:6px;min-height:36px!important;padding:7px 12px!important;border:1px solid #e4e4e7!important;border-radius:999px!important;background:#fff!important;color:#52525b!important;font-size:12px!important;font-weight:600!important;cursor:pointer}.ch-action-button:hover,.ch-reaction-button:hover,.ch-reaction-button.is-active{background:#f4f4f5!important;border-color:#a1a1aa!important;color:#18181b!important}.ch-reaction-button.is-active{box-shadow:inset 0 0 0 1px #18181b}.ch-action-button i,.ch-reaction-button i{font-size:12px}.ch-action-button[data-ch-share]{margin-left:auto}.ch-action-button[data-shared="Y"]{color:#15803d!important;border-color:#86efac!important}.ch-more{position:relative;margin-left:auto}.ch-more>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;color:#71717a;font-size:12px;cursor:pointer}.ch-more>summary::-webkit-details-marker{display:none}.ch-more[open]>summary{color:#18181b}.ch-more>form{min-width:230px;margin-top:6px;padding:12px;border:1px solid #e4e4e7;border-radius:10px;background:#fff;box-shadow:0 8px 24px rgba(24,24,27,.08);z-index:3}.ch-more>form label{margin:0 0 8px}.ch-more>form button{min-height:34px;padding:6px 10px;font-size:12px}.ch-comment-thread{margin-top:14px;border-top:1px solid #f0f0f2;padding-top:12px}.ch-comment-thread>summary{display:inline-flex;align-items:center;gap:7px;list-style:none;color:#52525b;font-size:13px;font-weight:700;cursor:pointer}.ch-comment-thread>summary::-webkit-details-marker{display:none}.ch-comment-thread>summary span{color:#a1a1aa;font-weight:600}.ch-comment-list{display:grid;gap:8px;margin-top:12px;padding-left:18px}.ch-comment-item{position:relative;padding:10px 12px;border-radius:10px;background:#fafafa;border:1px solid #f0f0f2}.ch-comment-item .ch-meta{font-size:11px}.ch-comment-item p{margin:6px 0 0;font-size:13px;line-height:1.65}.ch-comment-more{position:absolute;top:4px;right:4px}.ch-comment-more>summary{padding:5px 7px}.ch-comment-more>form{min-width:220px}.ch-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:14px 0 0;padding-left:18px}.ch-comment-form label{margin:0}.ch-comment-form textarea{min-height:42px}.ch-comment-form button{min-height:42px}.ch-reply{position:relative;margin:14px 0;padding:20px;border:1px solid #e4e4e7;border-radius:14px;background:#fff}.ch-reply.accepted{border-color:#86efac;border-left:4px solid #16a34a;background:#f0fdf4}.ch-reply-body{margin-top:14px}.ch-reply-actions{margin-top:18px;padding-top:14px}.ch-reply-actions .ch-comment-thread{order:3;flex-basis:100%;margin-top:4px;padding-top:10px}.ch-reply-actions .ch-more{margin-left:auto}.ch-inline-edit{margin-top:12px}.ch-inline-edit>summary{color:#71717a;font-size:12px;cursor:pointer}.ch-inline-edit form{margin-top:8px;padding:12px;background:#fafafa;border-radius:10px}.ch-answer-owner-note{margin:0 0 12px;padding:11px 14px;border-radius:10px;background:#fafafa}.ch-content-actions+.ch-comment-thread{margin-top:14px}
@media(max-width:700px){.ch-content-actions,.ch-reply-actions{gap:6px}.ch-action-button[data-ch-share]{margin-left:0}.ch-comment-form{grid-template-columns:1fr}.ch-comment-form button{width:100%}.ch-more>form{position:relative;right:0;min-width:min(280px,calc(100vw - 60px))}.ch-reply{padding:16px}.ch-comment-list,.ch-comment-form{padding-left:0}}

/* Modern Q&A 2-Column Layout & Styles */
.ch-read-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;margin:14px 0 30px}
.ch-read-main{min-width:0}
.ch-read-main > .ch-panel:first-child,
.ch-read-sidebar > .ch-sidebar-card:first-child { margin-top: 0 !important; }
.ch-read-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px !important;z-index:10}
@media(max-width:860px){.ch-read-layout{grid-template-columns:1fr}.ch-read-sidebar{position:static}}

.ch-sidebar-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:20px}
.ch-ask-cta-card{text-align:center;display:flex;flex-direction:column;align-items:center}
.ch-ask-cta-icon{width:44px;height:44px;border-radius:50%;background:#f4f4f5;color:#18181b;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.ch-ask-cta-card h4{font-size:16px;font-weight:700;margin:0 0 6px;color:#18181b}
.ch-ask-cta-card p{font-size:13px;color:#71717a;margin:0 0 16px;line-height:1.5}
.ch-button-block{width:100%;display:flex !important}

.ch-popular-qna-card .ch-sidebar-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f4f4f5}
.ch-popular-qna-card h4{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:#18181b}
.ch-sidebar-qna-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ch-sidebar-qna-item{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.ch-q-prefix{color:#18181b;font-weight:800;font-size:14px;line-height:1.3;flex-shrink:0}
.ch-q-content{min-width:0;flex:1}
.ch-q-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#27272a;line-height:1.45;font-weight:500;text-decoration:none !important;transition:color .15s ease}
.ch-q-title:hover{color:#000 !important;text-decoration:none !important}
.ch-q-meta{margin-top:4px;font-size:11px;color:#a1a1aa;display:flex;gap:6px}
.ch-q-meta b{color:#18181b;font-weight:600}

/* Action Bar & Buttons */
.ch-action-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #f4f4f5}
.ch-action-left,.ch-action-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ch-inline-form{display:inline-flex;margin:0}

/* da_reaction Emoji Buttons */
.mb-read-reactions-wrapper{margin:18px 0 6px;padding:0}
.mb-reaction-list-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mb-reaction-item-box{display:inline-flex !important;align-items:center;gap:8px;padding:6px 12px !important;background:#f9f9f9 !important;border:1px solid #d4d4d8 !important;border-radius:8px !important;cursor:pointer;transition:all .18s ease;text-decoration:none !important}
.mb-reaction-item-box:hover{background:#ffffff !important;border-color:#18181b !important;transform:translateY(-1px);text-decoration:none !important}
.mb-reaction-item-box.active{background:#ecfdf5 !important;border-color:#10b981 !important}
.mb-reaction-item-box.active .mb-reaction-label{color:#065f46}
.mb-reaction-item-box.active .mb-reaction-count{color:#064e3b}
.mb-reaction-visual{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}
.mb-reaction-emoji{line-height:1}
.mb-reaction-info{display:flex;flex-direction:column;justify-content:center;text-align:left}
.mb-reaction-label{font-size:10px;font-weight:400;color:#71717a;line-height:1;margin-bottom:2px}
.mb-reaction-count{font-size:13px;font-weight:700;color:#18181b;line-height:1}

.ch-reaction-btn{display:inline-flex !important;align-items:center;gap:6px;min-height:36px !important;padding:6px 14px !important;border:1px solid #e4e4e7 !important;border-radius:999px !important;background:#fff !important;color:#3f3f46 !important;font-size:13px !important;font-weight:600 !important;cursor:pointer;transition:all .15s ease;text-decoration:none !important}
.ch-reaction-btn:hover{background:#f4f4f5 !important;border-color:#a1a1aa !important;color:#18181b !important;text-decoration:none !important}
.ch-reaction-btn.is-active{background:#18181b !important;border-color:#18181b !important;color:#fff !important}
.ch-reaction-btn.is-active i{color:#f87171}
.ch-reaction-count{font-weight:700}

.ch-comment-toggle-btn{display:inline-flex !important;align-items:center;gap:6px;min-height:36px !important;padding:6px 14px !important;border:1px solid #e4e4e7 !important;border-radius:999px !important;background:#fff !important;color:#3f3f46 !important;font-size:13px !important;font-weight:600 !important;cursor:pointer;transition:all .15s ease;text-decoration:none !important}
.ch-comment-toggle-btn:hover{background:#f4f4f5 !important;border-color:#a1a1aa !important;color:#18181b !important;text-decoration:none !important}
.ch-comment-toggle-btn.is-active{background:#f4f4f5 !important;border-color:#71717a !important;color:#18181b !important}

.ch-sub-btn{display:inline-flex !important;align-items:center;gap:5px;min-height:36px !important;padding:6px 12px !important;border:1px solid #e4e4e7 !important;border-radius:8px !important;background:#fff !important;color:#71717a !important;font-size:12px !important;font-weight:500 !important;cursor:pointer;transition:all .15s ease;text-decoration:none !important}
.ch-sub-btn:hover{background:#f4f4f5 !important;color:#18181b !important;border-color:#d4d4d8 !important;text-decoration:none !important}

.ch-icon-action-btn{display:inline-flex !important;align-items:center;gap:6px;min-height:36px !important;padding:6px 12px !important;border:1px solid #e4e4e7 !important;border-radius:8px !important;background:#fff !important;color:#71717a !important;font-size:12px !important;font-weight:500 !important;cursor:pointer;transition:all .15s ease;text-decoration:none !important}
.ch-icon-action-btn:hover{background:#f4f4f5 !important;color:#18181b !important;border-color:#d4d4d8 !important;text-decoration:none !important}
.ch-icon-action-btn[data-shared="Y"]{color:#16a34a !important;border-color:#86efac !important}

/* Separated Replies Section */
.ch-replies-heading{margin:28px 0 14px}
.ch-replies-heading h2{font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;color:#18181b}
.ch-reply-count-badge{font-size:16px;color:#71717a;font-weight:500}
.ch-reply-items-wrap{display:flex;flex-direction:column;gap:16px}
.ch-reply-card{margin:0 !important;padding:22px !important;border:1px solid #e4e4e7 !important;border-radius:12px !important;background:#fff !important;box-shadow:0 1px 3px rgba(0,0,0,.02)}
.ch-reply-card.accepted{border-color:#86efac !important;border-left:4px solid #16a34a !important;background:#f0fdf4 !important}
.ch-reply-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ch-reply-author b{font-size:14px;color:#18181b}
.ch-reply-author time{font-size:12px;color:#a1a1aa;margin-left:6px}
.ch-accepted-badge{background:#18181b;color:#fff;border:1px solid #18181b;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.ch-reply-write-card{margin-top:24px !important;padding:22px !important;border:1px solid #e4e4e7 !important;border-radius:12px !important;background:#fff !important}

.ch-more-replies-wrap{display:flex;justify-content:center;margin:20px 0 10px}
.ch-more-replies-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;width:100%;max-width:480px;min-height:44px !important;padding:10px 20px !important;border:1px solid #e4e4e7 !important;border-radius:999px !important;background:#fff !important;color:#27272a !important;font-size:14px !important;font-weight:600 !important;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.03);transition:all .15s ease}
.ch-more-replies-btn:hover{background:#f4f4f5 !important;border-color:#d4d4d8 !important;color:#09090b !important;text-decoration:none !important}
.ch-more-replies-btn i{font-size:12px;color:#71717a;transition:transform .2s ease}

/* Comments Container */
.ch-comment-container{margin-top:14px;padding:16px;background:#fafafa;border-radius:10px;border:1px solid #f0f0f2}
.ch-comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding-left:0 !important}
.ch-comment-item{padding:10px 14px;border-radius:8px;background:#fff;border:1px solid #e4e4e7}
.ch-comment-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#71717a;margin-bottom:4px}
.ch-comment-meta b{color:#18181b}
.ch-comment-item-actions{margin-left:auto;display:flex;gap:6px}
.ch-text-btn{background:none !important;border:none !important;color:#a1a1aa !important;font-size:11px !important;padding:0 4px !important;cursor:pointer;min-height:auto !important;line-height:1 !important;text-decoration:none !important}
.ch-text-btn:hover{color:#18181b !important;text-decoration:none !important}
.ch-button-sm{min-height:32px !important;padding:5px 12px !important;font-size:12px !important}
.ch-button-accept{background:#15803d !important;border-color:#15803d !important;color:#fff !important}
.ch-button-accept:hover{background:#166534 !important;border-color:#166534 !important}

/* Editor Toolbar & Box (No Resizing Handlers) */
.ch-shell textarea{resize:none !important}
.ch-editor-box{border:1px solid #d4d4d8;border-radius:8px;overflow:hidden;background:#fff;margin-top:6px}
.ch-editor-toolbar{padding:7px 10px;background:#fafafa;border-bottom:1px solid #e4e4e7;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ch-editor-btn{display:inline-flex !important;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px !important;padding:0 !important;border:1px solid transparent !important;border-radius:5px !important;background:transparent !important;color:#52525b !important;font-size:12px !important;cursor:pointer;transition:all .15s ease}
.ch-editor-btn:hover{background:#e4e4e7 !important;color:#18181b !important}
.ch-editor-divider{width:1px;height:16px;background:#d4d4d8;margin:0 4px}
.ch-editor-box textarea{border:none !important;border-radius:0 !important;padding:12px 14px !important;font-size:14px !important;line-height:1.7 !important;resize:none !important;outline:none !important;box-shadow:none !important;width:100% !important}
.ch-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fafafa;border-top:1px solid #f4f4f5;font-size:12px;color:#71717a}

/* Report Modal Dialog */
.ch-report-dialog{width:min(440px,calc(100% - 32px));padding:0;border:1px solid #3f3f46;border-radius:12px;background:#fff;color:#27272a;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.ch-report-dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(2px)}
.ch-report-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#18181b;color:#fff}
.ch-report-header h3{font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}
.ch-modal-close{background:none !important;border:none !important;color:#a1a1aa !important;font-size:22px !important;cursor:pointer;padding:0 4px !important;min-height:auto !important;line-height:1 !important}
.ch-modal-close:hover{color:#fff !important;background:none !important}
.ch-report-body{padding:20px}
.ch-report-desc{font-size:13px;color:#71717a;margin:0 0 14px}
.ch-report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.ch-report-reasons label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;cursor:pointer;margin:0;padding:10px 14px;border:1px solid #e4e4e7;border-radius:8px;transition:background .15s ease,border-color .15s ease}
.ch-report-reasons label:hover{background:#fafafa;border-color:#d4d4d8}
.ch-report-reasons input[type="radio"]{margin:0 !important;width:16px !important;min-width:16px !important;max-width:16px !important;height:16px !important;accent-color:#18181b;flex:0 0 16px !important;box-sizing:border-box}
.ch-report-reasons label span{flex:1;text-align:left;line-height:1.4}
#ch-report-reason-text{width:100%;border:1px solid #d4d4d8;border-radius:8px;padding:10px;font-size:13px;margin-top:6px}
.ch-report-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;background:#fafafa;border-top:1px solid #f4f4f5}
.ch-button-danger{background:#dc2626 !important;border-color:#dc2626 !important;color:#fff !important}
/* Rounded-Square Profile Avatars (8px border-radius standard matching modern_board) */
.ch-post-author-row,
.ch-reply-author-row,
.ch-comment-author-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.ch-avatar-box {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    border-radius: 8px !important;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f5;
    flex-shrink: 0;
}
.ch-avatar-box.ch-avatar-sm {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
}
.ch-avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block;
}
.ch-avatar-initial {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-radius: 8px !important;
    user-select: none;
    text-transform: uppercase;
}
.ch-avatar-sm .ch-avatar-initial {
    font-size: 12px !important;
}
.ch-author-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ch-author-name {
    font-size: 14px;
    font-weight: 700;
    color: #18181b;
}
.ch-author-time {
    font-size: 12px;
    color: #71717a;
}
.ch-comment-nick {
    font-size: 13px;
    font-weight: 700;
    color: #18181b;
}

/* Reset label margin inside editor toolbar (prevents .ch-shell label from inflating toolbar height) */
.mb-simple-editor-toolbar label { margin: 0 !important; }

/* Community Hub Simple Editor (Matching modern_board comment editor Image 2) */
.mb-simple-editor-wrap {
    border: 1px solid #d4d4d8 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    margin-top: 6px;
}
.mb-simple-editor-wrap .mb-simple-editor-toolbar {
    padding: 8px 14px !important;
    background: #fafafa !important;
    border-bottom: 1px solid #eeeeee !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
}
.mb-simple-editor-wrap .mb-editor-btn {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 4px !important;
    color: #3f3f46 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 14px !important;
    transition: background-color .15s ease, color .15s ease !important;
    padding: 0 !important;
}
.mb-simple-editor-wrap .mb-editor-btn:hover {
    background: #e4e4e7 !important;
    color: #18181b !important;
}
.mb-simple-editor-wrap .mb-toolbar-divider {
    width: 1px;
    height: 18px;
    background: #e4e4e7;
    margin: 0 4px;
}
.mb-simple-editor-content {
    background: #ffffff;
}
.mb-simple-editor-textarea {
    width: 100% !important;
    border: none !important;
    outline: none !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
    color: #18181b !important;
    background: #ffffff !important;
    resize: none !important;
    font-family: inherit !important;
}
.mb-simple-editor-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 14px !important;
    border-top: 1px solid #f4f4f5 !important;
    background: #ffffff !important;
}
.mb-char-count {
    font-size: 13px !important;
    color: #a1a1aa !important;
    font-weight: 500 !important;
}
.mb-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 7px 18px !important;
    min-height: 34px !important;
    background: #18181b !important;
    color: #ffffff !important;
    border: 1px solid #18181b !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background-color .15s ease, border-color .15s ease !important;
    text-decoration: none !important;
}
.mb-btn-primary:hover {
    background: #27272a !important;
    border-color: #27272a !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* Popups for color & emoji */
.mb-editor-inline-popup {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 100;
    background: #ffffff;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    padding: 8px;
}
.mb-color-grid {
    display: grid;
    grid-template-columns: repeat(6, 20px);
    gap: 4px;
}
.mb-color-item {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.1);
    transition: transform .1s ease;
}
.mb-color-item:hover {
    transform: scale(1.15);
    z-index: 2;
}
.mb-emoji-grid {
    display: grid;
    grid-template-columns: repeat(5, 30px);
    gap: 4px;
}
.mb-emoji-item {
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color .1s ease !important;
}
.mb-emoji-item:hover {
    background: #f4f4f5 !important;
}

/* Community Hub Write Form - 100% Identical to Modern Board Write Form */
.ch-editor .mb-editor-section {
    margin-top: 16px;
    margin-left: -22px;
    margin-right: -22px;
    margin-bottom: 0;
}
.ch-editor .mb-editor-card {
    max-width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: none !important;
    box-sizing: border-box !important;
}
.ch-editor .rx_mb_editor_wrapper {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid #e4e4e7 !important;
    border-bottom: none !important;
    background: transparent !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.ch-editor .rx_mb_editor_wrapper,
.ch-editor .rx_mb_editor_wrapper > .rx_mb_editor,
.ch-editor .rx_mb_editor_wrapper .rx_mb_editor,
.ch-editor [id^="mb_editor_instance_"] {
    width: 100% !important;
    max-width: 100% !important;
}
.ch-editor .mb-simple-editor-toolbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e4e4e7 !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}
.ch-editor .mb-editor-btn.font-family-btn span {
    max-width: none !important;
    min-width: 48px !important;
    text-overflow: clip !important;
}
.ch-editor .rx_mb_editor_wrapper .rx_mb_editor {
    /* Use the same editor height supplied by the community board module. */
    padding: 20px 22px !important;
    border: none !important;
    box-sizing: border-box !important;
}
.ch-editor .rx_mb_editor_wrapper .file_uploader {
    padding: 0 22px 18px 22px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Post/Reply/Comment Content Formatting & Zero Left-Space Fix */
.ch-body,
.ch-reply-body,
.ch-comment-body,
.ch-read .rhymix_content {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    margin: 0 !important;
}
.ch-body {
    font-size: 16px !important;
    line-height: 1.8 !important;
    padding: 16px 0 20px 0 !important;
    color: #18181b !important;
}
.ch-reply-body {
    font-size: 15px !important;
    line-height: 1.75 !important;
    padding: 14px 0 16px 0 !important;
    color: #27272a !important;
}
.ch-comment-body {
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 4px 0 6px 0 !important;
    color: #3f3f46 !important;
}

/* Compact community-style rows: content, count, and author share the width. */
.ch-post-list {
    display: block;
    overflow: hidden;
    border: 1px solid #e4e4e7;
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
}
.ch-list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px minmax(150px, 178px);
    grid-template-areas: "copy stat author";
    gap: 22px;
    align-items: center;
    margin: 0;
    padding: 17px 22px;
    border: 0;
    border-top: 1px solid #f0f0f2;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    transform: none;
    transition: background-color .16s ease;
}
.ch-list-item:first-child {
    border-top: 0;
}
.ch-list-item:nth-child(even) {
    background: #fcfcfd;
}
.ch-list-item:hover {
    border-color: #f0f0f2;
    background: #f8fafc;
    box-shadow: none;
    transform: none;
}
.ch-list-copy {
    grid-area: copy;
    min-width: 0;
}
.ch-list-topline {
    min-height: 22px;
}
.ch-list-copy h3 {
    margin: 6px 0 0;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -.015em;
}
.ch-list-copy p {
    max-width: 780px;
    margin: 4px 0 0;
    line-height: 1.55;
}
.ch-list-stat {
    grid-area: stat;
    display: flex;
    min-width: 0;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    padding: 5px 0 5px 20px;
    border: 0;
    border-left: 1px solid #f0f0f2;
    border-radius: 0;
    text-align: center;
}
.ch-list-stat strong {
    font-size: 21px;
    line-height: 1.1;
    letter-spacing: -.025em;
    white-space: nowrap;
}
.ch-list-stat small {
    color: #71717a;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.ch-list-author {
    grid-area: author;
    display: flex;
    align-items: center;
    justify-self: end;
    gap: 8px;
    min-width: 138px;
    max-width: 160px;
    margin: 0;
    color: #71717a;
    font-size: 12px;
}
.ch-list-author-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}
.ch-list-author-copy span {
    overflow: hidden;
    color: #3f3f46;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ch-list-author-copy time {
    color: #a1a1aa;
    white-space: nowrap;
}
.ch-list-author-dot {
    display: none;
}
.ch-topic-tag {
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 6px;
    background: #f4f4f5;
    color: #52525b;
    font-size: 11px;
}
.ch-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    line-height: 1;
}
.ch-badge-resolved {
    color: #15803d !important;
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
}
.ch-badge-resolved i {
    font-size: 10px;
    line-height: 1;
}
.ch-badge-notice {
    color: #1d4ed8 !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}
.ch-filters {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 2px 0 16px;
    padding: 4px;
    border: 1px solid #e4e4e7;
    border-radius: 12px;
    background: #fafafa;
}
.ch-filters a {
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #71717a;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.ch-filters a:hover {
    background: #fff;
    color: #3f3f46;
}
.ch-filters a.is-active {
    border-color: #d4d4d8;
    background: #fff;
    color: #18181b;
}
@media(max-width:700px) {
    .ch-list-item {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "copy stat" "author author";
        gap: 13px 12px;
        padding: 16px;
    }
    .ch-list-stat {
        min-width: 70px;
        padding: 4px 0 4px 12px;
    }
    .ch-list-author {
        justify-self: stretch;
        max-width: none;
        padding-top: 12px;
        border-top: 1px solid #f0f0f2;
    }
    .ch-list-copy h3 {
        font-size: 16px;
    }
    .ch-list-copy p {
        font-size: 13px;
    }
    .ch-filters {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .ch-filters a {
        padding: 8px 12px;
    }
}

/* Community list cards: use the full row and reserve a clear information rail on the right. */
.ch-post-list {
    display: grid;
    gap: 14px;
    border-bottom: 0;
}
.ch-list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(158px, 190px);
    gap: 24px;
    align-items: stretch;
    margin: 0;
    padding: 22px 24px;
    border: 1px solid #e4e4e7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 24, 27, .025);
    transition: border-color .18s ease, background-color .18s ease;
}
.ch-list-item:hover {
    border-color: #d4d4d8;
    background: #fdfdfd;
}
.ch-list-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.ch-list-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 24px;
}
.ch-list-tags {
    gap: 8px;
}
.ch-topic-tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border: 1px solid #e4e4e7;
    border-radius: 999px;
    background: #f8f8f9;
    color: #52525b;
    font-size: 11px;
    font-weight: 700;
}
.ch-list-copy h3 {
    margin: 9px 0 0;
    font-size: 19px;
    line-height: 1.4;
    letter-spacing: -.015em;
}
.ch-list-copy p {
    max-width: 780px;
    margin: 8px 0 18px;
    line-height: 1.65;
}
.ch-list-author {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #71717a;
    font-size: 12px;
}
.ch-list-author-dot {
    color: #a1a1aa;
}
.ch-list-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 18px;
    min-width: 0;
    padding: 8px 0 8px 24px;
    border-left: 1px solid #f0f0f2;
}
.ch-list-metric {
    min-width: 0;
    align-items: baseline;
    justify-content: flex-start;
    flex-direction: row;
    gap: 8px;
}
.ch-list-metric strong {
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -.025em;
}
.ch-list-metric small {
    font-size: 12px;
    font-weight: 600;
    color: #71717a;
}
.ch-list-side-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}
.ch-list-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #71717a;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.ch-list-status i {
    font-size: 11px;
}
.ch-list-status.is-resolved {
    color: #15803d;
}
.ch-list-status.is-open {
    color: #a16207;
}
.ch-list-status.is-resource {
    color: #52525b;
}
.ch-list-detail {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
    color: #71717a !important;
    font-size: 12px;
    font-weight: 700;
}
.ch-list-detail:hover {
    color: #18181b !important;
}
.ch-list-detail i {
    font-size: 13px;
    transition: transform .18s ease;
}
.ch-list-detail:hover i {
    transform: translateX(3px);
}
.ch-badge-resolved {
    color: #15803d !important;
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
}
.ch-badge-resolved i {
    font-size: 10px;
}
.ch-badge-notice {
    color: #1d4ed8 !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}
@media(max-width:700px) {
    .ch-list-item {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 18px;
    }
    .ch-list-side {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 14px 0 0;
        border-top: 1px solid #f0f0f2;
        border-left: 0;
    }
    .ch-list-detail {
        justify-content: flex-end;
    }
}

/* mb_editor Table Context Toolbar Guard */
.mb-table-context-toolbar {
    background: #e5e5e5 !important;
    border-bottom: 1px solid #cccccc !important;
    padding: 4px 8px !important;
}
.mb-table-context-toolbar .mb-table-toolbar-inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    padding: 0 !important;
}
.mb-table-context-toolbar .mb-table-toolbar-title {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #666 !important;
    text-transform: uppercase !important;
    margin-right: 4px !important;
    white-space: nowrap !important;
}
.mb-table-context-toolbar .mb-table-width-box {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 2px !important;
    white-space: nowrap !important;
}
.mb-table-context-toolbar .mb-table-width-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #555 !important;
    white-space: nowrap !important;
}
.mb-table-context-toolbar input.mb-table-width-input {
    width: 52px !important;
    max-width: 52px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 1px 4px !important;
    font-size: 11px !important;
    line-height: 20px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #333333 !important;
    outline: none !important;
    box-sizing: border-box !important;
    text-align: center !important;
    margin: 0 !important;
    display: inline-block !important;
}
.mb-table-context-toolbar .mb-table-tool-btn {
    padding: 4px 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #444 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    white-space: nowrap !important;
}
.mb-table-context-toolbar .mb-table-tool-btn:hover {
    background: rgba(0,0,0,0.06) !important;
    color: #000 !important;
}
.mb-table-context-toolbar .mb-table-tool-btn.danger:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
}
.mb-table-context-toolbar .mb-toolbar-divider {
    width: 1px !important;
    height: 14px !important;
    background: #bbb !important;
    margin: 0 4px !important;
    flex-shrink: 0 !important;
    opacity: 0.8 !important;
}

/* mb_editor Table Settings Dropdown Guard */
.mb-table-settings-dropdown {
    box-sizing: border-box !important;
}
.mb-table-settings-dropdown label {
    display: flex !important;
    gap: 0 !important;
    margin: 0 !important;
    font-weight: normal !important;
}
.mb-table-settings-dropdown .mb-scope-selector {
    display: flex !important;
    background: #eeeeee !important;
    border-radius: 8px !important;
    padding: 2px !important;
    gap: 2px !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.mb-table-settings-dropdown .mb-scope-selector label {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}
.mb-table-settings-dropdown .mb-scope-selector label:has(input:checked) {
    background: #ffffff !important;
    border-color: #dddddd !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.mb-table-settings-dropdown .mb-scope-selector label:has(input:checked) span {
    color: #333333 !important;
}
.mb-table-settings-dropdown .mb-sett-input {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    color: #444444 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.mb-table-settings-dropdown input[type="color"],
.mb-table-settings-dropdown .mb-sett-color-input {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 2px !important;
    margin: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.mb-table-settings-dropdown input[type="color"]::-webkit-color-swatch-wrapper,
.mb-table-settings-dropdown .mb-sett-color-input::-webkit-color-swatch-wrapper {
    padding: 2px !important;
}
.mb-table-settings-dropdown input[type="color"]::-webkit-color-swatch,
.mb-table-settings-dropdown .mb-sett-color-input::-webkit-color-swatch {
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
}

/* Final compact list treatment: a quiet, information-dense three-column row. */
.ch-post-list {
    display: block;
    overflow: hidden;
    border: 1px solid #e4e4e7;
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
}
.ch-list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px minmax(150px, 178px);
    grid-template-areas: "copy stat author";
    gap: 22px;
    align-items: center;
    margin: 0;
    padding: 17px 22px;
    border: 0;
    border-top: 1px solid #f0f0f2;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    transform: none;
    transition: background-color .16s ease;
}
.ch-list-item:first-child { border-top: 0; }
.ch-list-item:nth-child(even) { background: #fcfcfd; }
.ch-list-item:hover {
    border-color: #f0f0f2;
    background: #f8fafc;
    box-shadow: none;
    transform: none;
}
.ch-list-copy { display: block; grid-area: copy; min-width: 0; }
.ch-list-topline { min-height: 22px; }
.ch-list-copy h3 {
    margin: 6px 0 0;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -.015em;
}
.ch-list-copy p {
    max-width: 780px;
    margin: 4px 0 0;
    line-height: 1.55;
}
.ch-list-stat {
    grid-area: stat;
    display: flex;
    min-width: 0;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    padding: 5px 0 5px 20px;
    border: 0;
    border-left: 1px solid #f0f0f2;
    border-radius: 0;
    text-align: center;
}
.ch-list-stat strong {
    font-size: 21px;
    line-height: 1.1;
    letter-spacing: -.025em;
    white-space: nowrap;
}
.ch-list-stat small {
    color: #71717a;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.ch-list-author {
    grid-area: author;
    display: flex;
    align-items: center;
    justify-self: end;
    gap: 8px;
    min-width: 138px;
    max-width: 160px;
    margin: 0;
    color: #71717a;
    font-size: 12px;
}
.ch-list-author-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}
.ch-list-author-copy span {
    overflow: hidden;
    color: #3f3f46;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ch-list-author-copy time { color: #a1a1aa; white-space: nowrap; }
.ch-list-author-dot { display: none; }
.ch-topic-tag {
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 6px;
    background: #f4f4f5;
    color: #52525b;
    font-size: 11px;
}
.ch-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 22px;
    line-height: 1;
}
.ch-badge-resolved {
    color: #15803d !important;
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
}
.ch-badge-resolved i { font-size: 10px; line-height: 1; }
.ch-badge-notice {
    color: #1d4ed8 !important;
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}
.ch-filters {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 2px 0 16px;
    padding: 4px;
    border: 1px solid #e4e4e7;
    border-radius: 12px;
    background: #fafafa;
}
.ch-filters a {
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #71717a;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.ch-filters a:hover { background: #fff; color: #3f3f46; }
.ch-filters a.is-active {
    border-color: #d4d4d8;
    background: #fff;
    color: #18181b;
}
@media(max-width:700px) {
    .ch-list-item {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "copy stat" "author author";
        gap: 13px 12px;
        padding: 16px;
    }
    .ch-list-stat { min-width: 70px; padding: 4px 0 4px 12px; }
    .ch-list-author {
        justify-self: stretch;
        max-width: none;
        padding-top: 12px;
        border-top: 1px solid #f0f0f2;
    }
    .ch-list-copy h3 { font-size: 16px; }
    .ch-list-copy p { font-size: 13px; }
    .ch-filters { overflow-x: auto; flex-wrap: nowrap; }
    .ch-filters a { padding: 8px 12px; }
}

/* Keep the metric inline and the existing rounded-square profile language. */
.ch-list-stat { flex-direction: row; }
.ch-list-author { gap: 8px; min-width: 138px; max-width: 160px; }
@media(max-width:700px) {
    .ch-list-author { min-width: 0; max-width: none; }
}

.ch-list-heading {
    justify-content: flex-end;
    margin: 0 0 12px;
    min-height: 0;
    padding: 0;
}
.ch-heading-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
.ch-heading-actions .ch-button-secondary {
    border-color: #d4d4d8 !important;
    background: #fff !important;
    color: #52525b !important;
}
.ch-heading-actions .ch-button-secondary:hover {
    border-color: #a1a1aa !important;
    background: #fafafa !important;
    color: #18181b !important;
}
.ch-heading-actions .ch-button-primary {
    border-color: #166534 !important;
    background: #166534 !important;
    color: #fff !important;
}
.ch-heading-actions .ch-button-primary:hover {
    border-color: #14532d !important;
    background: #14532d !important;
}
.ch-heading-actions .ch-button-secondary[aria-current="page"] {
    border-color: #86efac !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}
.ch-heading-actions .ch-button {
    min-height: 40px;
    padding: 9px 16px;
    border-radius: 8px;
    font-size: 13px;
}
.ch-list-stat {
    align-self: center;
    justify-self: center;
    flex-direction: row;
    align-items: baseline;
    line-height: 1;
    white-space: nowrap;
}
.ch-list-author {
    border-left: 1px solid #f0f0f2;
    padding-left: 18px;
}
@media(min-width:701px) {
    .ch-list-heading {
        position: relative;
        z-index: 1;
        margin-top: -54px;
        min-height: 40px;
    }
}
@media(max-width:700px) {
    .ch-list-heading { margin-bottom: 10px; }
    .ch-list-author { border-left: 0; padding-left: 0; }
    .ch-heading-actions { width: 100%; }
    .ch-heading-actions .ch-button { flex: 1 1 0; }
}

@media(min-width:701px) {
    /* The actions share the tab row so they do not create an extra blank band. */
    .ch-list-heading {
        position: relative;
        height: 0;
        min-height: 0;
        margin: 0;
        padding: 0;
    }
    .ch-list-heading .ch-heading-actions {
        position: absolute;
        top: -54px;
        right: 0;
        z-index: 2;
    }
}
.ch-heading-actions .ch-button-primary {
    border-color: #14532d !important;
    background: #14532d !important;
}
.ch-heading-actions .ch-button-primary:hover {
    border-color: #0f3d20 !important;
    background: #0f3d20 !important;
}
.ch-heading-actions .ch-button-label {
    position: relative;
    top: 2px;
}
.ch-heading-actions .ch-button i {
    font-size: 13px;
}
@media(max-width:700px) {
    .ch-list-heading {
        height: auto;
        margin-bottom: 10px;
    }
    .ch-list-heading .ch-heading-actions {
        position: static;
    }
}

@media(min-width:701px) {
    /* Match the compact gap used between the tabs and the read-page card. */
    .ch-list-heading + .ch-search {
        margin-top: -12px;
    }
}

/* The secondary action stays neutral; only its selected state gets a quiet black outline. */
.ch-heading-actions .ch-button-secondary[aria-current="page"] {
    border-color: #18181b !important;
    background: #fff !important;
    color: #18181b !important;
}
.ch-heading-actions .ch-button-secondary[aria-current="page"]:hover,
.ch-heading-actions .ch-button-secondary[aria-current="page"]:focus-visible {
    border-color: #18181b !important;
    background: #fafafa !important;
    color: #18181b !important;
}