.community-intro { border-radius: 20px; background: #fff2ce; padding: clamp(20px, 4vw, 40px); border: 1px solid #f3d789; }
.community-intro :is(h1,p) { margin: 0 0 .3rem; }
.community-intro .eyebrow { color: #9b482b; }
.community-boards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 16px 0 24px; }
.community-boards a { display: grid; gap: 3px; border: 1px solid #e3deeb; background: #faf9fc; border-radius: 12px; color: inherit; padding: 12px; text-decoration: none; }
.community-boards a:nth-of-type(3n + 2) { background: #fff3eb; }
.community-boards a:nth-of-type(3n + 3) { background: #edf2ff; }
.community-boards a:is([aria-current], :hover) { border-color: #774a8e; box-shadow: inset 0 0 0 1px #774a8e; }
.community-boards a small { line-height: 1.3; color: #494458; }
.community-boards .community-all { grid-column: 1 / -1; padding-block: 9px; font-weight: 700; }
.community-icon { font-size: 1.15rem; line-height: 1.1; color: #884486; font-weight: 800; }
.community-actions, .community-list-controls, .community-sort, .community-search, .community-pagination, .community-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.community-actions, .community-list-controls { justify-content: space-between; }
.community-search { flex: 1 0 min(100%, 280px); max-width: 420px; flex-wrap: nowrap; }
.community-list-controls { margin-top: 20px; border-bottom: 2px solid #33293e; padding-bottom: 10px; }
.community-form { display: grid; gap: 10px; background: #f8f6fa; border: 1px solid #e3dbe9; border-radius: 12px; padding: 16px; margin-top: 14px; }
.community-form button { justify-self: start; }
.community-form h2, .community-form p { margin: 0; }
.community-fields { display: grid; gap: 8px; }
.community-form :is(input, select, textarea), .community-list-controls select, .community-report select {
  font: inherit; border: 1px solid #baadc9; background: white; color: inherit; border-radius: 7px; padding: 6px; min-height: 40px;
}
.community-form :is(input, select, textarea) { display: block; width: 100%; }
.community-form textarea { resize: vertical; }
.community-status:empty { display: none; }
.community-status { color: #5a3f78; }
.community-list { list-style: none; margin: 0; padding: 0; }
.community-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; padding: 12px; border-bottom: 1px solid #ece6ef; }
.community-row:nth-child(odd), .community-empty { background: #f7f6f9; }
.community-row-tags { grid-column: 1 / -1; font-size: .78rem; display: flex; gap: 10px; color: #625374; }
.community-post-link { grid-column: 1 / -1; font-weight: 780; overflow-wrap: anywhere; }
.community-counts { font-size: .78rem; color: #594872; text-align: right; }
.community-pagination { margin-top: 14px; justify-content: center; }
.community-empty { padding: 14px; border-radius: 10px; }
.community-detail { max-width: none; border: 1px solid #e7e0eb; border-radius: 14px; padding: clamp(14px, 3vw, 24px); margin-top: 16px; }
.community-detail h2 { margin-block: .2rem; overflow-wrap: anywhere; }
.community-copy { white-space: pre-wrap; overflow-wrap: anywhere; }
.community-report-toggle { background: #fff; color: #81374c; border-color: #d0a9b6; min-height: 44px; }
.community-report-toggle:hover, .community-report-toggle[aria-expanded=true] { background: #fff0f3; }
.community-report-toggle[aria-disabled=true] { background: #f3eef3; color: #54445b; cursor: default; }
.community-report form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
.community-report-feedback { margin: 4px 0 0; font-size: .875rem; color: #6d4250; }
.community-report-feedback:empty { margin: 0; }
.community-reply { max-width: none; margin: 0; padding: 12px; border-top: 1px solid #e5dfe9; overflow-wrap: anywhere; }
.community-reply small { margin-left: 8px; color: #60566c; }
.community-reply p { margin-block: 4px; }
@media (min-width: 630px) {
  .community-boards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .community-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.community-account { margin: 8px 0; }
.community-account button, .community-auth-dialog [data-auth-mode], .community-auth-dialog [data-auth-close] { background: #fff; border-color: #bdafc8; color: #42334c; }
.community-auth-dialog { width: min(92vw, 450px); border: 1px solid #e0d4e7; border-radius: 18px; padding: 18px; color: inherit; }
.community-auth-dialog::backdrop { background: #24163188; }
.community-auth-dialog h2 { margin: 0; }
.operator-page .site-layout { display: block; max-width: 1050px; }
.operator-page .site-layout > main { width: auto; padding-inline: clamp(16px, 4vw, 42px); }
.operator-page .site-search, .operator-page .left-wing, .operator-page .trending-rail,
.operator-page .community-intro, .operator-page .community-boards { display: none; }
.operator-page .community-detail-actions { margin: 1rem 0; }
#post-engagement { margin: 24px 0; padding: clamp(12px, 3vw, 22px); border: 1px solid #e7e0eb; border-radius: 14px; }
#post-engagement > h2 { margin: 0 0 10px; }