/* ==========================================================================
   Ufuk İklimi — blog-oku.css (yalnızca blog-oku.php'ye özel)
   ========================================================================== */

.read-progress{ position:fixed; top:0; left:0; height:3px; background:var(--gold); width:0%; z-index:1200; transition:width .1s linear; }

.article-head .bc-cat{ font-family:'Cinzel',serif; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); }
.article-head h1{ font-size:2.5rem; font-weight:600; color:var(--navy); line-height:1.15; margin:.7rem 0 1.2rem; }
.article-head .author-row{ display:flex; align-items:center; gap:.8rem; padding-bottom:1.6rem; border-bottom:1px solid var(--line-soft); margin-bottom:2rem; }
.article-head .author-row img{ width:46px; height:46px; border-radius:50%; }
.article-head .author-row .name{ font-weight:600; color:var(--navy); font-size:.96rem; }
.article-head .author-row .meta{ font-size:.8rem; color:var(--muted); }

.article-body{ font-size:1.08rem; line-height:1.85; color:var(--ink); }
.article-body p{ margin-bottom:1.4rem; }
.article-body h2{ font-size:1.6rem; color:var(--navy); margin:2.2rem 0 1rem; }
.article-body blockquote{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.5rem; color:var(--gold); border-left:2px solid var(--gold); padding-left:1.4rem; margin:2rem 0; }
.article-body img{ width:100%; height:auto; margin:1.6rem 0; }

.author-box{ display:flex; gap:1.2rem; background:var(--cream-soft); border:1px solid var(--line-soft); padding:1.8rem; margin-top:3rem; }
.author-box img{ width:72px; height:72px; border-radius:50%; flex:0 0 auto; }
.author-box h5{ color:var(--navy); font-weight:600; margin-bottom:.4rem; }
.author-box p{ font-size:.9rem; color:var(--muted); margin:0; }

.prev-next{ display:flex; justify-content:space-between; gap:1.5rem; margin-top:2.5rem; padding-top:2rem; border-top:1px solid var(--line-soft); }
.prev-next a{ max-width:45%; }
.prev-next .lbl{ display:block; font-family:'Cinzel',serif; font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:.3rem; }
.prev-next .ttl{ color:var(--navy); font-weight:500; }
.prev-next .next{ text-align:right; margin-left:auto; }

.comments-placeholder{ margin-top:3rem; padding-top:2rem; border-top:1px solid var(--line-soft); color:var(--muted); font-size:.9rem; text-align:center; }
