:root{--font-sans:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
body{font-family:var(--font-sans);}
.brand-logo{height:28px;width:auto;border-radius:8px}
.cover{aspect-ratio:16/9;object-fit:cover;object-position:center;background:#f1f3f5}

/* Kart küçük görselleri: kırpmak yerine tamamını göster (letterbox) */
img.card-img-top.cover{object-fit:contain}

.card-hover{transition:transform .12s ease, box-shadow .12s ease}
.card-hover:hover{transform:translateY(-2px)}
.content-max{max-width:860px}
.prose{font-size:1.05rem;line-height:1.85}
.prose img{max-width:100%;height:auto;border-radius:16px}
.prose h1,.prose h2,.prose h3{margin-top:1.2em;margin-bottom:.6em}
.prose pre{padding:12px;border-radius:12px;overflow:auto;background:#0b1020;color:#e7e7e7}

/* HERO: üst/alt boşluk kalsın (contain + padding) */
.hero-card{overflow:hidden}
.hero-card .col-md-5{
  display:flex;
  background:#f1f3f5;              /* boşluk rengi */
}
.hero-card .col-md-5 > a{
  display:flex;
  width:100%;
  height:100%;
  padding:14px 0;                  /* üst/alt boşluk miktarı */
  align-items:center;
  justify-content:center;
}
.hero-card .col-md-5 > a > img.cover{
  width:100% !important;
  height:calc(100% - 28px) !important;  /* padding(14*2)=28px kadar düşür */
  aspect-ratio:auto !important;         /* hero’da 16/9 zorlamasını kaldır */
  object-fit:contain !important;        /* kırpma yok */
  object-position:center !important;
  background:transparent !important;
}

/* Mini kartlar (Popüler yazılar) */
.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.icon{width:1em;height:1em;vertical-align:-.125em}
.icon-sm{width:.9em;height:.9em}
.mini-post-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease;background:#fff}
.mini-post-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.08)}
.mini-post-thumb{width:72px;height:54px;object-fit:cover;border-radius:14px;background:#f1f3f5}
.mini-post-thumb--placeholder{background:linear-gradient(135deg,#f1f3f5,#e9ecef)}
.mini-post-rank{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:#f8f9fa;color:#495057;margin-top:2px}
.mini-post-meta{font-size:.78rem;color:#6c757d}
.mini-post-arrow{margin-top:4px}

/* Arama vurgusu */
.search-mark{background:rgba(255,193,7,.35);padding:0 .12em;border-radius:.35rem}

/* Arama formu: küçük ekranda taşmayı engelle */
form[data-search-form]{flex-wrap:wrap}
form[data-search-form] .flex-grow-1{min-width:220px;flex:1 1 220px}
form[data-search-form] [data-search-button]{flex:0 0 auto}

/* Kısa sorgu uyarısı: satır taşmasın */
[data-search-help]{max-width:100%;white-space:normal;word-break:break-word}