/* =========================================================================
   CRUJIENTE - strony ogolne: page.php, wpisy, archiwa, 404, komentarze
   ========================================================================= */
.crj-page__thumb { margin: 0 0 40px; }
.crj-page__thumb img { width: 100%; height: auto; border-radius: var(--r-card); border: 2px solid var(--atrament); }
.crj-page-links { margin-top: 32px; font-family: var(--font-mono); font-size: 13px; }
.crj-post-nav { display: flex; justify-content: space-between; gap: 24px; margin-top: 56px; padding-top: 24px; border-top: 2px dashed var(--ink-35); font-family: var(--font-mono); font-size: 13.5px; letter-spacing: .06em; }
.crj-post-nav a { text-decoration: none; }
.crj-post-nav__next { margin-left: auto; text-align: right; }
.crj-pagination { margin-top: 48px; display: flex; justify-content: center; }
.crj-pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.crj-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border: 2px solid var(--atrament); border-radius: var(--r-pill); font-family: var(--font-mono); font-weight: 700; font-size: 13px; letter-spacing: .08em; text-decoration: none; color: var(--atrament); }
.crj-pagination .page-numbers.current { background: var(--atrament); color: var(--kremowy); }
.crj-pagination .page-numbers.dots { border-color: transparent; }
.crj-empty { text-align: center; display: flex; flex-direction: column; gap: 24px; align-items: center; padding: 40px 0; }

/* 404 */
.crj-404 { min-height: calc(100vh - 110px); display: flex; align-items: center; padding: 80px 0; }
.crj-404__inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; max-width: calc(760px + 2 * var(--gutter)); }
.crj-404__title { font-family: var(--font-display); font-weight: 850; font-size: clamp(34px, 4.6vw, 60px); line-height: 1.05; }
.crj-404__ctas { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; margin-top: 8px; }
@media (max-width: 767px) { .crj-404 { padding: 56px 0; min-height: 0; } .crj-404__ctas { flex-direction: column; width: 100%; } }

/* Komentarze */
.crj-comments { margin-top: 64px; padding-top: 40px; border-top: 2px dashed var(--ink-35); display: flex; flex-direction: column; gap: 28px; }
.crj-comments__title { font-family: var(--font-mono); font-weight: 700; font-size: 14px; letter-spacing: .16em; text-transform: uppercase; }
.crj-comments__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; }
.crj-comments__list .children { list-style: none; padding-left: 32px; margin-top: 18px; display: flex; flex-direction: column; gap: 18px; }
.crj-comments__list .comment-body { background: var(--biel); border: 2px solid var(--atrament); border-radius: var(--r-box); padding: 22px 24px; font-size: 16px; }
.crj-comments__list .comment-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .06em; }
.crj-comments__list .avatar { border-radius: 50%; width: 40px; height: 40px; }
.crj-comments__list .comment-metadata { opacity: .7; }
.crj-comments__list .comment-metadata a { color: inherit; text-decoration: none; }
.crj-comments__list .reply a { font-family: var(--font-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
.crj-comments__reply-title { font-family: var(--font-display); font-weight: 800; font-size: 28px; margin-bottom: 20px; }
.comment-form { display: flex; flex-direction: column; gap: 18px; }
.comment-form .crj-field { margin: 0; }
.comment-form .form-submit { margin: 0; }
.comment-form .comment-form-cookies-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; }
.comment-form .comment-form-cookies-consent input { margin-top: 4px; accent-color: var(--atrament); }
.comment-form .logged-in-as { font-size: 14px; opacity: .8; }