/* Ghost-only additions. Everything visual comes from site.css (the compiled Next.js CSS, generated)
   and content.css (the .story-body rules re-scoped to Ghost's content block, generated). Keep this file small. */

/* Article body spacing: the old layout had facts / body / table / FAQ as siblings, Ghost renders them in one block. */
.story-content:has(> .story-facts:first-child) { margin-top: 30px; }
.story-content > .story-facts + p { margin-top: 34px; }
.story-content > .story-faq:last-child { margin-bottom: 10px; }
.story-content > h3 { font-size: 1.25rem; margin: 1.6em 0 .5em; }
.story-content > ol { margin: 0 0 1.4em 1.4em; display: grid; gap: 10px; list-style: decimal; }
.story-content > blockquote { margin: 1.6em 0; padding-left: 18px; border-left: 3px solid var(--cyan); color: #fff; font-style: italic; }
.story-content a:not(.btn) { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.story-content > hr { border: 0; border-top: 1px solid var(--line); margin: 2em 0; }

/* Ghost editor cards */
.story-content .kg-card { margin: 1.6em 0; }
.story-content .kg-image-card img, .story-content .kg-gallery-image img { border-radius: var(--radius-sm); }
.story-content figcaption { margin-top: 8px; font-size: .85rem; color: var(--dim); text-align: center; }
.story-content .kg-embed-card { display: flex; flex-direction: column; align-items: center; }
.kg-width-wide { position: relative; width: min(1040px, 100vw - 2 * var(--gutter)); left: 50%; transform: translateX(-50%); }
.kg-width-full { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); }
.kg-width-full img { border-radius: 0 !important; }

/* Hub: links toggled by site.js */
.link-arrow[hidden], [data-empty][hidden] { display: none !important; }

/* Archive pagination */
.pager { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 36px; }
.pager-info { color: var(--muted); font-size: .9rem; }

/* The facts / table / FAQ cards sat OUTSIDE .story-body on the old site: give them the page defaults back. */
.story-content > .story-facts, .story-content > .story-table, .story-content > .story-faq { font-size: 16px; line-height: 1.6; color: var(--text); }