.community-hub{grid-column:1/-1;min-width:0;margin:24px 0 30px;--cm-blue:#43a2f5;--cm-red:#ef626d;font:14px/1.55 'Segoe UI',system-ui,sans-serif;color:var(--text)}
.community-hub *, .community-hub *:before,.community-hub *:after{box-sizing:border-box}
.community-hub [hidden]{display:none!important}.community-hub button,.community-hub select{font:inherit;cursor:pointer}.community-hub button:disabled{cursor:default;opacity:.5}.community-hub :focus-visible{outline:2px solid var(--cm-blue);outline-offset:4px}
.cm-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 22px}.cm-eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase}.community-hub .cm-head h2{font:700 clamp(30px,3.2vw,46px)/1.1 Georgia,serif;letter-spacing:-1px;margin:10px 0}.cm-head p{margin:0;color:var(--muted);font-size:15px}.cm-follow{white-space:nowrap}
.cm-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);border-top:2px solid var(--cm-red);padding:12px 16px 0;margin:0 0 26px;position:relative}.cm-tabs:before,.cm-tabs:after{content:'';position:absolute;top:-7px;width:12px;height:12px;border:2px solid var(--text);background:var(--bg);border-radius:50%}.cm-tabs:before{left:0;border-color:var(--cm-blue)}.cm-tabs:after{right:0}.cm-tabs .cm-tab{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--muted);padding:12px 25px 16px;display:flex;gap:12px;align-items:center;font:700 19px Georgia,serif}.cm-tabs .cm-tab[aria-current=page]{color:var(--text);border-bottom-color:var(--cm-blue)}.cm-tab span{font:11px 'Segoe UI',sans-serif;border:1px solid var(--line);border-radius:20px;padding:3px 8px;background:var(--raised)}
.cm-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,1fr);gap:24px;align-items:start}.cm-feed,.cm-sidebar,.cm-compose-main,.cm-post-main{min-width:0}.cm-sidebar{display:grid;gap:16px}.cm-notice:empty{display:none}.cm-notice{color:var(--muted);padding:0 0 18px;font-size:12px}
.cm-composer{display:flex;gap:14px;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:15px}.cm-compose-main{flex:1}.cm-avatar{width:38px;height:38px;flex:none;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:#314b70;color:#fff;font:600 17px 'Segoe UI',sans-serif}.community-hub .cm-input{width:100%;resize:vertical;min-height:100px;padding:14px;border:1px solid var(--line);background:var(--raised);color:var(--text);font:14px/1.6 'Segoe UI',sans-serif;border-radius:10px}.cm-compose-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.cm-format{display:flex;gap:3px}.cm-format button{border:0;background:none;color:var(--text);padding:5px 8px;font-size:13px}.cm-format button:hover{color:var(--cm-blue);background:var(--raised)}.cm-compose-tools select{max-width:150px;padding:6px 9px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px}.cm-counter{font-size:10px;color:var(--muted);margin-left:auto}.community-hub .btn-primary{background:#235fa9!important;border-color:#407cc7!important;color:white!important}.cm-compose-tools>.btn{padding:8px 14px;font-size:12px}.cm-group-fields{display:flex;gap:12px;margin:10px 0}.cm-group-fields label{display:flex;gap:8px;align-items:center;font-size:12px}.cm-group-fields select{max-width:160px;padding:6px}.cm-reply-target:empty{display:none}.cm-reply-target{display:flex;justify-content:space-between;color:var(--cm-blue);padding-bottom:10px;font-size:12px}.cm-reply-target button{background:none;color:var(--text);border:0;font-size:20px}.cm-preview{border:1px dashed var(--line);padding:14px;margin-top:10px;border-radius:8px}
.cm-feed-toolbar{display:flex;align-items:center;gap:10px;padding:22px 0 14px}.community-hub .cm-feed-toolbar h3{font:700 23px Georgia,serif;margin:0 auto 0 0}.cm-feed-toolbar .btn,.cm-feed-toolbar select{font-size:12px;padding:6px 10px}.cm-feed-toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px}.cm-posts{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:0 20px}.cm-post{display:flex;gap:14px;padding:24px 0;scroll-margin:28px;min-width:0}.cm-post+.cm-post{border-top:1px solid var(--line)}.cm-post-main{flex:1}.cm-post-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.cm-post-head strong{font:700 19px Georgia,serif}.cm-post-head time{font-size:11px;color:var(--muted)}.cm-mod,.cm-topic{border:1px solid var(--line);border-radius:5px;font-size:10px;padding:1px 6px}.cm-mod{border-color:var(--cm-red);color:var(--cm-red)}.cm-pinned{color:var(--cm-red);font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.cm-rich{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px}.cm-rich a{color:var(--cm-blue);text-decoration:underline}.cm-spoiler{display:inline-block;vertical-align:top;max-width:100%;background:var(--raised);padding:0 8px;border-radius:5px}.cm-spoiler summary{cursor:pointer;color:var(--muted);font-size:12px}.cm-post-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.cm-post-tools>button{padding:3px 0;background:none;border:0;color:var(--muted);font-size:12px}.cm-post-tools>button:hover,.cm-post-tools>button[aria-pressed=true]{color:var(--cm-blue)}.cm-post-tools>button[aria-label="Heart reaction"][aria-pressed=true]{color:var(--cm-red)}.cm-post-menu{position:relative;margin-left:auto}.cm-post-menu summary{list-style:none;cursor:pointer;color:var(--muted);padding:3px 8px}.cm-post-menu>div{position:absolute;right:0;top:28px;min-width:130px;background:var(--raised);border:1px solid var(--line);padding:6px;z-index:5;border-radius:10px;box-shadow:var(--shadow)}.cm-post-menu button{display:block;width:100%;border:0;background:none;color:var(--text);text-align:left;padding:8px;border-radius:6px;font-size:12px}.cm-post-menu button:hover{background:var(--surface)}.cm-replies{margin-top:20px;border-left:2px solid var(--cm-blue);padding-left:18px}.cm-child{padding:12px 0}.cm-child+.cm-child{border:0}.cm-child .cm-avatar{width:28px;height:28px;font-size:12px}.cm-child .cm-post-head strong{font-size:16px}.cm-expand,.cm-create{background:none;border:0;color:var(--cm-blue);padding:10px 0 0;font-size:12px}.cm-empty{padding:26px 12px;color:var(--muted)}.cm-empty h4{font:700 24px Georgia,serif;color:var(--text);margin:0 0 8px}.cm-empty p{margin:0}.cm-load{margin:20px auto;display:block}.cm-group-meta{font-size:11px;color:var(--cm-blue);margin-bottom:10px}
.cm-panel{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.community-hub .cm-panel h3{font:700 26px Georgia,serif;letter-spacing:-.3px;margin:0 0 20px}.cm-panel h4{font:700 20px Georgia,serif;margin:22px 0 12px;padding-top:20px;border-top:1px solid var(--line)}.cm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;margin-bottom:18px}.cm-metrics>div+div{border-left:1px solid var(--line)}.cm-metrics strong{display:block;font:700 27px Georgia,serif}.cm-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.cm-hype{width:100%;border:1px solid var(--cm-red);border-radius:9px;padding:10px;color:var(--cm-red);background:transparent;font-weight:600!important}.cm-hype[aria-pressed=true]{background:color-mix(in srgb,var(--cm-red) 12%,var(--surface))}.cm-vote{display:grid;grid-template-columns:75px 1fr 35px;gap:12px;align-items:center;width:100%;background:none;border:0;padding:8px 0;color:var(--text);text-align:left;font-size:12px!important}.cm-vote[aria-pressed=true]>span:first-child{color:var(--cm-blue);font-weight:700}.cm-vote b{text-align:right;font-weight:400}.cm-vote-track{display:block;height:9px;background:var(--raised);border-radius:3px;overflow:hidden}.cm-vote-track i{display:block;height:100%;background:var(--cm-blue)}.cm-panel .fine{font-size:11px;margin:12px 0 0;color:var(--muted)}.cm-party-row{display:block;width:100%;padding:14px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--text)}.cm-party-row>*{display:block}.cm-party-row strong{font-size:13px}.cm-party-row span{font-size:12px;color:var(--muted);margin:6px 0;overflow-wrap:anywhere}.cm-party-row small{font-size:10px;color:var(--cm-blue)}.cm-rules summary{cursor:pointer;font-weight:600}.cm-rules p{font-size:12px;color:var(--muted);margin-bottom:0}
html[data-palette=coral] .community-hub{--cm-blue:#2063b2;--cm-red:#c73044}
@media(max-width:1100px){.cm-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:16px}.cm-tabs .cm-tab{padding:12px 18px;font-size:17px}.cm-panel{padding:16px}.cm-posts{padding:0 16px}.cm-post-head{gap:7px}.cm-format{flex-wrap:wrap}}
@media(max-width:800px){.cm-grid{grid-template-columns:1fr}.cm-sidebar{grid-template-columns:1fr 1fr}.cm-rules{grid-column:1/-1}.cm-head{align-items:flex-start;flex-direction:column;gap:12px}.cm-tabs{overflow-x:auto;padding-left:0;padding-right:0}.cm-tabs .cm-tab{white-space:nowrap;flex:1;font-size:15px;padding:12px}.cm-tabs:before,.cm-tabs:after{display:none}}
@media(max-width:480px){.cm-sidebar{grid-template-columns:1fr}.cm-head h2{font-size:32px}.cm-head p{font-size:13px}.cm-composer{padding:12px;gap:8px}.cm-composer>.cm-avatar{display:none}.cm-posts{padding:0 12px}.cm-post{gap:9px}.cm-post>.cm-avatar{width:28px;height:28px;font-size:12px}.cm-feed-toolbar{flex-wrap:wrap}.community-hub .cm-feed-toolbar h3{width:100%}.cm-group-fields{flex-direction:column}.cm-post-head time{width:100%;order:3}.cm-tabs .cm-tab{padding:12px 10px;font-size:14px;gap:6px}.cm-tab span{padding:2px 5px}.cm-post-tools{gap:12px}.cm-replies{padding-left:10px}.cm-compose-tools{gap:8px}.cm-counter{margin-left:0}.cm-compose-tools>.btn{margin-left:auto}}
