/* Remote blog requests: scope all rules to the blog view. */
#view-blog .blog-layout {align-items:start;}
#view-blog .blog-results-column {min-width:0;display:flex;flex-direction:column;gap:20px;}
#view-blog .blog-form > .panel-heading {align-items:flex-start;gap:12px;flex-wrap:wrap;}
#view-blog .blog-form > .panel-heading > div {flex:1;min-width:200px;}
#view-blog .blog-form .panel-heading p {max-width:48em;line-height:1.6;}
#view-blog .blog-queue-note {font-size:12px;line-height:1.7;color:var(--muted,#667085);margin:12px 0 0;}
#view-blog .blog-history-pane {padding:20px;}
#view-blog .blog-history-pane .panel-heading {padding:0;margin-bottom:14px;align-items:center;gap:10px;}
#view-blog .blog-history-pane .panel-heading h2 {font-size:18px;}
#view-blog .blog-history-pane .panel-heading p {margin:4px 0 0;font-size:12px;}
#view-blog .blog-job-list {display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:280px;overflow-y:auto;padding:2px;}
#view-blog .blog-job-list .empty {grid-column:1/-1;}
#view-blog .blog-job-card {text-align:left;padding:12px;border:1px solid var(--border,#e1e6ed);border-radius:12px;background:var(--surface,#fff);cursor:pointer;min-width:0;color:inherit;font:inherit;}
#view-blog .blog-job-card:hover {background:#f5f8fd;}
#view-blog .blog-job-card.selected {border-color:#4b79d8;box-shadow:0 0 0 1px #4b79d8;background:#f3f7ff;}
#view-blog .blog-job-card:focus-visible {outline:3px solid #94b9ff;outline-offset:2px;}
#view-blog .blog-job-card-title {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;font-size:13px;margin-bottom:9px;}
#view-blog .blog-job-card-meta {display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#667085;}
#view-blog .blog-job-status {font-weight:600;color:#576579;}
#view-blog .status-completed {color:#19734b;}
#view-blog .status-processing {color:#285ab8;}
#view-blog .status-failed,#view-blog .status-expired {color:#a8483b;}
#view-blog .blog-job-detail {border-radius:12px;background:#f5f7fb;padding:12px 14px;margin-bottom:12px;line-height:1.7;font-size:13px;color:#475467;}
#view-blog .blog-job-detail p {margin:0;overflow-wrap:anywhere;}
#view-blog .blog-job-detail small:empty {display:none;}
#view-blog .blog-job-detail small {display:block;margin-top:6px;}
#view-blog .blog-job-controls {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
#view-blog .blog-job-controls:has(> [hidden]):not(:has(> :not([hidden]))) {display:none;}
#view-blog .blog-server-error {font-size:13px;line-height:1.6;border-radius:10px;padding:10px 12px;background:#fff1ef;color:#a13425;overflow-wrap:anywhere;}
#view-blog .blog-output-pane {position:static;min-width:0;}
#view-blog .blog-output-pane .panel-heading {gap:12px;align-items:flex-start;flex-wrap:wrap;}
#view-blog #blog-selected-title {overflow-wrap:anywhere;font-size:19px;}
#view-blog .blog-output {min-height:440px;}
#view-blog .blog-actions {flex-wrap:wrap;}
#view-blog [hidden] {display:none!important;}
@media(max-width:720px) {
  #view-blog .blog-layout {grid-template-columns:minmax(0,1fr);gap:16px;}
  #view-blog .blog-form,#view-blog .blog-output-pane,#view-blog .blog-history-pane {padding:16px;}
  #view-blog .blog-grid {grid-template-columns:minmax(0,1fr);}
  #view-blog .blog-grid .span-2 {grid-column:1;}
  #view-blog .blog-month-nav {gap:5px;}
  #view-blog .blog-month-nav input {min-width:0;}
  #view-blog .blog-section-title {align-items:flex-start;flex-wrap:wrap;gap:10px;}
  #view-blog .blog-photo-list {grid-template-columns:repeat(2,minmax(0,1fr));}
  #view-blog .blog-job-list {grid-template-columns:minmax(0,1fr);max-height:270px;}
  #view-blog .blog-output {min-height:360px;}
  #view-blog .blog-actions .primary-button {flex:1;justify-content:center;}
  #view-blog .blog-actions button {min-height:44px;}
}

#view-blog .blog-history-jump {margin:-3px 0 18px;padding:8px 0;min-height:36px;}