/* Article detail — sayfaya özgü ek stiller */
/* Header, chip, card vb. ortak stiller styles.css'ten gelir. */

.a-hero h1{margin:6px 0 4px;font-size:28px}
.a-hero .sub{margin:4px 0 10px;color:var(--text-dim)}

.a-meta-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.crumb{color:var(--text-dim)}
.crumb:hover{color:#fff}

.a-byline{display:flex;align-items:center;gap:10px;margin-top:8px}
.avatar{width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:var(--soft)}
.by span{display:block}
.by .muted{font-size:12px}

.a-cover{margin:12px 0 0;border:1px solid var(--border);background:var(--soft);border-radius:12px;overflow:hidden}
.a-cover img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.a-cover figcaption{padding:8px 12px;color:var(--text-faint);font-size:12px;border-top:1px solid var(--border)}

/* Prose */
.prose h2{font-size:20px;margin:12px 0 6px}
.prose p{margin:8px 0;color:var(--text-dim);line-height:1.7}
.figure{margin:10px auto;border:1px solid var(--border);background:var(--soft);border-radius:12px;overflow:hidden;max-width:720px}
.figure img{display:block;width:100%;height:auto}
.figcap{padding:8px 12px;color:var(--text-faint);font-size:12px;border-top:1px solid var(--border);text-align:center}

.callout{border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(255,255,255,.06);display:flex;gap:10px;align-items:flex-start}
.callout.tip{background:linear-gradient(180deg,rgba(16,185,129,.18),rgba(255,255,255,.04))}
.callout.warn{background:linear-gradient(180deg,rgba(244,114,182,.20),rgba(255,255,255,.04))}
.co-ico{font-size:16px}

blockquote{margin:10px 0;padding:10px 14px;border-left:3px solid rgba(255,255,255,.25);background:var(--soft);border-radius:8px;color:var(--text-dim)}

ul{margin:8px 0 8px 18px;color:var(--text-dim)}
ul li{margin:6px 0}

.label{display:inline-block;margin:6px 0;font-size:12px;color:var(--text-faint)}
.code{position:relative;border:1px solid var(--border);background:var(--soft);border-radius:12px;padding:12px;margin:6px 0}
.code pre{margin:0;white-space:pre;overflow:auto;font:500 13px ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:#e3e8ff}
.toolbar{position:absolute;top:8px;right:8px;display:flex;gap:6px}
.tb-btn{border:1px solid var(--border);background:rgba(255,255,255,.08);color:#fff;font-size:12px;padding:4px 8px;border-radius:8px;cursor:pointer}

/* Prev/Next */
.a-nav{display:flex;justify-content:space-between;align-items:center}
.nav-btn{color:var(--text-dim);font-weight:600}
.nav-btn:hover{color:#fff}

/* responsive min tweaks */
@media(min-width:980px){
  .a-hero h1{font-size:30px}
}