.article-editor { margin: 28px 0; padding: 24px 0; border-block: 1px solid #d9e0e4; }
.article-editor label { display: grid; gap: 8px; margin: 16px 0; }
.article-editor input, .article-editor textarea, .article-editor select { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #b6c2ca; border-radius: 8px; font: inherit; background: #fff; color: #172b36; }
.article-editor textarea { resize: vertical; line-height: 1.8; }
.article-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 16px 0; }
.article-list-item { padding: 20px 0; border-bottom: 1px solid #d9e0e4; }
.article-list-item h2, .article-list-item p { margin: 8px 0; }
.article-meta { color: #52636e; font-size: 14px; }
.article-content, .article-preview { overflow-wrap: anywhere; }
.article-body, .article-preview { line-height: 1.9; }
.article-preview { padding: 20px; border: 1px solid #d9e0e4; border-radius: 8px; background: #fff; }
.article-body h2 { margin-top: 32px; }
.article-editor button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 600px) { .article-editor { padding: 16px 0; } .article-actions > button { flex: 1 1 auto; } }
.admin-page [hidden] { display: none !important; }
.article-classification { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.column-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 28px 0; padding-bottom: 20px; border-bottom: 1px solid #d9e0e4; }
.column-filters label { display: grid; gap: 8px; font-size: 14px; }
.column-filters input, .column-filters select { padding: 10px; border: 1px solid #b6c2ca; border-radius: 8px; font: inherit; background: #fff; color: #172b36; max-width: 100%; }
@media (max-width: 600px) { .article-classification { grid-template-columns: 1fr; gap: 0; } .column-filters label { flex: 1 1 140px; min-width: 0; } }