/* MIJUONE v1.66.9 — Community typography and compact feed.
   Loaded AFTER v1.66.5 visual CSS; intentionally scoped to the center feed.
   No behavior, form, upload, or database changes. */
.page-community .ms-center {
  --mc69-title: 19px;
  --mc69-heading: 14px;
  --mc69-body: 12.5px;
  --mc69-small: 11px;
  --mc69-meta: 10px;
  font-size: var(--mc69-body);
  line-height: 1.55;
}
/* Header: less oversized, better proportion to other pages. */
.page-community .ms-center > .ms-feed-title {
  padding: 15px 19px;
  gap: 12px;
  min-height: auto;
  border-radius: 19px;
  align-items: center;
}
.page-community .ms-center .ms-feed-title .ms-panel-kicker {
  font-size: 9px;
  line-height: 1.3;
  letter-spacing: .12em;
  margin-bottom: 5px;
}
.page-community .ms-center .ms-feed-title .ms-panel-kicker::before { width: 22px; }
.page-community .ms-center .ms-feed-title h2 {
  font-size: var(--mc69-title);
  line-height: 1.2;
  letter-spacing: -.04em;
  font-weight: 820;
}
.page-community .ms-center .ms-online-count {
  font-size: var(--mc69-meta);
  padding: 7px 11px;
  gap: 6px;
  border-radius: 999px;
}
.page-community .ms-center .ms-online-count .icon { width: 14px; height: 14px; }

/* Composer: preserve all inputs and image buttons, but reduce bulk. */
.page-community .ms-center .ms-composer {
  padding: 15px 18px 12px;
  border-radius: 20px;
}
.page-community .ms-center .ms-compose-top { gap: 11px; }
.page-community .ms-center .ms-compose-avatar .ms-avatar { width: 38px; height: 38px; font-size: 14px; }
.page-community .ms-center .ms-avatar-camera { width: 21px; height: 21px; }
.page-community .ms-center .ms-avatar-camera .icon { width: 12px; height: 12px; }
.page-community .ms-center .ms-composer-label {
  gap: 6px 8px;
  margin-bottom: 3px;
  min-height: 25px;
}
.page-community .ms-center .ms-composer-label strong {
  font-size: var(--mc69-heading);
  line-height: 1.3;
  letter-spacing: -.025em;
}
.page-community .ms-center .ms-composer-label span {
  font-size: var(--mc69-meta);
  min-height: 24px;
  padding: 4px 9px;
  line-height: 1.2;
}
.page-community .ms-center .ms-compose-fields { gap: 2px; }
.page-community .ms-center .ms-compose-fields textarea {
  min-height: 49px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  padding: 6px 0 2px !important;
}
.page-community .ms-center .ms-compose-fields textarea::placeholder { font-size: 12.5px; }
.page-community .ms-center .ms-compose-options { margin-top: 7px; }
.page-community .ms-center .ms-compose-options > summary {
  padding: 9px 12px;
  font-size: var(--mc69-small);
  border-radius: 11px;
}
.page-community .ms-center .ms-compose-options > summary .icon { width: 14px; height: 14px; }
.page-community .ms-center .ms-compose-options-inner { margin-top: 8px; padding: 12px; border-radius: 13px; }
.page-community .ms-center .ms-compose-options-inner :is(input,select,textarea,label) { font-size: 11px; }
.page-community .ms-center .ms-interest-composer-v162 > summary {
  margin-top: 8px;
  padding: 10px 12px;
  font-size: 11px;
  border-radius: 12px;
}
.page-community .ms-center .ms-photo-preview { margin-top: 10px; border-radius: 13px; }
.page-community .ms-center .ms-compose-bottom {
  margin-top: 12px;
  padding-top: 11px;
  gap: 8px;
}
.page-community .ms-center .ms-compose-tools { gap: 8px; }
.page-community .ms-center .ms-upload-control,
.page-community .ms-center .ms-full-editor {
  min-height: 34px;
  padding: 0 11px;
  border-radius: 10px;
  gap: 5px;
  font-size: var(--mc69-small);
}
.page-community .ms-center .ms-upload-control .icon,
.page-community .ms-center .ms-full-editor .icon { width: 15px; height: 15px; }
.page-community .ms-center .ms-file-count { font-size: var(--mc69-meta); }
.page-community .ms-center .ms-publish {
  min-height: 38px;
  padding: 0 14px !important;
  border-radius: 12px;
  font-size: 11.5px;
  box-shadow: 0 9px 18px rgba(32,96,183,.18);
}
.page-community .ms-center .ms-upload-guide {
  margin-top: 9px;
  font-size: var(--mc69-meta);
  line-height: 1.45;
}

/* Filters: one clean line rather than the last filter wrapping on its own.
   Individual tabs stay reachable via horizontal scrolling, not hidden. */
