.post-single { max-width: 760px; margin: 0 auto; }
.post-single__meta { font-family: var(--font-label); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-3); margin-bottom: 16px; }
.post-single__title { font-size: 42px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; color: var(--text); margin: 0 0 30px; }
.post-single__thumb { margin-bottom: 40px; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); }
.post-single .entry-content { font-size: 17px; line-height: 1.8; color: var(--text-2); }
.post-single .entry-content p { margin: 0 0 22px; }
.post-single .entry-content h2 { font-size: 28px; color: var(--text); margin: 44px 0 16px; }
.post-single .entry-content h3 { font-size: 22px; color: var(--text); margin: 34px 0 14px; }
.post-single .entry-content a { text-decoration: underline; }
.post-single .entry-content img { border-radius: var(--radius); margin: 20px 0; }
.post-single .entry-content ul, .post-single .entry-content ol { margin: 0 0 22px; padding-left: 22px; }
.post-single .entry-content blockquote { border-left: 2px solid var(--accent); padding-left: 20px; color: var(--text); font-style: italic; margin: 24px 0; }

@media (max-width: 767px) { .post-single__title { font-size: 30px; } }

/* ==========================================================
   18. 404
   ========================================================== */
.error-404 { text-align: center; padding: 160px 0; }
.error-404__code { font-family: var(--font-label); font-size: 90px; font-weight: 700; color: var(--accent); line-height: 1; margin-bottom: 20px; }

/* ==========================================================
   19. ANIMACIJE
   ========================================================== */
@keyframes rise { from { opacity: 0; translate: 0 26px; } to { opacity: 1; translate: 0 0; } }
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes glow-pulse { 0%, 100% { opacity: 0.75; } 50% { opacity: 1; } }

@media (prefers-reduced-motion: no-preference) {
  .hero > * { animation: rise 0.7s var(--ease) both; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}

/* ==========================================================
   20. HERO
   ========================================================== */
.hero {
  min-height: calc(100svh - var(--header-h));
  display: flex;
  align-items: center;
}

body.admin-bar .hero { min-height: calc(100svh - var(--header-h) - 32px); }

@media (max-width: 600px) {
  .hero { min-height: auto; padding-top: 40px; padding-bottom: 40px; }
}

/* ==========================================================
   21. RAZNO
   ========================================================== */
main { display: block; }
.screen-reader-text { position: absolute; left: -9999px; }