/* VQS News-Agent: small branding layer over the repository Tabler theme.
   Components, layout and dark mode deliberately remain Tabler's job. */
:root {
  --tblr-primary: #167a45;
  --tblr-primary-rgb: 22, 122, 69;
}

.news-page-header { margin-bottom: 1.5rem; }
.news-page-header .page-pretitle { letter-spacing: .05em; }
.news-form-card { max-width: 64rem; }
.news-content form { margin-bottom: 1rem; }
.news-content label:not(.form-check) { display: block; margin-bottom: .75rem; font-weight: var(--tblr-font-weight-medium); }
.news-content label input, .news-content label select, .news-content label textarea { margin-top: .3rem; }
.news-content .field { display: block; margin-bottom: 1rem; }
.news-content .hint { display: block; margin-top: .25rem; color: var(--tblr-secondary); font-size: .875rem; font-weight: var(--tblr-font-weight-normal); }
.news-content .pill { display: inline-flex; align-items: center; padding: .2rem .5rem; border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); font-size: .875rem; }
.news-editor { min-height: 32rem; font-family: var(--tblr-font-monospace); font-size: .9rem; }
.news-teaser { min-height: 7rem; }
.news-source-text, .news-json { max-height: 32rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.news-compare-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.news-compare-grid .card { min-width: 0; }
.news-article-preview { line-height: 1.65; }
.news-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.news-actions form { margin: 0; }

@media (max-width: 991.98px) {
  .news-compare-grid { grid-template-columns: 1fr; }
  .news-editor { min-height: 22rem; }
}