/* ============================================================
   Blog yazısı sayfası — Wix'ten taşınan 89 rehberin tipografisi.
   Site tasarım diline bağlı: Instrument Serif başlık, Archivo gövde,
   altın vurgu, kılcal çizgi, 2px köşe.
   ============================================================ */

.post{display:block}

/* ---- başlık bloğu ---- */
.post-head{background:var(--navy-900,#0a1e38);color:#e7edf4;padding:2.2rem 0 2.6rem}
.post-head .breadcrumb{color:rgba(231,237,244,.62);margin-bottom:1.4rem}
.post-head .breadcrumb a{color:rgba(231,237,244,.82)}
.post-head .breadcrumb a:hover{color:var(--gold-soft,#d8bc78)}
.post-head .breadcrumb span{opacity:.4;margin:0 .45rem}
.post-kicker{font-family:var(--bd);font-size:.72rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-soft,#d8bc78);margin:0 0 .7rem}
.post-head h1{font-family:var(--hd);font-weight:400;color:#fff;margin:0;
  font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08;letter-spacing:-.01em;max-width:20ch}
.post-lede{margin:1rem 0 0;max-width:62ch;color:rgba(231,237,244,.8);font-size:1.02rem;line-height:1.65}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;
  padding-top:1.1rem;border-top:1px solid rgba(216,188,120,.26);
  font-family:var(--bd);font-size:.82rem;color:rgba(231,237,244,.66)}
.post-meta .pm-author{color:var(--gold-soft,#d8bc78);font-weight:600}
.post-meta .pm-sep{opacity:.45}

/* ---- kapak ---- */
.post-cover{margin:0;background:var(--navy-900,#0a1e38)}
.post-cover img{display:block;width:100%;max-height:520px;object-fit:cover}

/* ---- gövde + kenar ---- */
.post-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3.2rem;
  padding-top:3rem;padding-bottom:3.4rem;align-items:start}

.post-body{min-width:0;font-size:1.06rem;line-height:1.78;color:var(--body,#2c3e50)}
.post-body > *:first-child{margin-top:0}
.post-body p{margin:0 0 1.25rem;max-width:72ch}
.post-body h2{font-family:var(--hd);font-weight:400;color:var(--navy,#0d2b4d);
  font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.18;letter-spacing:-.01em;
  margin:2.9rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--rule,#d6dfe7);scroll-margin-top:90px}
.post-body h2:first-child{border-top:0;padding-top:0;margin-top:0}
.post-body h3{font-family:var(--hd);font-weight:400;color:var(--navy,#0d2b4d);
  font-size:clamp(1.24rem,1.9vw,1.5rem);line-height:1.25;margin:2rem 0 .7rem;scroll-margin-top:90px}
.post-body h4{font-family:var(--bd);font-size:1rem;font-weight:700;color:var(--navy,#0d2b4d);margin:1.6rem 0 .5rem}
.post-body strong{color:var(--navy,#0d2b4d);font-weight:700}
.post-body em{font-style:italic}
.post-body a{color:var(--navy,#0d2b4d);text-decoration:none;
  border-bottom:1px solid var(--gold,#b08d3f);padding-bottom:1px;transition:color .18s,border-color .18s}
.post-body a:hover{color:var(--gold,#b08d3f);border-bottom-color:var(--navy,#0d2b4d)}

.post-body ul,.post-body ol{margin:0 0 1.4rem;padding-left:1.35rem;max-width:72ch}
.post-body li{margin:0 0 .6rem;padding-left:.2rem}
.post-body li::marker{color:var(--gold,#b08d3f)}
.post-body li p{margin:0 0 .5rem}
.post-body li p:last-child{margin-bottom:0}

.post-body blockquote{margin:1.8rem 0;padding:.2rem 0 .2rem 1.4rem;
  border-left:2px solid var(--gold,#b08d3f);font-family:var(--hd);font-size:1.2rem;
  line-height:1.5;color:var(--navy,#0d2b4d)}

.post-body figure{margin:2rem 0;max-width:100%}
.post-body figure img,.post-body img{display:block;width:100%;height:auto;
  border-radius:var(--r,2px);background:var(--bg-soft,#eef2f6)}
.post-body figcaption{margin-top:.6rem;font-family:var(--bd);font-size:.8rem;
  color:var(--muted,#6b7c8f);line-height:1.5}

/* tablolar — dar ekranda kendi içinde kayar, sayfa kaymaz */
.post-body .tbl-scroll{overflow-x:auto;margin:1.8rem 0;-webkit-overflow-scrolling:touch}
.post-body table{border-collapse:collapse;width:100%;min-width:520px;font-size:.94rem}
.post-body th,.post-body td{border:1px solid var(--rule,#d6dfe7);padding:.7rem .85rem;
  text-align:left;vertical-align:top}
.post-body thead th,.post-body tr:first-child td{background:var(--bg-soft,#eef2f6);
  font-family:var(--bd);font-weight:700;color:var(--navy,#0d2b4d)}
.post-body td p{margin:0;max-width:none}
.post-body col{width:auto}

.post-note{margin-top:2.6rem;padding-top:1.2rem;border-top:1px solid var(--rule,#d6dfe7);
  font-family:var(--bd);font-size:.85rem;color:var(--muted,#6b7c8f);line-height:1.6;font-style:normal}

/* ---- kenar sütunu ---- */
.post-aside{position:sticky;top:88px;display:grid;gap:1.1rem;min-width:0}
.pa-box{border:1px solid var(--rule,#d6dfe7);border-radius:var(--r,2px);padding:1.3rem 1.25rem;background:#fff}
.pa-eyebrow{font-family:var(--bd);font-size:.68rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold,#b08d3f);margin:0 0 .55rem}
.pa-box h2{font-family:var(--hd);font-weight:400;font-size:1.35rem;line-height:1.2;margin:0 0 .6rem}
.pa-box h2 a{color:var(--navy,#0d2b4d);text-decoration:none}
.pa-box h2 a:hover{color:var(--gold,#b08d3f)}
.pa-box p{font-size:.92rem;line-height:1.62;color:var(--muted,#6b7c8f);margin:0 0 1rem}
.pa-box .btn{width:100%;justify-content:center}
.pa-links ul{list-style:none;margin:0;padding:0;display:grid;gap:.05rem}
.pa-links li{margin:0}
.pa-links a{display:block;padding:.5rem 0;font-size:.92rem;color:var(--navy,#0d2b4d);
  text-decoration:none;border-bottom:1px solid var(--rule,#d6dfe7);transition:color .18s,padding-left .18s}
.pa-links li:last-child a{border-bottom:0}
.pa-links a:hover{color:var(--gold,#b08d3f);padding-left:.3rem}

/* ---- ilgili yazılar ---- */
.rp-sec{background:var(--bg-soft,#eef2f6)}
.rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.rp-card{display:flex;flex-direction:column;gap:.55rem;padding:1.4rem 1.3rem;background:#fff;
  border:1px solid var(--rule,#d6dfe7);border-radius:var(--r,2px);text-decoration:none;
  transition:border-color .2s,transform .2s}
.rp-card:hover{border-color:var(--gold,#b08d3f);transform:translateY(-2px)}
.rp-tag{font-family:var(--bd);font-size:.66rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold,#b08d3f)}
.rp-card h3{font-family:var(--hd);font-weight:400;font-size:1.16rem;line-height:1.25;
  color:var(--navy,#0d2b4d);margin:0}
.rp-go{margin-top:auto;padding-top:.5rem;font-family:var(--bd);font-size:.8rem;
  font-weight:600;color:var(--navy,#0d2b4d)}
.rp-card:hover .rp-go{color:var(--gold,#b08d3f)}

/* ---- blog dizini ---- */
.bl-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.bl-filter{font-family:var(--bd);font-size:.82rem;font-weight:600;padding:.5rem .95rem;
  border:1px solid var(--rule,#d6dfe7);border-radius:2px;background:#fff;color:var(--navy,#0d2b4d);
  cursor:pointer;transition:all .18s}
.bl-filter:hover{border-color:var(--gold,#b08d3f)}
.bl-filter[aria-pressed="true"]{background:var(--navy,#0d2b4d);color:#fff;border-color:var(--navy,#0d2b4d)}
.bl-count{font-family:var(--bd);font-size:.85rem;color:var(--muted,#6b7c8f);margin:0 0 1.4rem}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.bl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule,#d6dfe7);
  border-radius:var(--r,2px);overflow:hidden;text-decoration:none;transition:border-color .2s,transform .2s}
.bl-card:hover{border-color:var(--gold,#b08d3f);transform:translateY(-3px)}
.bl-thumb{aspect-ratio:16/10;background:var(--navy,#0d2b4d);overflow:hidden}
.bl-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease,ease)}
.bl-card:hover .bl-thumb img{transform:scale(1.05)}
.bl-body{padding:1.15rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.bl-tag{font-family:var(--bd);font-size:.64rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold,#b08d3f)}
.bl-card h3{font-family:var(--hd);font-weight:400;font-size:1.15rem;line-height:1.25;
  color:var(--navy,#0d2b4d);margin:0}
.bl-card p{font-size:.88rem;line-height:1.55;color:var(--muted,#6b7c8f);margin:0}
.bl-date{margin-top:auto;padding-top:.6rem;font-family:var(--bd);font-size:.75rem;color:var(--muted,#6b7c8f)}
.bl-empty{padding:3rem 0;text-align:center;color:var(--muted,#6b7c8f)}

@media(max-width:1000px){
  .post-wrap{grid-template-columns:1fr;gap:2.4rem}
  .post-aside{position:static;grid-template-columns:1fr 1fr;display:grid}
  .rp-grid,.bl-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:660px){
  .post-head{padding:1.6rem 0 2rem}
  .post-cover img{max-height:280px}
  .post-body{font-size:1rem}
  .post-aside{grid-template-columns:1fr}
  .rp-grid,.bl-grid{grid-template-columns:1fr}
}