/* Blog i obične strane — samo ono čega nema u editorial.css. Boje i fontovi su promjenljive sajta. */
.clanak{max-width:70ch;font-size:18px;line-height:1.75;color:var(--text)}
.clanak>*+*{margin-top:1.1em}
.clanak h2{font-size:clamp(26px,2.6vw,36px);line-height:1.15;margin-top:1.9em}
.clanak h3{font-size:clamp(20px,2vw,26px);line-height:1.2;margin-top:1.6em}
.clanak p,.clanak li{color:var(--muted)}
.clanak strong{color:var(--text)}
.clanak a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.clanak ul,.clanak ol{padding-left:1.2em}
.clanak li+li{margin-top:.4em}
.clanak blockquote{border-left:2px solid var(--accent);padding:.2em 0 .2em 1.1em;font-size:1.1em;color:var(--text)}
.clanak img,.clanak figure{max-width:100%;height:auto;border-radius:6px}
.clanak figcaption{font:12px/1.6 var(--mono,monospace);color:var(--muted);margin-top:.6em}
.clanak table{width:100%;border-collapse:collapse;font-size:15px}
.clanak th,.clanak td{border-bottom:1px solid var(--line);padding:.6em .4em;text-align:left}
.clanak-slika{margin:0 auto 10px}.clanak-slika img{width:100%;height:auto;border-radius:6px}

.blog-lista{display:grid;gap:0}
.blog-stavka{border-top:1px solid var(--line)}
.blog-stavka:last-child{border-bottom:1px solid var(--line)}
.blog-veza{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;padding:38px 0;color:inherit;text-decoration:none}
.blog-veza:not(:has(.blog-slika)){grid-template-columns:1fr}
.blog-slika img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.blog-tekst h2{font-size:clamp(24px,2.4vw,34px);line-height:1.15;margin:12px 0}
.blog-tekst p{color:var(--muted);max-width:60ch;margin-bottom:18px}
.blog-veza:hover h2{color:var(--accent)}
.blog-strane{display:flex;gap:18px;margin-top:40px;font:13px var(--mono,monospace)}
.blog-strane .current{color:var(--accent)}
@media(max-width:800px){.blog-veza{grid-template-columns:1fr;gap:18px;padding:28px 0}.clanak{font-size:17px}}