/* Community page (community.html) */
.cm-grid { display: grid; gap: clamp(20px, 3vw, 40px); grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 900px) { .cm-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } .cm-ad { position: sticky; top: 90px; } }
.cm-ad { margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.cm-ad img { display: block; width: 100%; height: auto; }
.cm-form { display: grid; gap: .9rem; }
.cm-label { display: grid; gap: .35rem; font-size: .9rem; font-weight: 500; }
.cm-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.cm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cm-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.cm-story { display: flex; gap: .8rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(var(--text-rgb), .03); }
.cm-av { flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: var(--on-accent); font-weight: 700; }
.cm-body { min-width: 0; }
.cm-text { margin: .25rem 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.form-status.is-err { color: #ff8a8a; }