/* ============================================================
   DAMBILCI — rehber.css  (REHBER / GUIDE YAZILARI)
   ------------------------------------------------------------
   Yalnız rehber sayfalarında (kac-kg-dambil.html …) styles.css +
   kategori.css'TEN SONRA yüklenir. styles.css :root token'larını
   (renk/font/ease) kullanır; okuma odaklı, sade düzen.
   Ana siteye/kategori sayfalarına DOKUNMAZ (yeni modül).
   ============================================================ */

/* Premium okuma genişliği — kat-prose'u biraz daralt */
.rehber .kat-prose{max-width:720px}
.rehber .kat-prose h3{margin-top:34px}
.rehber .kat-prose h3:first-of-type{margin-top:8px}

/* ÖZET / hızlı cevap kutusu — yazının en üstünde net cevap */
.rehber-ozet{max-width:720px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.rehber-ozet-ic{
  border:1px solid rgba(194,138,78,.30);
  border-left:3px solid var(--bronze);
  border-radius:7px;
  background:linear-gradient(180deg,rgba(194,138,78,.07),rgba(194,138,78,.02));
  padding:clamp(20px,3vw,26px) clamp(20px,3vw,28px);
}
.rehber-ozet .eyebrow{display:inline-block;margin-bottom:10px}
.rehber-ozet h2{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:1.16rem;line-height:1.25;margin-bottom:10px}
.rehber-ozet p{color:var(--mute);line-height:1.7;font-size:15px;margin:0}
.rehber-ozet strong{color:var(--bronze-l);font-weight:500}

/* Karşılaştırma / hızlı tablo */
.rehber-tablo{width:100%;border-collapse:collapse;margin:14px 0 4px;font-size:14.5px}
.rehber-tablo th,.rehber-tablo td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}
.rehber-tablo thead th{color:var(--ink);font-family:var(--sans);font-weight:600;letter-spacing:.02em;background:var(--s1)}
.rehber-tablo tbody td{color:var(--mute)}
.rehber-tablo tbody td:first-child{color:var(--ink)}
.rehber-tablo td strong,.rehber-tablo .kg{color:var(--bronze-l);font-weight:500;white-space:nowrap}

/* Yazı sonu — ilgili ürüne yumuşak yönlendirme kartı */
.rehber-cta{max-width:720px;margin:10px auto 0;padding:0 clamp(20px,5vw,64px)}
.rehber-cta-ic{
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--s1);
  padding:clamp(26px,4vw,40px) clamp(22px,4vw,40px);
  text-align:center;
}
.rehber-cta .eyebrow{display:inline-block;margin-bottom:12px}
.rehber-cta h2{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:clamp(1.4rem,3vw,1.95rem);line-height:1.16;margin-bottom:12px;letter-spacing:-.01em}
.rehber-cta h2 em{font-style:italic;color:var(--bronze)}
.rehber-cta p{color:var(--mute);line-height:1.7;font-size:15.5px;max-width:520px;margin:0 auto 22px}
.rehber-cta-aksiyon{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

@media(max-width:560px){
  .rehber-cta-aksiyon{flex-direction:column;align-items:stretch}
  .rehber-cta-aksiyon .btn{width:100%}
}

/* ---- Rehber HUB (rehber.html) — yazı listesi kartları ---- */
.rehber-liste{max-width:920px;margin:0 auto;padding:clamp(18px,3vh,36px) clamp(20px,5vw,64px) clamp(60px,9vh,110px);display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px}
.rehber-kart{display:flex;flex-direction:column;gap:9px;padding:26px 24px 22px;border:1px solid var(--line);border-radius:8px;background:var(--s1);transition:border-color .35s,transform .4s var(--ease)}
.rehber-kart:hover{border-color:rgba(194,138,78,.4);transform:translateY(-4px)}
.rehber-kart h2{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:1.2rem;line-height:1.22;letter-spacing:-.01em}
.rehber-kart p{color:var(--mute);font-size:14px;line-height:1.6;margin:0;flex:1}
.rehber-kart .git{margin-top:4px;color:var(--bronze);font-size:13px;letter-spacing:.04em}
.rehber-kart:hover .git{color:var(--bronze-l)}