.page-community .ms-center .ms-filters {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px 12px;
  gap: 10px;
  border-radius: 17px;
}
.page-community .ms-center .ms-filter-row {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  min-width: 0;
  max-width: 100%;
  gap: 3px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #bfd3ee transparent;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  padding: 2px 2px 5px;
}
.page-community .ms-center .ms-filter-row a {
  flex: 0 0 auto;
  white-space: nowrap;
  min-height: 33px;
  padding: 0 10px;
  font-size: 10.5px;
  line-height: 1.3;
  letter-spacing: -.01em;
  border-radius: 9px;
  scroll-snap-align: start;
}
.page-community .ms-center .ms-feed-search {
  display: flex;
  flex: 0 0 auto;
  min-width: 0;
  width: 185px;
  max-width: 38%;
  border-radius: 11px;
}
.page-community .ms-center .ms-feed-search :is(input,select,button) { height: 34px; }
.page-community .ms-center .ms-feed-search input {
  min-width: 0;
  width: 100%;
  font-size: 11px;
  padding: 0 8px;
}
.page-community .ms-center .ms-feed-search select {
  flex: 0 0 54px;
  max-width: 54px;
  font-size: 10.5px;
  padding: 0 5px;
}
.page-community .ms-center .ms-feed-search button { width: 33px; flex: 0 0 33px; font-size: 15px; }

/* Threads and replies: clear body vs metadata hierarchy without oversized labels. */
.page-community .ms-center .ms-thread { padding: 15px 16px; gap: 11px; border-radius: 18px; }
.page-community .ms-center .ms-thread-head { gap: 6px; }
.page-community .ms-center .ms-thread-identity strong,
.page-community .ms-center .ms-author-link { font-size: 12px; }
.page-community .ms-center :is(.ms-time,.ms-state,.ms-topic,.ms-thread-location) { font-size: var(--mc69-meta); }
.page-community .ms-center .ms-thread-body { padding: 6px 0 8px; }
.page-community .ms-center .ms-thread-body h3 { font-size: 13.5px; line-height: 1.5; }
.page-community .ms-center .ms-thread-body p { font-size: 12.5px; line-height: 1.65; }
.page-community .ms-center .ms-actions { gap: 8px; }
.page-community .ms-center .ms-actions :is(a,button) { font-size: 11px; }
.page-community .ms-center .ms-reply-copy p,
.page-community .ms-center .ms-comment-line p { font-size: 11.5px; }
.page-community .ms-center .ms-reply-meta strong,
.page-community .ms-center .ms-comment-line strong { font-size: 11px; }

/* Empty feed: shorter and less visually dominant than a populated thread. */
.page-community .ms-center .ms-empty {
  padding: 30px 18px;
  border-radius: 20px;
}
.page-community .ms-center .ms-empty span {
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
  border-radius: 14px;
  font-size: 21px;
}
.page-community .ms-center .ms-empty h3 {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -.035em;
  margin: 0 0 6px;
}
.page-community .ms-center .ms-empty p {
  font-size: 11.5px;
  line-height: 1.6;
  margin-bottom: 12px;
}
.page-community .ms-center .ms-empty a {
  min-height: 36px;
  padding: 0 13px;
  border-radius: 10px;
  font-size: 11px;
}

@media (max-width: 1000px) {
  .page-community .ms-center > .ms-feed-title { padding: 13px 15px; }
  .page-community .ms-center .ms-filters { flex-wrap: wrap; }
  .page-community .ms-center .ms-filter-row { flex: 1 1 100%; }
  .page-community .ms-center .ms-feed-search { flex: 1 1 100%; max-width: 100%; width: 100%; }
}
@media (max-width: 750px) {
  .page-community .ms-center { --mc69-title: 18px; }
  .page-community .ms-center .ms-feed-title { flex-direction: row; align-items: center; padding: 12px 14px; gap: 8px; }
  .page-community .ms-center .ms-online-count { padding: 6px 9px; font-size: 9px; }
  .page-community .ms-center .ms-composer { padding: 13px 13px 11px; }
  .page-community .ms-center .ms-compose-avatar .ms-avatar { width: 35px; height: 35px; }
  .page-community .ms-center .ms-composer-label strong { font-size: 13px; }
  .page-community .ms-center .ms-composer-label span { font-size: 9.5px; }
  .page-community .ms-center .ms-compose-bottom { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .page-community .ms-center .ms-upload-control,
  .page-community .ms-center .ms-full-editor { flex: 0 1 auto; min-width: 0; }
  .page-community .ms-center .ms-publish { width: auto; margin-left: auto; }
  .page-community .ms-center .ms-filters { padding: 9px 10px; }
  .page-community .ms-center .ms-filter-row a { font-size: 10.5px; }
}
@media (max-width: 420px) {
  .page-community .ms-center { --mc69-title: 17px; }
  .page-community .ms-center .ms-feed-title { flex-wrap: wrap; }
  .page-community .ms-center .ms-compose-bottom { align-items: stretch; }
  .page-community .ms-center .ms-compose-tools { flex: 1 1 100%; }
  .page-community .ms-center .ms-publish { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .page-community .ms-center .ms-composer,
  .page-community .ms-center .ms-filter-row a,
  .page-community .ms-center .ms-thread {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}