/* Blog: listing (page-blog.php) i artykuł (single.php). */

/* paginacja */
.pagenav{display:flex;justify-content:center;gap:6px;margin:6px 0 60px;flex-wrap:wrap}
.pagenav .page-numbers{font-family:var(--fh);font-weight:500;font-size:13.5px;padding:9px 14px;border:1px solid var(--line-2);border-radius:10px;color:var(--ink-2);transition:.14s}
.pagenav a.page-numbers:hover{border-color:var(--ink);color:var(--ink)}
.pagenav .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--on-black)}
.pagenav .page-numbers.dots{border:none}

/* artykuł */
.article{max-width:760px;margin:0 auto}
.article-head{margin-top:8px}
.article-head h1{font-family:var(--fh);font-weight:600;font-size:34px;line-height:1.18;letter-spacing:-.025em;margin-top:10px}
.article-meta{display:flex;gap:18px;margin-top:14px;font-size:13px;color:var(--ink-3)}
.article-meta span{display:inline-flex;align-items:center;gap:6px}
.article-meta .icon{width:15px;height:15px}
.article-hero{margin:26px 0 0}
.article-hero img{width:100%;border-radius:var(--r-l)}

.prose{margin-top:28px;font-size:15.5px;line-height:1.75;color:var(--ink)}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose figure,.prose table{margin-bottom:1.15em}
.prose h2{font-size:24px;letter-spacing:-.02em;margin:1.6em 0 .6em}
.prose h3{font-size:19px;letter-spacing:-.014em;margin:1.4em 0 .5em}
.prose h4{font-size:16px;margin:1.3em 0 .5em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin-bottom:.4em}
.prose a{color:var(--blue-ink);text-decoration:underline}
.prose blockquote{border-left:4px solid var(--ink);padding:4px 0 4px 18px;color:var(--ink-2);font-style:italic}
.prose img{border-radius:var(--r);height:auto}
.prose table{width:100%;border-collapse:collapse;font-size:14px}
.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.prose th{background:var(--surface-2);font-family:var(--fh);font-weight:600}

.article-foot{margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--line)}

@media(max-width:640px){
  .article-head h1{font-size:27px}
}