.community-reports [hidden] { display: none !important; }
.community-reports button { min-height: 44px; padding: 11px 16px; border: 1px solid var(--ui-tile-border, #d9cbbf); border-radius: 9px; color: var(--ink); background: #fff; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; cursor: pointer; box-shadow: none; }
.community-reports button:hover:enabled { background: #f8eee7; border-color: #ab7c5c; }
.community-reports button:focus-visible { outline: 3px solid #0b5fff; outline-offset: 3px; }
.community-reports button:disabled { cursor: default; opacity: .6; }
.community-actions, .community-reason-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.community-reports .community-problem { background: #ad3c1b; border-color: #ad3c1b; color: #fff; }
.community-reports .community-problem:hover:enabled { background: #923016; color: #fff; }
.community-reports .community-works { color: #226140; }
.community-reasons { padding: 16px; background: var(--ui-tile-bg, #fbf6f0); border: 1px solid var(--ui-border, #e4d6ca); border-radius: 10px; }
.community-reasons p { margin: 0 0 10px; font-size: 14px; }
.community-reports .community-feedback { font-size: 14px; margin-top: 12px; color: var(--muted); }
.community-feedback[data-state="error"] { color: #a33619; }
.community-feedback[data-state="success"] { color: #226140; }
.community-overview { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; border-top: 1px solid var(--ui-border, #e4d6ca); padding-top: 20px; }
.community-overview p { display: grid; gap: 1px; margin: 0; }
.community-overview strong { font: 600 30px/1.2 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.community-overview p:first-child strong { color: #ad3c1b; }
.community-overview p:nth-child(2) strong { color: #226140; }
.community-overview span { font-size: 14px; color: var(--muted); }
.community-window { display: grid; gap: 3px; margin-left: auto; text-align: right; }
.community-window small { color: var(--muted); font-size: 12px; }
.community-details { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 32px; margin-top: 22px; }
.community-figure { margin: 0; min-width: 0; }
.community-figure figcaption, .community-common h3 { margin: 0 0 12px; font-size: 14px; font-weight: 600; line-height: 1.5; }
.community-figure svg { display: block; width: 100%; height: 100px; overflow: visible; }
.community-axis { display: flex; justify-content: space-between; gap: 12px; margin-top: 6px; font-size: 11px; color: var(--muted); }
.community-common ol { margin: 0; padding: 0; list-style: none; }
.community-common li { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; font-size: 13px; }
.community-common li span:last-child { color: var(--muted); white-space: nowrap; }
.community-common p { margin: 0; font-size: 13px; color: var(--muted); }
.community-reports .community-freshness, .community-reports .community-note { font-size: 12px; color: var(--muted); line-height: 1.6; }
.community-freshness { margin: 12px 0 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; }
.community-reports .community-refresh { background: transparent; border: 0; padding: 8px 0; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
  .community-actions > button { flex: 1 1 140px; }
  .community-reason-buttons > button { flex: 1 1 130px; }
  .community-overview { gap: 16px 28px; }
  .community-window { width: 100%; margin: 0; text-align: left; }
  .community-details { grid-template-columns: 1fr; gap: 20px; }
}