/* Blog sayfalari — Noble dil: solid yuzeyler, altin aksan, kesik kose */
.blog-wrap { max-width: var(--wrap); margin: 0 auto; padding-top: calc(var(--nav-h) + 40px); }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.blog-card { display: flex; flex-direction: column; background: var(--surface);
  border: 1px solid var(--border); border-top: 3px solid var(--gold);
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut),
    100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
  border-radius: 4px; overflow: hidden; text-decoration: none; color: var(--ink);
  transition: transform 0.2s var(--ease-out), border-color 0.2s; }
.blog-card:hover { transform: translateY(-3px); border-color: var(--border-gold); }
.blog-card-cover { width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; }
.blog-card-body { padding: 16px 18px 20px; display: flex; flex-direction: column;
  gap: 8px; flex: 1; }
.blog-card-title { font-size: 1.12rem; font-weight: 700; line-height: 1.3; color: var(--ink); }
.blog-card-excerpt { color: var(--ink-dim); font-size: 0.93rem; line-height: 1.55; }
.blog-date { color: var(--ink-mute); font-size: 0.8rem; letter-spacing: 0.04em;
  text-transform: uppercase; }
.blog-more { color: var(--gold); font-weight: 700; font-size: 0.88rem; margin-top: auto; }
.blog-pager { display: flex; justify-content: center; gap: 12px; margin-top: 36px; }
.blog-empty { text-align: center; color: var(--ink-dim); padding: 48px 0; }

.blog-article { max-width: 760px; margin: 0 auto; }
.blog-back { display: inline-block; color: var(--gold); font-weight: 700;
  margin-bottom: 20px; text-decoration: none; }
.blog-back:hover { color: var(--gold-light); }
.blog-title { font-size: clamp(1.7rem, 3.4vw, 2.4rem); font-weight: 800;
  line-height: 1.2; margin-bottom: 10px; color: var(--ink); }
.blog-cover { width: 100%; border-radius: var(--radius); margin: 20px 0;
  border: 1px solid var(--border); }
.blog-body { line-height: 1.75; color: var(--ink); font-size: 1.02rem; }
.blog-body h1, .blog-body h2, .blog-body h3 { color: var(--gold-light);
  margin: 1.4em 0 0.5em; line-height: 1.25; }
.blog-body p { margin: 0.7em 0; }
.blog-body img { max-width: 100%; border-radius: var(--radius-s);
  border: 1px solid var(--border); margin: 12px 0; }
.blog-body a { color: var(--gold); }
.blog-body ul, .blog-body ol { margin: 0.7em 0; padding-inline-start: 1.4em; }
.blog-body blockquote { border-inline-start: 3px solid var(--gold);
  margin: 1em 0; padding: 4px 16px; color: var(--ink-dim); }
.blog-body code { font-family: monospace; background: var(--surface-2);
  padding: 1px 6px; border-radius: 4px; font-size: 0.92em; }
.blog-body pre { background: var(--surface-2); border: 1px solid var(--border);
  border-radius: var(--radius-s); padding: 14px; overflow-x: auto; }

@media (max-width: 1024px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .blog-grid { grid-template-columns: 1fr; } }