/* ============ GHOST CONTENT (Mobiledoc / Lexical render) ============ */
.gh-content { font-size: 1.1rem; line-height: 1.75; color: #444; }
.gh-content > * + * { margin-top: 1.5rem; }
.gh-content h2 { font-size: 1.6rem !important; font-weight: 700; margin: 2.5rem 0 1rem; color: #111; }
.gh-content h3 { font-size: 1.3rem !important; font-weight: 700; margin: 2rem 0 0.75rem; color: #222; }
.gh-content p { margin-bottom: 1.25rem; }
.gh-content ul, .gh-content ol { margin: 0 0 1.5rem 1.5rem; }
.gh-content li { margin-bottom: 0.5rem; }
.gh-content strong { color: #111; }
.gh-content a { color: #FF304E; text-decoration: underline; }
.gh-content img { border-radius: 8px; max-width: 100%; height: auto; }
.gh-content blockquote { border-left: 4px solid #FF304E; padding: 0.5rem 1.5rem; margin: 1.5rem 0; background: #fafafa; border-radius: 0 8px 8px 0; }
.gh-content hr { border: none; border-top: 1px solid #eee; margin: 2.5rem 0; }
.gh-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.gh-content th, .gh-content td { padding: 0.75rem 1rem; border: 1px solid #eee; text-align: left; }
.gh-content th { background: #f8f8f8; font-weight: 700; }
.gh-content pre { background: #1a1a1a; color: #f8f8f8; padding: 1rem; border-radius: 8px; overflow-x: auto; }
.gh-content code { background: #f4f4f4; padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.9em; }
.gh-content pre code { background: none; padding: 0; }

/* Gallery cards */
.kg-gallery-container { display: flex; flex-direction: column; gap: 1rem; }
.kg-gallery-row { display: flex; gap: 1rem; }
.kg-gallery-image { flex: 1; }
.kg-gallery-image img { width: 100%; border-radius: 8px; }

/* Bookmark cards */
.kg-bookmark-container { display: flex; border: 1px solid #eee; border-radius: 8px; overflow: hidden; text-decoration: none; }
.kg-bookmark-content { flex: 1; padding: 1rem; }
.kg-bookmark-title { font-weight: 700; color: #111; }
.kg-bookmark-description { color: #666; font-size: 0.9rem; margin-top: 0.25rem; }
.kg-bookmark-thumbnail { width: 120px; }
.kg-bookmark-thumbnail img { width: 100%; height: 100%; object-fit: cover; }

/* Callout cards */
.kg-callout-card { border-radius: 8px; padding: 1.5rem; background: #f8f8f8; }
.kg-callout-card-accent { background: #ffe5e9; }

/* Page content typography (hereda de Taskbes) */
.page-content h1 { font-size: 1.8rem !important; font-weight: 800; margin-bottom: 1rem; color: #111; }
.page-content h2 { font-size: 1.4rem !important; font-weight: 700; margin: 2.5rem 0 1rem; color: #111; }
.page-content h3 { font-size: 1.2rem !important; font-weight: 700; margin: 2rem 0 0.75rem; color: #222; }
.page-content p { font-size: 1rem !important; line-height: 1.75; margin-bottom: 1.25rem; color: #444; }
.page-content ul, .page-content ol { margin: 0 0 1.5rem 1.5rem; }
.page-content li { font-size: 1rem; margin-bottom: 0.5rem; color: #444; }
.page-content strong { color: #111; }
.page-content a { color: #FF304E; text-decoration: underline; }
.page-content img { border-radius: 8px; max-width: 100%; height: auto; margin: 1.5rem 0; }
.page-content blockquote { border-left: 4px solid #FF304E; padding: 0.5rem 1.5rem; margin: 1.5rem 0; background: #fafafa; }
.page-content hr { border: none; border-top: 1px solid #eee; margin: 2.5rem 0; }
.page-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.page-content th, .page-content td { padding: 0.75rem 1rem; border: 1px solid #eee; text-align: left; }
.page-content th { background: #f8f8f8; font-weight: 700; }
.page-content code { background: #f4f4f4; padding: 0.15rem 0.4rem; border-radius: 4px; }
.page-content pre { background: #1a1a1a; color: #f8f8f8; padding: 1rem; border-radius: 8px; overflow-x: auto; }

/* Pagination */
.pagination { display: flex; justify-content: center; gap: 1rem; margin-top: 3rem; }
.pagination a, .pagination span {
  padding: 0.5rem 1rem; border: 1px solid #e1e1e1; border-radius: 6px;
  font-size: 1rem; color: #444; text-decoration: none;
}
.pagination .active { background: #FF304E; color: #fff; border-color: #FF304E; }