/* Articles: the blog's review desk. Shares cards, panels and the toolbar with admin-marketing.css and admin-uninstall.css;
   the preview on the right is the site's own blog.css at work inside .articles-preview. */
#view-articles .view__head { --admin-photo:url('https://images.unsplash.com/photo-1578305590924-5b3b0bd8e45d?q=80&w=1800&auto=format&fit=crop'); --admin-photo-position:center; --set1-color:#EEECE2; --set2-color:#1F2A1E; --set3-color:#C8A951; }
.articles-flags { font-size:13px; font-weight:500; color:#7A4B00; }
.articles-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.articles-actions select { height:36px; border:2px solid #E2E2E2; border-radius:10px; padding:0 8px; font:inherit; font-size:13px; background:#fff; }
.articles-actions--decide { padding-top:16px; border-top:1px solid #EEE; align-items:flex-end; }
.articles-actions--decide textarea { flex:1 1 100%; }
.articles-field { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:500; color:#555; min-width:0; }
.articles-field input[type="text"], .articles-field input[type="number"], .articles-field input[type="datetime-local"], .articles-field textarea, .articles-field select, .articles-actions--decide textarea {
  width:100%; border:2px solid #E2E2E2; border-radius:12px; padding:10px 12px; font:400 15px/1.5 'Be Vietnam Pro', sans-serif; color:#111; background:#fff; }
.articles-field textarea { resize:vertical; }
.articles-field input:focus, .articles-field textarea:focus, .articles-field select:focus, .articles-actions--decide textarea:focus { outline:none; border-color:#111; }
.articles-field input[type="checkbox"] { width:20px; height:20px; }
.articles-field small { font-weight:400; color:#777; }
.articles-times { display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:12px; align-items:end; }
.articles-editor { display:flex; flex-direction:column; gap:16px; min-width:0; }
.articles-editor__bar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.articles-editor__columns { display:grid; grid-template-columns:minmax(320px, 5fr) minmax(0, 7fr); gap:24px; align-items:start; }
.articles-editor__fields { display:flex; flex-direction:column; gap:16px; min-width:0; background:#fff; border-radius:22px; padding:24px; box-shadow:0 1px 2px #0000000a; }
.articles-editor__preview { position:sticky; top:16px; max-height:calc(100vh - 32px); overflow:auto; background:#fff; border-radius:22px; padding:24px; box-shadow:0 1px 2px #0000000a; display:flex; flex-direction:column; gap:16px; }
.articles-preview { display:flex; flex-direction:column; gap:28px; border-radius:12px; }
.articles-preview .bl-body { grid-template-columns:minmax(0, 720px); }
.articles-preview .bl-toc, .articles-preview .bl-related { display:none; }
.articles-preview .bl-title { font-size:36px; }
.articles-group { display:flex; flex-direction:column; gap:12px; border-top:1px solid #EEE; padding-top:12px; }
.articles-group:first-child { border-top:0; padding-top:0; }
.articles-group > summary { cursor:pointer; font-weight:700; font-size:15px; color:#111; }
.articles-group[open] > summary { margin-bottom:12px; }
.articles-group > .articles-field, .articles-group > .feedback-help { margin-bottom:12px; }
.articles-blocks { display:flex; flex-direction:column; gap:12px; }
.articles-block { border:2px solid #E2E2E2; border-radius:16px; padding:14px 16px 16px; margin:0; display:flex; flex-direction:column; gap:10px; min-width:0; }
.articles-block legend { padding:0 6px; font-size:12px; font-weight:700; color:#777; }
.articles-facts { background:#fff; border-radius:16px; padding:14px 18px; font-size:14px; line-height:1.55; }
.articles-facts summary { cursor:pointer; font-weight:700; }
.articles-facts ul { margin:10px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:6px; }
@media (max-width:1100px) { .articles-editor__columns { grid-template-columns:minmax(0, 1fr); } .articles-editor__preview { position:static; max-height:none; } }