/* Ghost-only additions on top of the site's /css/site.css */

/* Editor cards: wide and full-width images */
.gh-content .kg-width-wide {
    position: relative;
    width: min(1040px, 100vw - 40px);
    left: 50%;
    transform: translateX(-50%);
}
.gh-content .kg-width-full {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}
.gh-content .kg-width-full img { border-radius: 0; }

.gh-content img { max-width: 100%; height: auto; border-radius: var(--radius-lg, 12px); }
.gh-content figure { margin: 1.8em 0; }
.gh-content figcaption,
.article-figure figcaption { color: var(--muted); font-size: .9rem; text-align: center; margin-top: 8px; }
.gh-content blockquote { margin: 1.6em 0; padding-left: 18px; border-left: 3px solid var(--accent, #e0312b); color: #384250; }
.gh-content pre { overflow-x: auto; padding: 16px; border-radius: 10px; background: var(--paper-2, #f4f5f7); }
.gh-content table { width: 100%; border-collapse: collapse; margin: 1.6em 0; display: block; overflow-x: auto; }
.gh-content th, .gh-content td { border: 1px solid var(--line, #e3e6ea); padding: 8px 10px; text-align: left; }
.gh-content iframe { max-width: 100%; }

.article-figure { margin: 0 0 32px; }
.article-figure .article-cover { margin-bottom: 0; }

.article-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; }

/* Pagination */
.pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 40px; color: var(--muted); }
.pagination a { font-weight: 600; }