:root {
  --community-accent: #35f27a;
  --community-accent-soft: rgba(53, 242, 122, .10);
  --community-panel: #09150f;
  --community-panel-raised: #0d1c15;
  --community-border: rgba(145, 180, 160, .20);
}

/* Community filters: four real filters on wide screens, readable labels everywhere. */
.community-page .collection-filters {
  border-color: var(--community-border);
  background: linear-gradient(135deg, rgba(53,242,122,.055), rgba(6,15,11,.97));
}
.community-page .collection-filter-field > span { color: #9bafa4; font-size: .62rem; }
.community-page .collection-filters :is(input, select) { font-size: .78rem; }

/* A single professional action menu replaces the crowded comment icon strip. */
.community-page .cc-actions.cc-action-menu {
  position: relative;
  display: flex;
  width: fit-content;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
}
.community-page .cc-menu-trigger {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid var(--community-border);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  color: #9fb2a8;
  font: 750 .66rem/1 "DM Sans", sans-serif;
  cursor: pointer;
}
.community-page .cc-menu-trigger:hover,
.community-page .cc-menu-trigger[aria-expanded="true"] {
  border-color: rgba(53,242,122,.42);
  background: var(--community-accent-soft);
  color: #caffe0;
}
.community-page .cc-menu-trigger:focus-visible,
.community-page .cc-menu-item:focus-visible { outline: 2px solid var(--community-accent); outline-offset: 2px; }
.community-page .cc-menu-trigger svg,
.community-page .cc-menu-item svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.community-page .cc-menu-trigger svg circle { fill: currentColor; stroke: none; }
.community-page .cc-menu-popover {
  position: absolute;
  z-index: 80;
  right: 0;
  top: calc(100% + 7px);
  bottom: auto;
  width: 190px;
  padding: 6px;
  border: 1px solid rgba(145,180,160,.25);
  border-radius: 12px;
  background: rgba(7,17,12,.98);
  box-shadow: 0 20px 55px rgba(0,0,0,.48);
}
.community-page .cc-menu-popover.is-upward { top:auto;bottom:calc(100% + 7px); }
.community-page .community-grid { isolation:isolate; }
.community-page .community-card { position:relative; }
.community-page .community-card.has-open-comment-menu {
  z-index:40;
  overflow:visible;
}
.community-page .community-card.has-open-comment-menu .community-comments-panel {
  border-radius:0 0 16px 16px;
  background:#07130d;
}
.community-page .cc-menu-popover[hidden] { display: none !important; }
.community-page .cc-menu-popover .cc-action-form { display: block; }
.community-page .cc-menu-item {
  box-sizing: border-box;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: none !important;
  align-items: center;
  gap: 10px;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px;
  background: transparent !important;
  color: #bdd0c5 !important;
  font: 700 .7rem/1 "DM Sans", sans-serif;
  text-align: left;
  text-decoration: none !important;
  cursor: pointer;
}
.community-page .cc-menu-item:hover { background: rgba(53,242,122,.09) !important; color: #dfffea !important; }
.community-page .cc-menu-item.cc-btn-edit { color: #9bdcff !important; }
.community-page .cc-menu-item.cc-btn-private { color: #dab7ff !important; }
.community-page .cc-menu-item.cc-btn-delete { color: #ff9aa8 !important; }
.community-page .cc-menu-item.cc-btn-delete:hover { background: rgba(255,85,105,.10) !important; }

.community-view-count {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 6px;
  color: #8fa69a;
  font-size: .68rem;
}
.community-view-count svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.community-view-count strong { color: #d9e8e0; }
.community-engagement .community-view-count { padding: 0 8px; }

/* Keep Likes, Views and Comments in one balanced metrics group. */
.community-card .community-engagement {
  display: grid;
  grid-template-columns: max-content max-content minmax(12px, 1fr) max-content 40px;
  gap: 8px;
  padding: 13px 14px;
}
.community-card .community-engagement .post-like-form { margin: 0; }
.community-card .community-engagement :is(.post-like-form, .post-like-login) { grid-column: 1; grid-row: 1; }
.community-card .community-engagement .community-comments-toggle { grid-column: 2; grid-row: 1; }
.community-card .community-engagement .community-view-count { grid-column: 4; grid-row: 1; }
.community-card .community-engagement :is(.post-like-button, .community-comments-toggle, .community-view-count) {
  box-sizing: border-box;
  display: inline-flex;
  width: auto;
  min-width: 62px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid rgba(145,180,160,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: #91a79b;
}
.community-card .community-engagement :is(.post-like-button, .community-comments-toggle, .community-view-count):hover {
  border-color: rgba(53,242,122,.32);
  background: rgba(53,242,122,.07);
  color: #d9ffe6;
}
.community-card .community-engagement :is(.post-like-button, .community-view-count, .community-comments-toggle) strong {
  color: #edf8f2;
  font-size: .72rem;
}
.community-card .community-engagement .share-action {
  grid-column: 5;
  grid-row: 1;
  width: 40px;
  height: 40px;
  margin-left: 0;
}

/* Actions belong to the comment header, beside its timestamp. */
.community-page .cc-header { align-items: flex-start; gap: 12px; }
.community-page .cc-header-side { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }
.community-page .cc-header-side .cc-time { white-space: nowrap; }

/* Compact, legible discussion timeline. Keep every action in the header. */
.community-page .community-thread {
  overflow: visible;
  border-color: rgba(145,180,160,.18);
  background: linear-gradient(155deg,rgba(10,24,17,.96),rgba(5,14,10,.98));
  box-shadow: 0 22px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
}
.community-page .community-comment-list {
  gap: 10px;
}
.community-page .community-comment-list > .cc-thread-node + .cc-thread-node {
  position: relative;
  margin-top: 8px;
  padding-top: 19px;
}
.community-page .community-comment-list > .cc-thread-node + .cc-thread-node::before {
  content: "";
  position: absolute;
  top: 0;
  right: 12px;
  left: 12px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(145,180,160,.18) 12%, rgba(145,180,160,.18) 88%, transparent);
  pointer-events: none;
}
.community-page .community-comment-list-detail {
  padding: 4px 18px 20px !important;
}
.community-page .cc-comment {
  box-sizing: border-box;
  position: relative;
  gap: 12px;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(145,180,160,.12);
  border-radius: 13px;
  background: rgba(4,13,9,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.community-page .cc-comment:hover {
  border-color: rgba(53,242,122,.20);
  background: rgba(7,19,13,.78) !important;
}
.community-page .cc-comment:last-child { border-bottom: 1px solid rgba(145,180,160,.12); }
.community-page .cc-body { overflow: visible; }
.community-page .cc-header {
  min-height: 38px;
  margin: 0 0 7px;
  align-items: center;
  flex-wrap: nowrap;
}
.community-page .cc-meta { min-width: 0; row-gap: 4px; }
.community-page .cc-author { color: #e8f5ed; font-size: .79rem; letter-spacing: -.01em; }
.community-page .cc-time { color: #72887c; font-size: .58rem; letter-spacing: .01em; }
.community-page .cc-content-stack {
  display:grid;
  width:100%;
  min-width:0;
  gap:9px;
}
.community-page .cc-content-stack-mixed {
  width:min(100%,620px);
  margin-top:3px;
  padding-left:12px;
  border-left:2px solid rgba(53,242,122,.18);
}
.community-page .cc-content-stack-mixed .cc-voice {
  width:100%;
  margin-top:0;
}
.community-page .cc-text { width:100%; min-width:0; color: #c5d7cd; font-size: .8rem; line-height: 1.62; }
.community-page .cc-text :is(ul,ol) {
  display:block!important;
  margin:5px 0 7px!important;
  padding-left:1.35rem!important;
  list-style-position:outside;
}
.community-page .cc-text li {
  display:list-item!important;
  margin:3px 0!important;
  padding:0 0 0 2px!important;
}
.community-page .cc-text li::marker { color:#63df91; }
.community-page .cc-avatar {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(145,180,160,.18);
  box-shadow: 0 7px 22px rgba(0,0,0,.22);
}
.community-page .cc-menu-trigger {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  justify-content: center;
  padding: 0;
  border-radius: 9px;
}
.community-page .cc-menu-trigger > span { display: none; }
.community-page .cc-is-reply {
  width: 100%;
  margin-left: 0;
  padding: 13px 14px;
  border-color: rgba(53,242,122,.11);
  background: rgba(5,18,12,.66) !important;
}
.community-page .cc-is-reply::before,
.community-page .cc-is-reply::after { display:none; }
.community-page .cc-thread-node { position:relative; min-width:0; }
.community-page .cc-thread-children {
  position:relative;
  display:grid;
  gap:10px;
  margin:10px 0 0 20px;
  padding-left:28px;
  border-left:1px solid rgba(98,190,132,.22);
}
.community-page .cc-thread-children > .cc-thread-node::before {
  content:"";
  position:absolute;
  z-index:1;
  top:27px;
  left:-28px;
  width:24px;
  border-top:1px solid rgba(98,190,132,.22);
  pointer-events:none;
}
.community-page .cc-thread-children > .cc-thread-node::after {
  content:"";
  position:absolute;
  z-index:2;
  top:25px;
  left:-31px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#55d987;
  box-shadow:0 0 0 3px rgba(53,242,122,.055),0 0 9px rgba(53,242,122,.14);
  pointer-events:none;
}
.community-page .cc-thread-children > .cc-thread-node:last-child > .cc-comment::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:28px;
  bottom:-12px;
  left:-29px;
  width:2px;
  background:#07140e;
  pointer-events:none;
}
.community-page .cc-thread-children .cc-thread-children .cc-thread-children {
  margin-left:0;
  padding-left:16px;
}

/* Voice comments: restrained premium player without voice-effect controls. */
.community-page .cc-voice {
  display:flex;
  width:min(100%,520px);
  margin-top:11px;
  padding:12px;
  align-items:center;
  gap:11px;
  border:1px solid rgba(126,169,146,.18);
  border-radius:13px;
  background:#07130d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.13);
}
.community-page .cc-voice-icon {
  display:grid;
  width:32px;
  height:32px;
  flex:0 0 32px;
  place-items:center;
  border:1px solid rgba(53,242,122,.24);
  border-radius:10px;
  background:#0c2417;
  color:#62ed94;
}
.community-page .cc-voice-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.community-page .cc-voice-info{display:grid;min-width:0;width:100%;gap:7px}
.community-page .cc-voice-label{color:#a8beb2;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.community-page .cc-voice-player{display:block;width:100%;max-width:none;height:34px;accent-color:#35f27a;filter:saturate(.8)}
.community-page .cc-voice-player.is-enhanced{display:none}
.community-page .cc-voice-controls{
  display:grid;
  grid-template-columns:34px 34px minmax(110px,1fr) 34px 34px;
  align-items:center;
  gap:7px;
  width:100%;
}
.community-page .cc-voice-controls[hidden]{display:none!important}
.community-page .cc-voice-controls button{
  display:grid;
  width:32px;
  height:32px;
  padding:0;
  place-items:center;
  border:1px solid rgba(145,180,160,.18);
  border-radius:9px;
  background:#0b1c13;
  color:#a7beb1;
  cursor:pointer;
}
.community-page .cc-voice-controls button:hover,
.community-page .cc-voice-controls button.is-playing{border-color:rgba(53,242,122,.35);background:rgba(53,242,122,.09);color:#8cf4b1}
.community-page .cc-voice-controls button.is-muted{color:#f0a378}
.community-page .cc-voice-controls button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.community-page .cc-voice-controls [data-voice-play] svg path:first-child{fill:currentColor;stroke:currentColor}
.community-page .cc-voice-controls>span{color:#9eb3a7;font:750 .61rem/1 "DM Sans",sans-serif;text-align:center;font-variant-numeric:tabular-nums}
.community-page .cc-voice-controls input[type="range"]{width:100%;height:5px;margin:0;accent-color:#35f27a;cursor:pointer}

.community-page .cc-edit-voice-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:9px;
}
.community-page .cc-edit-voice-btn,
.community-page .cc-remove-existing-voice {
  display:inline-flex;
  min-height:34px;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid rgba(145,180,160,.18);
  border-radius:9px;
  background:#091811;
  color:#b6cbc0;
  font:750 .64rem/1 "DM Sans",sans-serif;
  cursor:pointer;
}
.community-page .cc-edit-voice-btn:hover { border-color:rgba(53,242,122,.32);color:#82efaa; }
.community-page .cc-edit-voice-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.community-page .cc-remove-existing-voice input{accent-color:#ff7184}
.community-page .cc-remove-existing-voice:has(input:checked){border-color:rgba(255,113,132,.32);color:#ff9ba8}
.community-page .cc-edit-form .record-preview-shell{width:100%;margin-top:9px}
.community-page .cc-edit-form{padding:12px;border-color:rgba(145,180,160,.16);background:#06110c}
.community-page .cc-edit-form form{gap:0}
.community-page .cc-edit-form .cc-textarea{
  min-height:90px;
  padding:13px 14px;
  border:1px solid rgba(145,180,160,.18);
  border-bottom:0;
  border-radius:11px 11px 0 0;
  background:#07140e;
}
.community-page .cc-edit-form .cc-markdown-bar{
  margin-top:0;
  border-color:rgba(145,180,160,.18);
  border-radius:0 0 11px 11px;
  background:#091811;
}
.community-page .cc-edit-form .cc-edit-voice-row{
  margin-top:12px;
  padding:9px;
  border:1px solid rgba(145,180,160,.13);
  border-radius:11px;
  background:#081710;
}
.community-page .cc-edit-voice-btn{position:relative}
.community-page .cc-edit-voice-btn .icon-mic{
  position:static!important;
  width:14px!important;
  height:14px!important;
  transform:none!important;
}
.community-page .cc-remove-existing-voice input{
  appearance:none;
  display:grid;
  width:16px;
  height:16px;
  margin:0;
  place-items:center;
  border:1px solid rgba(145,180,160,.32);
  border-radius:5px;
  background:#05100a;
}
.community-page .cc-remove-existing-voice input:checked{border-color:#ff7184;background:rgba(255,113,132,.16)}
.community-page .cc-remove-existing-voice input:checked::after{content:"✓";color:#ff9ba8;font:800 11px/1 sans-serif}
.community-page .cc-form-actions{
  justify-content:flex-end;
  gap:8px;
  margin-top:11px;
  padding-top:11px;
  border-top:1px solid rgba(145,180,160,.10);
}
.community-page :is(.cc-edit-save,.cc-edit-cancel){
  display:inline-flex;
  min-height:36px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border-radius:9px;
  font:800 .66rem/1 "DM Sans",sans-serif;
  cursor:pointer;
}
.community-page :is(.cc-edit-save,.cc-edit-cancel) svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9}
.community-page .cc-edit-save{border:1px solid #35f27a;background:#35f27a;color:#031108}
.community-page .cc-edit-save:hover{background:#72f5a3}
.community-page .cc-edit-cancel{border:1px solid rgba(145,180,160,.18);background:#0a1912;color:#9eb2a7}
.community-page .cc-edit-cancel:hover{border-color:rgba(145,180,160,.34);color:#e1eee7}

/* Safe Markdown tools shared by new comments, replies, and edits. */
.community-page .cc-markdown-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:7px;
  padding:6px;
  border:1px solid rgba(145,180,160,.12);
  border-radius:9px;
  background:rgba(2,10,6,.48);
}
.community-page .cc-markdown-bar>div{display:flex;align-items:center;gap:3px}
.community-page .cc-markdown-bar button{
  display:grid;
  min-width:29px;
  height:29px;
  padding:0 7px;
  place-items:center;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#849b8f;
  font:750 .62rem/1 "DM Sans",sans-serif;
  cursor:pointer;
}
.community-page .cc-markdown-bar button:hover,
.community-page .cc-markdown-bar button[aria-expanded="true"]{border-color:rgba(53,242,122,.22);background:rgba(53,242,122,.07);color:#a5f6c1}
.community-page .cc-markdown-bar [data-comment-md-count]{margin-right:5px;color:#60786b;font-size:.54rem;font-variant-numeric:tabular-nums}
.community-page .cc-markdown-preview-toggle{width:auto!important;padding:0 9px!important;color:#91b19f!important}
.community-page .cc-markdown-preview{
  box-sizing:border-box;
  width:100%;
  min-height:68px;
  margin:0;
  padding:13px 14px 9px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#c9d9d0;
  font-size:.75rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.community-page .cc-markdown-preview[hidden]{display:none!important}
.community-page textarea.cc-textarea[hidden]{display:none!important}
.community-page .cc-markdown-preview>:first-child{margin-top:0}
.community-page .cc-markdown-preview>:last-child{margin-bottom:0}
.community-page .cc-markdown-preview :is(code,pre){border-radius:6px;background:#020906;color:#a8e9be}
.community-page .cc-markdown-status{display:block;min-height:12px;margin-top:4px;color:#6f8c7c;font-size:.53rem}
.community-page .cc-reply-context {
  margin: 0 0 8px;
  padding: 4px 8px;
  border-color: rgba(53,242,122,.14);
  background: rgba(53,242,122,.045);
  color: #82998d;
}
.community-comments-window {
  display:flex;
  align-items:center;
  gap:10px;
  margin:13px;
  padding:11px 13px;
  border:1px solid rgba(53,242,122,.20);
  border-radius:11px;
  background:rgba(53,242,122,.055);
  color:#83e9a7;
}
.community-comments-window>span{font-size:1.05rem}
.community-comments-window>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.community-comments-window strong{color:#caffdd;font-size:.68rem}
.community-comments-window small{color:#789b87;font-size:.58rem;line-height:1.45}
.community-post-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 2px; }
.community-post-tags :is(span, a) {
  padding: 5px 8px;
  border: 1px solid rgba(53,242,122,.18);
  border-radius: 999px;
  background: rgba(53,242,122,.055);
  color: #87e9a9 !important;
  font-size: .59rem;
  font-weight: 750;
  text-decoration: none !important;
}
.community-post-tags a:hover { border-color: rgba(53,242,122,.42); background: rgba(53,242,122,.10); }
.community-detail-tags { margin: -2px 0 14px; }

/* Sticky, accessible reading controls for post detail pages. */
.community-detail-page { --post-reading-scale: 1; transition: width .2s ease; }
.reading-toolbar {
  position: sticky;
  z-index: 60;
  top: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--community-border);
  border-radius: 13px;
  background: rgba(7,17,12,.94);
  box-shadow: 0 14px 42px rgba(0,0,0,.26);
  backdrop-filter: blur(16px);
}
.reading-toolbar > div:first-child { display: flex; flex-direction: column; gap: 2px; }
.reading-toolbar > div:first-child span { color: #edf8f1; font-size: .71rem; font-weight: 800; }
.reading-toolbar > div:first-child strong { color: #7f998b; font-size: .58rem; font-weight: 650; }
.reading-toolbar > div:last-child { display: flex; gap: 6px; }
.reading-toolbar button {
  display: inline-flex;
  min-width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--community-border);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  color: #b9cbc1;
  font: 800 .69rem/1 "DM Sans", sans-serif;
  cursor: pointer;
}
.reading-toolbar button:hover,
.reading-toolbar button[aria-pressed="true"] { border-color: rgba(53,242,122,.45); background: var(--community-accent-soft); color: #d9ffe6; }
.reading-toolbar button:focus-visible { outline: 2px solid var(--community-accent); outline-offset: 2px; }
.reading-toolbar svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.community-detail-page .community-article-content { font-size: calc(1rem * var(--post-reading-scale)) !important; }
.community-detail-page.is-focus-mode { width: min(1180px, calc(100% - 32px)); }
.community-detail-page.is-focus-mode :is(.community-back, .community-thread) { display: none !important; }
.community-detail-page.is-focus-mode .community-article { box-shadow: 0 28px 90px rgba(0,0,0,.30); }
.community-detail-page.is-focus-mode .community-article-content { max-width: 900px; margin: 0 auto; }
.community-article-footer { align-items: center; justify-content: space-between; gap: 12px; }

@media (max-width: 980px) {
  .community-page .collection-filters { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .community-page .collection-filter-field:first-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .reading-toolbar { top: 67px; }
  .reading-toolbar > div:first-child { display: none; }
  .reading-toolbar > div:last-child { width: 100%; }
  .reading-toolbar button { flex: 1; }
  .reading-focus-toggle span { display: none; }
  .community-page .cc-menu-popover { position: fixed; top: auto; right: 12px; bottom: 12px; left: 12px; width: auto; padding: 8px; }
  .community-page .cc-menu-item { height: 44px !important; min-height: 44px !important; font-size: .76rem; }
}
@media (max-width: 620px) {
  .community-card .community-engagement {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 42px 40px;
    gap: 6px;
    padding: 10px;
  }
  .community-card .community-engagement :is(.post-like-button, .community-comments-toggle, .community-view-count) {
    width: 100%;
    min-width: 0;
    padding: 0 7px;
  }
  .community-card .community-engagement :is(.post-like-form, .post-like-login) { grid-column: 1; grid-row: 1; }
  .community-card .community-engagement .community-comments-toggle { grid-column: 2; grid-row: 1; }
  .community-card .community-engagement .community-view-count { grid-column: 3; grid-row: 1; }
  .community-card .community-engagement .share-action { grid-column: 4; grid-row: 1; }
  .community-page .community-comment-list { gap: 8px; }
  .community-page .community-comment-list-detail { padding: 2px 10px 14px !important; }
  .community-page .cc-comment { gap: 9px; padding: 11px; border-radius: 11px; }
  .community-page .cc-avatar { width: 34px; height: 34px; }
  .community-page .cc-header { min-height: 34px; align-items: flex-start; gap: 8px; }
  .community-page .cc-header-side { align-items: flex-end; flex-direction: row; gap: 6px; }
  .community-page .cc-time { max-width: 112px; overflow: hidden; text-overflow: ellipsis; }
  .community-page .cc-is-reply { width:100%; margin-left:0; padding:11px; }
  .community-page .cc-thread-children { gap:8px; margin:8px 0 0 8px; padding-left:13px; }
  .community-page .cc-thread-children > .cc-thread-node::before { left:-13px; width:10px; }
  .community-page .cc-thread-children > .cc-thread-node::after { left:-16px; }
  .community-page .cc-thread-children > .cc-thread-node:last-child > .cc-comment::before { left:-14px; }
  .community-page .cc-voice{width:100%;padding:9px}
  .community-page .cc-content-stack-mixed{width:100%;padding-left:9px}
  .community-page .cc-voice-controls{grid-template-columns:32px 30px minmax(55px,1fr) 30px 32px;gap:4px}
  .community-page .record-preview-shell{width:100%;align-items:center;padding:9px}
  .community-page .record-preview-controls{grid-template-columns:32px 30px minmax(54px,1fr) 30px;gap:4px}
  .community-page .cc-edit-voice-row{align-items:stretch;flex-direction:column}
  .community-page .cc-edit-voice-btn,.community-page .cc-remove-existing-voice{width:100%;justify-content:center}
  .community-page .cc-form-actions{display:grid;grid-template-columns:1fr 1fr}
  .community-page .cc-markdown-bar{align-items:stretch;flex-direction:column}
  .community-page .cc-markdown-bar>div:last-child{justify-content:space-between}
  .community-page .cc-menu-trigger { width: 36px; min-width: 36px; padding: 0; justify-content: center; }
  .community-page .cc-menu-trigger span { display: none; }
}

/* Community feed layout · views belong to the card header, not its footer. */
.community-page .community-card{position:relative}
.community-page .community-card-view{
  position:absolute;
  z-index:4;
  top:17px;
  right:17px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:0 10px;
  border:1px solid rgba(145,180,160,.2);
  border-radius:10px;
  background:rgba(7,22,14,.92);
  color:#8fa99a;
  box-shadow:0 8px 22px rgba(0,0,0,.17);
  font-size:.66rem;
  white-space:nowrap;
}
.community-page .community-card-view svg{width:16px;height:16px;fill:none;stroke:#6eeaa0;stroke-width:1.8}
.community-page .community-card-view strong{color:#f1fbf5;font-size:.72rem;font-variant-numeric:tabular-nums}
.community-page .community-card-view small{color:#789183;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em}
.community-page .community-card-author{padding-right:108px!important;padding-bottom:10px!important}
.community-page .community-card-copy{padding:18px 20px 22px}
.community-page .community-card-copy h2{margin:0 0 12px}
.community-page .community-card-copy p{min-height:0;margin:13px 0 18px}
.community-page .community-card .community-engagement{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;
}
.community-page .community-card .community-engagement :is(.post-like-form,.post-like-login){grid-column:1}
.community-page .community-card .community-engagement .community-comments-toggle{grid-column:2}
.community-page .community-card .community-engagement .share-action{grid-column:3}

@media(max-width:620px){
  .community-page{width:min(100% - 20px,1180px)!important;padding-top:22px!important}
  .community-page .community-section-heading{margin:24px 3px 14px}
  .community-page .community-card-author{padding:16px 98px 8px 16px!important;gap:8px!important}
  .community-page .community-card-view{top:15px;right:14px;min-height:32px;padding:0 8px}
  .community-page .community-card-view small{display:none}
  .community-page .community-author-identity{width:100%;min-width:0}
  .community-page .community-author-controls{width:auto!important;margin:8px 0 0!important;justify-content:flex-start!important}
  .community-page .community-card-copy{padding:18px 20px 24px}
  .community-page .community-card-copy h2{font-size:1.45rem;line-height:1.25}
  .community-page .community-card-copy p{font-size:.9rem;line-height:1.62}
  .community-page .community-card .community-engagement{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:7px;padding:11px 12px}
  .community-page .community-card .community-engagement :is(.post-like-button,.community-comments-toggle){width:100%;min-width:0}
  .community-page .community-card .community-engagement .share-action{grid-column:3}
}

@media(max-width:380px){
  .community-page .community-card-author{padding-right:82px!important}
  .community-page .community-card-view{right:11px;padding:0 7px}
}
@media (max-width: 430px) {
  .community-page .collection-filters { grid-template-columns: 1fr; }
  .community-page .collection-filter-field:first-child { grid-column: auto; }
  .reading-toolbar { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .community-detail-page { transition: none; }
}

/* v20260913footerflow2: premium post-detail view counter. */
.reading-view-count{display:inline-flex!important;align-items:center;gap:9px;min-height:38px;padding:5px 12px 5px 8px;border:1px solid rgba(53,242,122,.24);border-radius:11px;background:linear-gradient(135deg,rgba(53,242,122,.11),rgba(8,24,16,.7));color:#a8ffc4;box-shadow:inset 0 1px rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.14);white-space:nowrap}
.reading-view-count svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;color:#5dff99}.reading-view-count span{display:flex;align-items:baseline;gap:6px}.reading-view-count strong{color:#effff4;font-size:.86rem;font-weight:900;line-height:1}.reading-view-count small{color:#75b88e;font-size:.5rem;font-weight:900;letter-spacing:.13em}
.reading-view-count{gap:10px;padding:6px 14px 6px 9px;min-height:42px}.reading-view-count strong{font-size:1.28rem;letter-spacing:-.035em;font-weight:950;line-height:1;color:#ffffff;text-shadow:0 0 14px rgba(53,242,122,.18)}.reading-view-count small{font-size:.66rem;letter-spacing:.17em;font-weight:950;color:#b8f7c9}
.reading-toolbar>.reading-view-count{order:1}.reading-toolbar>.reading-toolbar-status{order:2;display:flex;align-items:center}.reading-toolbar>.reading-toolbar-status strong{color:#7f998b;font-size:.58rem;font-weight:650}.reading-toolbar>div:last-child{order:3;margin-left:auto}
@media(max-width:700px){.reading-view-count{align-self:flex-start;min-height:38px;padding:5px 11px 5px 8px}.reading-view-count strong{font-size:1.06rem}.reading-view-count small{font-size:.58rem}}
@media(max-width:700px){.reading-toolbar>.reading-view-count{display:inline-flex!important}.reading-toolbar>.reading-toolbar-status{display:none!important}}

/* Community reporting: private, focused, and consistent with SecOne4all. */
.community-report-open{overflow:hidden}
.community-owner-actions .post-action-report{border-color:rgba(246,184,83,.22);color:#e7b86b}
.community-owner-actions .post-action-report:hover{border-color:rgba(246,184,83,.46);background:rgba(246,184,83,.08);color:#ffd18a}
.cc-menu-item.cc-btn-report{color:#e2b36c}
.cc-menu-item.cc-btn-report:hover{background:rgba(246,184,83,.08);color:#ffd18a}
.community-report-overlay{position:fixed;z-index:13000;inset:0;display:grid;place-items:center;padding:18px}
.community-report-overlay[hidden]{display:none!important}
.community-report-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(1,7,4,.84);backdrop-filter:blur(10px);cursor:default}
.community-report-dialog{position:relative;width:min(100%,560px);overflow:hidden;border:1px solid rgba(246,184,83,.25);border-radius:20px;background:linear-gradient(145deg,#102018,#07110d);box-shadow:0 35px 110px rgba(0,0,0,.62)}
.community-report-dialog>header{display:grid;grid-template-columns:46px minmax(0,1fr) 36px;gap:13px;align-items:start;padding:20px;border-bottom:1px solid rgba(145,180,160,.12)}
.community-report-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(246,184,83,.25);border-radius:13px;background:rgba(246,184,83,.08);color:#f0bd6a}
.community-report-icon svg,.community-report-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.community-report-dialog header small{color:#d5a85f;font-size:.58rem;font-weight:850;letter-spacing:.13em}
.community-report-dialog h2{margin:6px 0 5px;color:#f2faf5;font:700 1.2rem/1.2 "Space Grotesk",sans-serif}
.community-report-dialog header p{margin:0;color:#8fa399;font-size:.68rem;line-height:1.55}
.community-report-close{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid rgba(145,180,160,.16);border-radius:9px;background:#091711;color:#879c90;cursor:pointer}
.community-report-close svg{width:15px;height:15px}
.community-report-dialog form{display:grid;gap:14px;padding:20px}
.community-report-target{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(145,180,160,.12);border-radius:10px;background:#07140e}
.community-report-target span{color:#71877b;font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.community-report-target strong{min-width:0;overflow:hidden;color:#dce9e2;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.community-report-dialog label{display:grid;gap:7px;color:#c8d8cf;font-size:.68rem;font-weight:750}.community-report-dialog label>span{display:flex;justify-content:space-between}.community-report-dialog label>span small,.community-report-dialog label>small{color:#697f73;font-size:.56rem;font-weight:600}.community-report-dialog label>small{text-align:right}
.community-report-dialog :is(select,textarea){width:100%;padding:11px 12px;border:1px solid rgba(145,180,160,.20);border-radius:10px;outline:0;background:#06110c;color:#e8f3ed;font:500 .72rem/1.5 "DM Sans",sans-serif}.community-report-dialog :is(select,textarea):focus{border-color:rgba(246,184,83,.58);box-shadow:0 0 0 3px rgba(246,184,83,.07)}
.community-report-notice{padding:10px 12px;border-left:3px solid rgba(246,184,83,.55);border-radius:0 8px 8px 0;background:rgba(246,184,83,.045);color:#96876e;font-size:.62rem;line-height:1.55}
.community-report-dialog footer{display:flex;justify-content:flex-end;gap:8px}.community-report-dialog footer button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid rgba(145,180,160,.18);border-radius:10px;background:#0b1a13;color:#afc1b7;font-size:.68rem;font-weight:800;cursor:pointer}.community-report-dialog footer .community-report-submit{border-color:#dd9f42;background:linear-gradient(145deg,#efb75f,#c88931);color:#211303}.community-report-submit.is-loading{opacity:.7;pointer-events:none}
.community-report-status{min-height:18px;margin:0;color:#82988c;font-size:.64rem;text-align:right}.community-report-status.is-success{color:#69e99a}.community-report-status.is-error{color:#ff9e9e}
@media(max-width:560px){.community-report-overlay{align-items:end;padding:10px}.community-report-dialog{max-height:calc(100vh - 20px);overflow:auto;border-radius:18px}.community-report-dialog>header{grid-template-columns:40px minmax(0,1fr) 34px;padding:16px}.community-report-icon{width:40px;height:40px}.community-report-dialog form{padding:16px}.community-report-dialog footer{display:grid;grid-template-columns:1fr 1fr}.community-report-dialog footer button{width:100%}}

/* Keep long post details in normal document flow. Legacy dashboard.css pins
   body to 100% height, which otherwise lets the article paint over the footer. */
body:has(.community-detail-page) {
  height: auto !important;
  min-height: 100vh;
}
body:has(.community-detail-page) > .main {
  height: auto !important;
  min-height: calc(100vh - 73px);
  flex: 1 0 auto;
  overflow: visible !important;
}
body:has(.community-detail-page) > .site-footer {
  position: relative;
  flex: 0 0 auto;
}

/* v20260929tablet1: keep article controls and long inline commands inside
   the reading column on tablet. Code blocks/tables retain their own scroll. */
.community-detail-page,
.community-detail-page .community-article,
.community-detail-page .community-article-content {
  min-width: 0;
  max-width: 100%;
}
.community-detail-page .community-article-content {
  overflow-x: clip;
}
.community-detail-page .post-markdown-body :not(pre) > code {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.community-detail-page .post-markdown-body :is(pre, table),
.community-detail-page .markdown-copy-zone {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 1050px) {
  .reading-toolbar {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
  }
  .reading-toolbar > .reading-toolbar-status {
    min-width: 0;
    flex: 1 1 auto;
  }
  .reading-toolbar > div:last-child {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-left: 0;
  }
  .reading-toolbar button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
  }
}

/* v20260930desktop3: let the community feed use modern desktop widths.
   The previous 1180px ceiling compressed author controls and filters into the
   same narrow row even when the viewport had ample space. */
@media (min-width: 1280px) {
  .community-page:not(.community-detail-page) {
    width: min(1480px, calc(100% - 56px));
  }

  .community-page:not(.community-detail-page) .collection-filters {
    gap: 12px;
    padding: 17px;
    border-radius: 17px;
  }

  .community-page:not(.community-detail-page) .collection-filter-field > span {
    margin-bottom: 1px;
    color: #adc2b6;
    font-size: .67rem;
  }

  .community-page:not(.community-detail-page) .collection-filters :is(input, select),
  .community-page:not(.community-detail-page) :is(.collection-filter-submit, .collection-filter-reset) {
    height: 47px;
    font-size: .81rem;
  }

  .community-page:not(.community-detail-page) .community-section-heading {
    margin-top: 30px;
    margin-bottom: 16px;
  }

  .community-page:not(.community-detail-page) .community-grid {
    gap: 22px;
  }

  .community-page:not(.community-detail-page) .community-card {
    border-radius: 18px;
  }

  .community-page:not(.community-detail-page) .community-card-author {
    min-height: 82px;
    padding: 20px 122px 15px 22px !important;
    align-items: flex-start !important;
  }

  .community-page:not(.community-detail-page) .community-author-identity {
    padding-top: 1px;
  }

  .community-page:not(.community-detail-page) .community-author-meta strong {
    font-size: .9rem !important;
  }

  .community-page:not(.community-detail-page) .community-author-meta time {
    font-size: .68rem;
  }

  .community-page:not(.community-detail-page) .community-author-controls {
    max-width: 250px;
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .community-page:not(.community-detail-page) .community-card-view {
    top: 19px;
    right: 20px;
    min-height: 36px;
    padding: 0 11px;
  }

  .community-page:not(.community-detail-page) .community-card-copy {
    padding: 20px 22px 25px;
  }

  .community-page:not(.community-detail-page) .community-card-copy h2 {
    font-size: 1.48rem;
    line-height: 1.22;
  }

  .community-page:not(.community-detail-page) .community-card-copy p {
    margin-top: 14px;
    color: #9fb4a8;
    font-size: .91rem;
    line-height: 1.64;
  }

  .community-page:not(.community-detail-page) .community-read-more {
    font-size: .84rem;
  }

  .community-page:not(.community-detail-page) .community-card .community-engagement {
    gap: 10px;
    padding: 14px 16px;
  }
}

/* v20260930community4: organized feed cards and predictable icon docks. */
.community-page:not(.community-detail-page) .community-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(53,242,122,.055), transparent 34%),
    linear-gradient(145deg, rgba(14,30,21,.985), rgba(7,18,12,.99));
  box-shadow: 0 20px 60px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.025);
}

.community-page:not(.community-detail-page) .community-card.has-open-comment-menu {
  z-index: 40;
  overflow: visible;
}

.community-page:not(.community-detail-page) .community-card-author {
  position: relative;
  min-height: 76px;
  padding: 18px 285px 14px 20px !important;
  border-bottom: 1px solid rgba(145,180,160,.09);
}

.community-page:not(.community-detail-page) .community-author-identity {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr);
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: center;
}

.community-page:not(.community-detail-page) .community-author-identity > a:first-child {
  grid-row: 1 / 3;
}

.community-page:not(.community-detail-page) .community-author-meta {
  gap: 3px;
}

.community-page:not(.community-detail-page) .community-author-meta time {
  overflow: hidden;
  color: #789083;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community-page:not(.community-detail-page) .community-card-view {
  top: 17px;
  right: 17px;
  min-width: 88px;
  min-height: 38px;
  justify-content: center;
  padding: 0 11px;
  border-color: rgba(53,242,122,.17);
  background: linear-gradient(145deg,rgba(53,242,122,.075),rgba(7,20,14,.96));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}

.community-page:not(.community-detail-page) .community-author-controls {
  position: absolute;
  z-index: 5;
  top: 17px;
  right: 116px;
  display: flex;
  width: auto !important;
  max-width: calc(100% - 34px);
  align-items: center;
  justify-content: flex-end !important;
  gap: 7px;
  margin: 0 !important;
}

.community-page:not(.community-detail-page) .community-private {
  min-height: 30px;
  align-items: center;
  padding: 0 9px !important;
  border: 1px solid rgba(53,242,122,.18);
  background: rgba(53,242,122,.065);
}

.community-page:not(.community-detail-page) .community-owner-actions {
  gap: 4px;
  padding: 3px;
  border: 1px solid rgba(145,180,160,.15);
  border-radius: 11px;
  background: rgba(3,12,8,.66);
}

.community-page:not(.community-detail-page) .community-owner-actions :is(a,button) {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 8px !important;
}

.community-page:not(.community-detail-page) .community-owner-actions :is(a,button):hover {
  background: rgba(53,242,122,.08) !important;
}

.community-page:not(.community-detail-page) .community-card-link {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.community-page:not(.community-detail-page) .community-card-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.community-page:not(.community-detail-page) .community-read-more {
  margin-top: auto;
  padding-top: 4px;
}

.community-page:not(.community-detail-page) .community-card .community-engagement {
  grid-template-columns: max-content max-content minmax(12px,1fr) 42px;
  gap: 8px;
  margin-top: auto;
  padding: 12px 14px;
  background: rgba(2,10,6,.28);
}

.community-page:not(.community-detail-page) .community-card .community-engagement :is(.post-like-form,.post-like-login) { grid-column: 1; }
.community-page:not(.community-detail-page) .community-card .community-engagement .community-comments-toggle { grid-column: 2; }
.community-page:not(.community-detail-page) .community-card .community-engagement .share-action { grid-column: 4; }
.community-page:not(.community-detail-page) .community-card .community-engagement :is(.post-like-button,.community-comments-toggle) {
  min-width: 72px;
  width: auto;
}

@media (max-width: 780px) {
  .community-page:not(.community-detail-page) .community-card-author {
    min-height: 76px;
    padding: 16px 92px 14px 16px !important;
  }
  .community-page:not(.community-detail-page) .community-card-view {
    top: 15px;
    right: 14px;
    min-width: 64px;
  }
  .community-page:not(.community-detail-page) .community-card-view small { display: none; }
  .community-page:not(.community-detail-page) .community-author-controls {
    top: 15px;
    right: 86px;
    bottom: auto;
    left: auto;
    max-width: 118px;
    justify-content: flex-end !important;
  }
  .community-page:not(.community-detail-page) .community-card:has(.community-owner-actions) .community-card-author { padding-right: 205px !important; }
  .community-page:not(.community-detail-page) .community-card:not(:has(.community-card-view)) .community-author-controls { right: 14px; }
  .community-page:not(.community-detail-page) .community-owner-actions { margin-left: 0 !important; }
  .community-page:not(.community-detail-page) .community-card .community-engagement {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 42px;
  }
  .community-page:not(.community-detail-page) .community-card .community-engagement :is(.post-like-button,.community-comments-toggle) {
    width: 100%;
    min-width: 0;
  }
  .community-page:not(.community-detail-page) .community-card .community-engagement .share-action { grid-column: 3; }
}

/* v20260930community6: icon-only private marker and a single mobile action rail. */
.community-private{
  display:inline-grid!important;
  width:32px!important;
  height:32px!important;
  min-height:32px!important;
  place-items:center;
  flex:0 0 32px;
  padding:0!important;
  border-radius:9px!important;
  font-size:0!important;
}
.community-private::before{display:none!important}
.community-private svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* v20260930community8: left private marker, centered views, right actions. */
.community-page:not(.community-detail-page) .community-author-controls{
  top:16px;
  right:16px;
  display:grid;
  grid-template-columns:32px 88px minmax(0,auto);
  align-items:center;
  gap:7px;
  max-width:calc(100% - 32px);
}
.community-page:not(.community-detail-page) .community-author-controls>.community-owner-actions{grid-column:3;margin:0!important;justify-self:end}
.community-page:not(.community-detail-page) .community-author-controls>.community-card-view{
  position:static!important;
  grid-column:2;
  width:88px;
  min-width:88px;
  margin:0;
  justify-self:center;
}
.community-page:not(.community-detail-page) .community-author-controls>.community-private{grid-column:1;justify-self:start}
@media(max-width:780px){
  .community-page:not(.community-detail-page) .community-card-author{padding-right:92px!important}
  .community-page:not(.community-detail-page) .community-card:has(.community-owner-actions) .community-card-author,
  .community-page:not(.community-detail-page) .community-card:has(.community-private) .community-card-author{padding-right:230px!important}
  .community-page:not(.community-detail-page) .community-author-controls{
    top:15px;
    right:14px;
    grid-template-columns:32px 64px minmax(0,auto);
    gap:5px;
    max-width:calc(100% - 28px);
  }
  .community-page:not(.community-detail-page) .community-author-controls>.community-card-view{width:64px;min-width:64px}
}