/* Kaynak: li.post-item (s274) > .pi-picture (s275–s278) > a (s279–s282, ::before s283–s286) > img (s287–s290);
   .pi-titles (s291) > h2 (s293) > a (s294); .pi-categories span (s295); .pi-etiket (s296) span (s297); .pi-link (s298) a (s299) */
.cc_ois9tmeu_cFnKokI20U .bpi, .cc_ois9tmeu_BYvPiDWsq1 .bpi {
  --bpi-title: #282828; /* rgb(40,40,40) */
  --bpi-muted: #9c9b9b; /* c22 */
  --bpi-overlay: rgba(28, 28, 28, 0.7); /* c17 */
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 0 10px;
  font-size: 14px;
}
.cc_ois9tmeu_cFnKokI20U .bpi__pic, .cc_ois9tmeu_BYvPiDWsq1 .bpi__pic {
  position: relative;
  background-color: var(--su-bg);
  overflow: hidden;
}
.cc_ois9tmeu_cFnKokI20U .bpi__piclink, .cc_ois9tmeu_BYvPiDWsq1 .bpi__piclink {
  display: block;
  position: relative;
  padding-bottom: 56%;
  color: var(--su-text);
  text-align: center;
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}
.cc_ois9tmeu_cFnKokI20U .bpi__piclink::before, .cc_ois9tmeu_BYvPiDWsq1 .bpi__piclink::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: var(--bpi-overlay);
  opacity: 0;
}
.cc_ois9tmeu_cFnKokI20U .bpi__img, .cc_ois9tmeu_BYvPiDWsq1 .bpi__img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
/* pi-titles: üst/alt boş <p> (14px) kenar boşlukları çöker → görsel–başlık 14px, başlık–tarih 14px */
.cc_ois9tmeu_cFnKokI20U .bpi__head, .cc_ois9tmeu_BYvPiDWsq1 .bpi__head {
  margin: 14px 0;
}
.cc_ois9tmeu_cFnKokI20U .bpi .bpi__title, .cc_ois9tmeu_BYvPiDWsq1 .bpi .bpi__title {
  display: block; /* önizlemede başlıklar computed display:inline ölçüldü → açıkça block */
  margin: 0;
  color: var(--bpi-title);
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: -0.63px;
}
.cc_ois9tmeu_cFnKokI20U .bpi__title a, .cc_ois9tmeu_BYvPiDWsq1 .bpi__title a {
  display: block;
  color: inherit;
  transition-duration: 0.25s;
  cursor: pointer;
}
.cc_ois9tmeu_cFnKokI20U .bpi__date, .cc_ois9tmeu_BYvPiDWsq1 .bpi__date {
  margin: 14px 0 8px;
}
.cc_ois9tmeu_cFnKokI20U .bpi__date span, .cc_ois9tmeu_BYvPiDWsq1 .bpi__date span {
  color: var(--bpi-muted);
  font-size: 12px;
  line-height: 20px;
}
/* pi-etiket (s296) margin 8px 0; üstündeki gizli .pi-text > p (14px kenar boşluğu) ile çöker → tarih–özet arası 14px (kaynak: 830 → 844) */
.cc_ois9tmeu_cFnKokI20U .bpi__excerpt, .cc_ois9tmeu_BYvPiDWsq1 .bpi__excerpt {
  margin: 14px 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cc_ois9tmeu_cFnKokI20U .bpi__excerpt span, .cc_ois9tmeu_BYvPiDWsq1 .bpi__excerpt span {
  color: var(--bpi-muted);
  font-size: 12px;
  line-height: 18px;
}
.cc_ois9tmeu_cFnKokI20U .bpi__more, .cc_ois9tmeu_BYvPiDWsq1 .bpi__more {
  margin-top: 10px;
}
.cc_ois9tmeu_cFnKokI20U .bpi__morelink, .cc_ois9tmeu_BYvPiDWsq1 .bpi__morelink {
  display: inline-block;
  color: inherit; /* s299 renk vermez → gövde siyahı ("Devamını oku" rgb(0,0,0) ölçüldü) */
  text-decoration: underline;
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
  cursor: pointer;
}
/* tam mod: kaynakta liste sayfasında gizli olan .pi-text içeriği */
.cc_ois9tmeu_cFnKokI20U .bpi--full .bpi__content, .cc_ois9tmeu_BYvPiDWsq1 .bpi--full .bpi__content {
  margin: 8px 0 20px;
  color: var(--su-text);
  font-size: 14px;
  line-height: 1.6;
  word-wrap: break-word;
}
.cc_ois9tmeu_cFnKokI20U .bpi--full .bpi__content img, .cc_ois9tmeu_BYvPiDWsq1 .bpi--full .bpi__content img, .cc_ois9tmeu_cFnKokI20U .bpi--full .bpi__content video, .cc_ois9tmeu_BYvPiDWsq1 .bpi--full .bpi__content video, .cc_ois9tmeu_cFnKokI20U .bpi--full .bpi__content iframe, .cc_ois9tmeu_BYvPiDWsq1 .bpi--full .bpi__content iframe {
  max-width: 100%;
  height: auto;
}
.cc_ois9tmeu_cFnKokI20U .bpi--full .bpi__content a, .cc_ois9tmeu_BYvPiDWsq1 .bpi--full .bpi__content a {
  text-decoration: underline;
}

/* Kaynak: .blogSearchFormArea (s306/s312) > input (s307/s313) + button (s308/s314–s316)
   Kaynakta input/button tarayıcı varsayılan görünümündedir (reset yok): input 22px, 1px #767676 çizgi (Chrome textfield),
   placeholder rgba(0,0,0,.54); button 2px outset #767676 (üst/sol 168, alt/sağ 84 ölçüldü), zemin #d9d9d9 (c18), yazı siyah. */
.cc_ois9tmeu_cFnKokI20U .bsf, .cc_ois9tmeu_BYvPiDWsq1 .bsf {
  --bsf-ctrl-border: #767676; /* tarayıcı varsayılan kontrol kenarlığı rgb(118,118,118) */
  --bsf-placeholder: rgba(0, 0, 0, 0.54); /* tarayıcı varsayılan placeholder rengi (117,117,117 ölçüldü) */
  --bsf-btn-bg: #d9d9d9; /* c18 */
  position: relative;
  margin: 0 0 15px; /* s312 */
}
.cc_ois9tmeu_cFnKokI20U .bsf--mobile, .cc_ois9tmeu_BYvPiDWsq1 .bsf--mobile {
  margin-bottom: 25px; /* s306 */
}
/* input: 360×22 (w1440) / 256×22 (w1024); sağ iç boşluk 50px (s307/s313) */
.cc_ois9tmeu_cFnKokI20U .bsf__input, .cc_ois9tmeu_BYvPiDWsq1 .bsf__input {
  display: block;
  width: 100%;
  height: 22px;
  padding: 2px 50px 2px 3px;
  border: 1px solid var(--bsf-ctrl-border);
  border-radius: 0;
  background: var(--su-bg);
  color: var(--su-black);
  font-family: var(--su-font);
  font-size: 13.3333px;
  line-height: normal;
}
.cc_ois9tmeu_cFnKokI20U .bsf__input::placeholder, .cc_ois9tmeu_BYvPiDWsq1 .bsf__input::placeholder {
  color: var(--bsf-placeholder);
  opacity: 1;
}
/* button: top/right/bottom 1px (s316), padding 0 12px, 2px outset kenarlık → 48.8×20 */
.cc_ois9tmeu_cFnKokI20U .bsf__btn, .cc_ois9tmeu_BYvPiDWsq1 .bsf__btn {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  padding: 0 12px;
  border: 2px outset var(--bsf-ctrl-border);
  background-color: var(--bsf-btn-bg);
  color: var(--su-black);
  font-family: var(--su-font);
  font-size: 13.3333px;
  line-height: normal;
  cursor: pointer;
}

/* s308 (w360): ana sütun üstündeki varyantta buton sayfa yazı tipini miras alır → 14px (kutu 49.3×20);
   kenar çubuğunda (s314–s316) tarayıcı varsayılanı 13.33px kalır (48.8×20). */
.cc_ois9tmeu_cFnKokI20U .bsf--mobile .bsf__btn, .cc_ois9tmeu_BYvPiDWsq1 .bsf--mobile .bsf__btn {
  font-size: 14px;
}

/* Kaynak: .blogRight (s310) > .blogKategori / .blokSonYazilar > başlık (s317) + ul (s149) > li (s318) > a (s319) > img (s322) */
.cc_ois9tmeu_cFnKokI20U .bsb, .cc_ois9tmeu_BYvPiDWsq1 .bsb, .cc_ois9tmeu_cFnKokI20U .su.bsb, .cc_ois9tmeu_BYvPiDWsq1 .su.bsb {
  display: block;
  font-size: 12.8px;
  /* Kaynakta .blogRight body rengini (siyah) miras alır: "Kategoriler" / "Son Blog Yazıları" başlıkları siyah 600.
     .su varsayılanı #666 olduğundan açıkça siyah (BLOG_INDEX-w1440.png). */
  color: var(--su-black);
}
.cc_ois9tmeu_cFnKokI20U .bsb__title, .cc_ois9tmeu_BYvPiDWsq1 .bsb__title {
  color: var(--su-black);
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--su-gray-dd);
  font-weight: 600;
}
.cc_ois9tmeu_cFnKokI20U .bsb__list, .cc_ois9tmeu_BYvPiDWsq1 .bsb__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc_ois9tmeu_cFnKokI20U .bsb__item, .cc_ois9tmeu_BYvPiDWsq1 .bsb__item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--su-gray-dd);
}
.cc_ois9tmeu_cFnKokI20U .bsb__link, .cc_ois9tmeu_BYvPiDWsq1 .bsb__link {
  color: var(--su-text);
  text-decoration: underline;
  transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
  cursor: pointer;
}
/* img (s320/s321/s322): doğal oran, max-width ile küçülür — kırpma yok */
.cc_ois9tmeu_cFnKokI20U .bsb__img, .cc_ois9tmeu_BYvPiDWsq1 .bsb__img {
  display: block;
  max-width: 100%;
}