/* Keep the existing News typography, with the shared forum editor and comments. */
.news-community .news-article h2{font-size:clamp(27px,3.5vw,40px);line-height:1.15;letter-spacing:-.035em}.news-community .news-article h2 a{color:inherit}.news-community .release-summary{color:var(--issue-muted);font-size:clamp(16px,1.6vw,19px)}.news-community .release-meta{color:var(--issue-muted)}.news-community .release-tag{color:var(--issue-muted);border-color:var(--issue-line);background:var(--issue-field)}.news-community .news-full{margin-top:24px;font-size:17px;max-width:1060px}.news-community .release{border-color:var(--issue-line)}.news-community .news-comment-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.news-community .release-actions{margin-top:22px}.news-community #forum-list>.release:first-child{padding-top:12px}.news-community .forum-toolbar{margin-bottom:26px}.news-community .forum-editor-hint{font-size:12px}.news-community .forum-rich{color:inherit}html[data-theme=light] .news-community{color:#20212b}

/* Compact comment action paired with the existing outlined reading control. */
.news-community .release-actions{justify-content:space-between;gap:16px}.news-community .release-actions [data-expand]{background:transparent;border-color:var(--issue-line);border-radius:12px;padding:10px 18px;min-height:44px;color:inherit}.news-community .news-comment-link{gap:8px;justify-content:center;min-width:52px;min-height:44px;padding:8px 6px;color:var(--issue-muted);font-size:16px;font-weight:500;line-height:1;border-radius:10px;font-variant-numeric:tabular-nums;text-decoration:none}.news-community .news-comment-link svg{display:block;flex:none}.news-community .news-comment-link:hover{color:#aaadff;background:var(--issue-field)}html[data-theme=light] .news-community .news-comment-link:hover{color:#4c4fc4}.news-community .news-comment-link:focus-visible{outline:2px solid #9699ff;outline-offset:3px}

.news-community .news-article{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:32px;align-items:start;padding:36px 0 42px}
.news-community .news-entry-content{min-width:0}
.news-community .release-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:0}
/* Nuvio's release controls: 176px wide, 42px tall, with 14px labels. */
.news-community .release-actions [data-expand],.news-community .news-github-link{display:flex;align-items:center;justify-content:center;border-radius:9999px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;line-height:1;box-sizing:border-box}
.news-community .release-actions [data-expand]{background:var(--button);color:var(--button-text);border-color:transparent}
.news-community .news-github-link{border:1px solid var(--issue-line);color:inherit;text-align:center}
.news-community .news-github-link:hover{background:var(--issue-field)}
.news-community .news-comment-link{align-self:flex-end;min-width:52px}
.news-community .release-tag{margin-bottom:16px}
.news-community .release-summary{margin-top:20px}
html[data-theme=light] .news-community .release-actions [data-expand]{background:#20212b;color:#fff}

/* Match the release button's subtle color feedback for either expand label. */
.news-community .release-actions [data-expand]{--news-action:var(--button);--news-action-text:var(--button-text);transition:background-color .18s ease,color .18s ease,border-color .18s ease}
html[data-theme=light] .news-community .release-actions [data-expand]{--news-action:#20212b;--news-action-text:#fff}
.news-community .release-actions [data-expand]:is(:hover,:focus-visible,:active):not(:disabled){background:color-mix(in srgb,var(--news-action) 88%,var(--news-action-text));color:var(--news-action-text)}
.news-community .release-actions [data-expand]:focus-visible{outline:2px solid #9699ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.news-community .release-actions [data-expand]{transition:none}}

/* Nuvio switches its release feed to one column below 860px. Keep these
   changes scoped to the news feed so desktop and the shared header stay intact. */
@media (max-width: 859px) {
  .news-shell.page-body.news-community {
    width: calc(100vw - 40px) !important;
    margin-inline: auto !important;
  }
  .news-community .news-article {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem;
    padding-block: clamp(2rem, 1.5rem + 2vw, 3.25rem);
  }
  .news-community .release-tag {
    min-height: 1.75rem;
    margin-bottom: 1rem;
    padding-inline: .625rem;
    border-radius: .5rem;
    background: transparent;
    font-size: .75rem !important;
    font-weight: 600;
    line-height: 1;
  }
  .news-community .news-article h2 {
    font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem) !important;
    font-weight: 600;
    letter-spacing: -.028em;
    line-height: 1.08 !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
  .news-community .release-meta {
    margin-top: .625rem;
    font-size: .8125rem !important;
    line-height: 1.45;
  }
  .news-community .release-summary,
  .news-community .news-full {
    max-width: 68ch;
    margin: 1rem 0 0;
    font-size: 1rem !important;
    line-height: 1.62 !important;
    overflow-wrap: anywhere;
  }
  .news-community .release-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .75rem;
    margin-top: 0;
  }
  .news-community .release-actions [data-expand],
  .news-community .news-github-link {
    flex: 0 0 auto;
    width: auto;
    min-height: 2.625rem;
    padding-inline: 1.125rem;
    font-size: .875rem;
    letter-spacing: -.01em;
    white-space: nowrap;
  }
  .news-community .news-github-link {
    background: var(--panel);
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
  }
  .news-community .news-comment-link {
    margin-left: auto;
    align-self: flex-start;
    min-height: 2.625rem;
  }
}
@media (min-width: 640px) and (max-width: 859px) {
  .news-shell.page-body.news-community { width: calc(100vw - 64px) !important; }
}
