/* seo-blocks.css — SEO wave 2 (27.10.2026). Blocks added by tools/build-promo.py and tools/build-blog.py.
   Kept out of styles.css so no page needs a styles.css version bump. Tokens are the site's own. */

/* ---------- "Keep going": the index and the book, from every main page ---------- */
.next-paths { padding: 0 1.5rem 5rem; }
@media (min-width: 900px) { .next-paths { padding: 0 8vw 7rem; } }
.next-paths { margin-top: 3rem; }
.page + .next-paths { margin-top: -3rem; }
.next-paths__grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; max-width: 56rem; }
@media (min-width: 700px) { .next-paths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.next-paths__grid--single { max-width: 28rem; }
@media (min-width: 700px) { .next-paths__grid--single { grid-template-columns: minmax(0, 1fr); } }
.next-card { display: flex; flex-direction: column; gap: 0.6rem; padding: 1.75rem 1.5rem; color: var(--text); text-decoration: none; }
.next-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.next-card__kicker { margin: 0; font-size: 12px; letter-spacing: 0.22em; color: var(--accent); }
.next-card__title { margin: 0; font-family: var(--font-heading); font-size: 1.35rem; line-height: 1.25; font-weight: 400; }
.next-card__text { margin: 0; flex: 1; color: var(--text-2); font-size: 1rem; }
.next-card__cta { margin-top: 0.4rem; color: var(--accent); font-weight: 700; }
.next-card:hover .next-card__cta { color: var(--accent-hover); }

/* ---------- blog: direct answer, post list, FAQ-free article furniture ---------- */
.post__answer { margin: 0 0 2rem; padding: 1.1rem 1.25rem; border-inline-start: 3px solid var(--accent); background: var(--surface); color: var(--text); font-size: 1.15rem; line-height: 1.5; }
.post__answer strong { color: var(--accent); font-weight: 700; }
.post-list { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 3rem; }
@media (min-width: 700px) { .post-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.post-card h2 a { color: inherit; text-decoration: none; }
.post-card h2 a:hover { color: var(--accent-hover); }
.post__related { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); color: var(--text-2); }
.post__related a { color: var(--accent); }

/* FAQ on pages that use the centered 404-style layout (/en/top10) */
.page-404 .book-faq { text-align: start; max-width: 36rem; margin-inline: auto; margin-top: 3rem; }