/* ==========================================================================
   Ratgeber / Blog – theme-neutral, nutzt die vorhandenen Design-Tokens.
   Wird nur geladen, wenn der Ratgeber aktiv ist.
   ========================================================================== */

/* Artikel-Karten in der Übersicht (erweitern .card) */
.post-card__img { display: block; margin: 0 0 14px; border-radius: var(--radius-sm); overflow: hidden; }
.post-card__img img { display: block; width: 100%; height: 180px; object-fit: cover; }
.post-card__meta { font-size: 0.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 0.5em; }

/* Einzelartikel */
.post-meta { font-size: 0.85rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 1.4em; }
.post-figure { margin: 0 0 1.8em; border-radius: var(--radius); overflow: hidden; }
.post-figure img { display: block; width: 100%; height: auto; }

.post-content { font-size: 1.06rem; line-height: 1.75; }
.post-content p { margin: 0 0 1.1em; }
.post-content h2 { font-size: 1.5rem; margin: 1.7em 0 0.5em; color: var(--ink); }
.post-content h3 { font-size: 1.2rem; margin: 1.5em 0 0.4em; color: var(--ink); }
.post-content ul, .post-content ol { margin: 1em 0; padding-left: 1.4em; }
.post-content li { margin: 0.4em 0; }
.post-content img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
.post-content blockquote { margin: 1.5em 0; padding: 0.4em 0 0.4em 1.2em; border-left: 3px solid var(--line-strong, var(--line)); color: var(--muted); font-style: italic; }
.post-content a { font-weight: 600; }
.post-content > :first-child { margin-top: 0; }

/* Pagination */
.pagination { margin: 2.6em 0 0; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.pagination .page-numbers { display: inline-flex; min-width: 2.5em; padding: 0.55em 0.85em; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: var(--radius-sm); text-decoration: none; color: var(--ink); font-weight: 700; }
.pagination .page-numbers:hover { border-color: var(--muted); }
.pagination .page-numbers.current { background: var(--ink); color: #fff; border-color: var(--ink); }
.pagination .page-numbers.dots { border: none; }