/* ============================================================================
   BLOG — kaynak: _design/ADK Blog.dc.html (satır içi stiller + layoutFor(w)).
   Kırılımlar: xs <768 · sm 768–1023 · md 1024–1279 · geniş ≥1280.
   Kenar boşluğu / header yüksekliği / ray: .sayfa-arsiv değişkenleri (aynı tablo).
   ========================================================================= */

.b-kapsa { max-width: 1320px; margin: 0 auto; padding: 0 var(--gutter); }
.sayfa-blog button, .sayfa-blog input { font-family: inherit; }

/* ------------------------------------------------------------ sayfa yolu */
.b-yol { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.b-yol a {
  display: inline-flex; align-items: center; min-height: 44px; gap: 10px;
  font-size: 12px; font-weight: 600; letter-spacing: .14em; color: #55585E;
}
.b-yol a:hover { color: #007BAD; }
.b-yol a span { color: #B7B9BD; }
.b-yol > span[aria-current] { font-size: 12px; font-weight: 600; letter-spacing: .14em; color: #007BAD; }

/* ---------------------------------------------------------- liste başı */
.b-tepe { padding-top: 40px; }
.b-ust { display: flex; align-items: center; gap: 16px; margin-top: 28px; }
.b-ust-no { font-family: var(--f-baslik); font-size: 15px; font-weight: 700; letter-spacing: .1em; color: #007BAD; }
.b-ust-cizgi { width: 44px; height: 4px; background: #00A5E5; }
.b-ust-etiket { font-size: 11px; font-weight: 600; letter-spacing: .2em; color: #55585E; }
.b-h1 {
  margin: 24px 0 0; font-family: var(--f-baslik); font-weight: 700;
  font-size: clamp(2.6rem, 12vw, 3.6rem); line-height: .95; letter-spacing: -.02em;
  text-wrap: balance; color: #0A0A0A;
}
.b-giris { margin: 22px 0 0; max-width: 60ch; font-size: 17px; line-height: 29px; color: #55585E; text-wrap: pretty; }

/* -------------------------------------------------- liste: kenar + kartlar */
.b-liste { padding-top: 44px; }
.b-liste-izgara { display: grid; align-items: start; gap: 28px; grid-template-columns: minmax(0, 1fr); }
.b-kenar { min-width: 0; top: 124px; position: static; }
.b-liste-sag { min-width: 0; }

.b-ara { display: flex; align-items: center; gap: 8px; flex: none; width: 100%; }
.b-ara input[type="search"] {
  flex: 1; min-width: 0; height: 44px; padding: 0 14px; border-radius: 10px;
  border: 1px solid #DCDCDC; background: #FFFFFF; font-size: 16px; color: #0A0A0A;
  transition: border-color .18s var(--e-mikro);
}
.b-ara input[type="search"]:focus { border-color: #00A5E5; outline: none; }
.b-ara button {
  flex: none; width: 44px; height: 44px; display: grid; place-items: center;
  border-radius: 10px; border: 0; background: #00A5E5; color: #FFFFFF; cursor: pointer;
  transition: background .18s var(--e-mikro);
}
.b-ara button:hover { background: #0090CC; }

.b-kenar-bas {
  margin-top: 28px; padding-bottom: 12px; border-bottom: 1px solid #DCDCDC;
  font-size: 11px; font-weight: 600; letter-spacing: .2em; color: #55585E; display: none;
}
.b-kat-liste {
  display: flex; gap: 6px; min-width: 0; scrollbar-width: none;
  flex-direction: row; overflow-x: auto; margin-top: 16px;
}
.b-kat-liste::-webkit-scrollbar { display: none; }
.b-kat-liste a {
  border-radius: 10px; flex: none; display: flex; align-items: center; justify-content: space-between;
  gap: 14px; min-height: 44px; padding: 0 14px; text-align: left;
  font-size: 12px; font-weight: 600; letter-spacing: .12em; white-space: nowrap;
  background: #FFFFFF; color: #0A0A0A; border: 1px solid #DCDCDC;
}
.b-kat-liste a > span:first-child { transition: opacity .18s var(--e-mikro); }
.b-kat-liste a > span:first-child:hover { opacity: .7; }
.b-kat-liste a > span:last-child { font-family: var(--f-baslik); font-size: 14px; letter-spacing: .06em; opacity: .7; }
.b-kat-liste a[aria-current] { background: #00A5E5; color: #FFFFFF; border-color: #00A5E5; }

.b-ara-ozet { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 0; margin-bottom: 28px; }
.b-ara-ozet span { font-size: 15px; color: #0A0A0A; }
.b-ara-ozet a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; font-weight: 600; letter-spacing: .14em; color: #007BAD; }

/* ------------------------------------------------------------------ kart */
.b-kartlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 52px 36px; grid-template-columns: minmax(0, 1fr); }
.b-kart { min-width: 0; }
.b-kart > a { display: flex; flex-direction: column; color: #0A0A0A; }
.b-kart-gorsel { display: block; overflow: hidden; border-radius: 10px; background: #F5F5F3; aspect-ratio: 16 / 10; }
.b-kart-gorsel > span { display: block; width: 100%; height: 100%; transition: transform .72s cubic-bezier(.16,1,.3,1); }
.b-kart-gorsel > span:hover { transform: scale(1.04); }
.b-kart-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.b-kart-ust { display: flex; align-items: center; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 2px solid #0A0A0A; }
.b-kat { font-size: 10.5px; font-weight: 600; letter-spacing: .18em; color: #007BAD; white-space: nowrap; }
.b-cizgi { flex: 1; height: 1px; background: #ECECEC; }
.b-kart-meta { font-size: 11px; color: #55585E; white-space: nowrap; }
.b-kart-baslik {
  display: block; margin-top: 14px; font-family: var(--f-baslik); font-weight: 600;
  font-size: clamp(22px, 2.1vw, 28px); line-height: 1.06; letter-spacing: .005em; text-wrap: balance;
}
.b-kart-ozet {
  display: -webkit-box; margin-top: 10px; font-size: 14.5px; line-height: 24px; color: #55585E;
  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.b-kart-oku { display: inline-flex; align-items: center; gap: 12px; margin-top: 16px; font-size: 11px; font-weight: 600; letter-spacing: .14em; color: #007BAD; }
.b-kart--yazar .b-kart-baslik { letter-spacing: normal; }
.b-kart--ilgili .b-kart-ust { margin-top: 18px; padding-top: 14px; }
.b-kart--ilgili .b-kart-baslik { margin-top: 12px; font-size: clamp(21px, 1.9vw, 25px); letter-spacing: normal; }

/* -------------------------------------------------------- boş + sayfalama */
.b-bos { padding: 56px 0; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; text-align: center; }
.b-bos-baslik { margin: 0; font-family: var(--f-baslik); font-weight: 600; font-size: 28px; color: #0A0A0A; }
.b-bos p:not(.b-bos-baslik) { margin: 12px auto 0; max-width: 44ch; font-size: 15px; line-height: 25px; color: #55585E; }
.b-bos-btn {
  display: inline-flex; align-items: center; gap: 12px; margin-top: 24px; height: 50px; padding: 0 24px;
  border-radius: 10px; background: #00A5E5; color: #FFFFFF; font-size: 12px; font-weight: 600; letter-spacing: .14em;
}
.b-bos-btn:hover { background: #0090CC; color: #FFFFFF; }

.b-sayfalama { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 64px; padding-top: 28px; border-top: 1px solid #DCDCDC; }
.b-sayfalama > a, .b-sayfalama > .pasif {
  border-radius: 10px; width: 44px; height: 44px; display: grid; place-items: center;
  background: #FFFFFF; border: 1px solid #DCDCDC; color: #0A0A0A;
}
.b-sayfalama > .pasif { border-color: #ECECEC; color: #B7B9BD; }
.b-sayfalama > span:not(.pasif) { font-family: var(--f-baslik); font-size: 18px; font-weight: 700; letter-spacing: .1em; min-width: 86px; text-align: center; color: #0A0A0A; }

/* -------------------------------------------------------------- avatar */
.b-avatar {
  display: grid; place-items: center; border-radius: 50%; flex: none;
  background: linear-gradient(160deg, #00A5E5, #0084BD); color: #FFFFFF;
  font-family: var(--f-baslik); font-weight: 700;
  width: 40px; height: 40px; font-size: 16px;
}
.b-avatar--orta { width: 72px; height: 72px; font-size: 26px; }
.b-avatar--buyuk { width: 96px; height: 96px; font-size: 36px; letter-spacing: .04em; }

/* --------------------------------------------------------------- yazar */
.b-yazar-bas {
  display: grid; align-items: center; gap: 28px 40px; margin-top: 32px; padding-bottom: 40px;
  border-bottom: 1px solid #DCDCDC; grid-template-columns: minmax(0, 1fr);
}
.b-yazar-bas > div { min-width: 0; }
.b-yazar-rol { font-size: 11px; font-weight: 600; letter-spacing: .2em; color: #55585E; }
.b-h1--yazar { margin-top: 14px; text-wrap: wrap; }
.b-yazar-bio { margin: 18px 0 0; max-width: 62ch; font-size: 17px; line-height: 29px; color: #55585E; }
.b-yazar-sayi { margin-top: 18px; font-size: 12px; font-weight: 600; letter-spacing: .14em; color: #007BAD; }
.b-yazar .b-kartlar { margin-top: 48px; }

/* ---------------------------------------------------------------- yazı */
.b-okuma { position: fixed; left: 0; top: var(--head-h); z-index: 49; height: 2px; background: #00A5E5; width: 0; }
.b-yazi { padding-top: 40px; }
.b-yazi-kat { display: inline-flex; align-items: center; gap: 12px; margin-top: 24px; font-size: 11px; font-weight: 600; letter-spacing: .2em; color: #007BAD; }
.b-yazi-kat > span { width: 30px; height: 3px; background: #00A5E5; }
/* Tasarımda renk satır içinde: genel a:hover (#0090CC) işlemez. */
.b-yazi-kat:hover { color: #007BAD; }
.b-yazi-h1 {
  margin: 20px 0 0; font-family: var(--f-baslik); font-weight: 700; color: #0A0A0A;
  font-size: clamp(2rem, 8.4vw, 2.6rem); line-height: .96; letter-spacing: -.015em; text-wrap: balance;
}
.b-yazi-bas { display: flex; flex-direction: column; gap: 22px; margin-top: 28px; }
.b-yazi-ozet { margin: 0; max-width: 64ch; font-size: 19px; line-height: 31px; color: #55585E; text-wrap: pretty; }
.b-yazi-meta { display: flex; align-items: center; gap: 14px 22px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid #DCDCDC; }
.b-yazi-meta > a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #0A0A0A; }
.b-yazi-meta > a:hover { color: #007BAD; }
.b-yazi-meta > a > span:last-child { font-size: 14px; font-weight: 600; }
.b-ayrac { width: 1px; height: 16px; background: #DCDCDC; }
.b-yazi-meta time, .b-yazi-meta > span:not(.b-ayrac) { font-size: 13.5px; color: #55585E; }
.b-yazi-kapak { margin: 40px 0 0; }
.b-yazi-kapak > div { overflow: hidden; border-radius: 14px; background-color: #F5F5F3; aspect-ratio: 4 / 3; }
.b-yazi-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; }
.b-yazi-kapak figcaption { margin-top: 12px; font-size: 12.5px; line-height: 19px; color: #55585E; }

.b-yazi-govde { display: grid; align-items: start; justify-content: start; margin-top: 36px; gap: 28px; grid-template-columns: minmax(0, 1fr); }
.b-toc { min-width: 0; top: 124px; position: static; padding: 20px; background: #F5F5F3; border-radius: 12px; }
.b-toc-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #DCDCDC; }
.b-toc-bas span { font-size: 11px; color: #55585E; }
.b-toc-bas span:first-child { font-weight: 600; letter-spacing: .2em; }
.b-toc ol { list-style: none; margin: 0; padding: 0; }
.b-toc li { border-bottom: 1px solid #ECECEC; }
.b-toc a {
  position: relative; display: flex; gap: 12px; align-items: baseline; min-height: 44px;
  padding: 12px 0 12px 16px; font-size: 14px; line-height: 21px; color: #0A0A0A; font-weight: 400;
}
.b-toc a > span:first-child { position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 2px; background: transparent; }
.b-toc a > span:nth-child(2) { font-family: var(--f-baslik); font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #007BAD; flex: none; }
.b-toc a[aria-current] { color: #006E9C; font-weight: 600; }
.b-toc a[aria-current] > span:first-child { background: #00A5E5; }
.b-yazi-sag { min-width: 0; width: 100%; max-width: 720px; }

/* ------------------------------------------------- yazı gövdesi (.adk-prose) */
.adk-prose > p:first-child {
  margin: 0; padding-bottom: 28px; border-bottom: 1px solid #ECECEC;
  font-size: 21px; line-height: 35px; font-weight: 500; color: #0A0A0A; text-wrap: pretty;
}
.adk-prose p { margin: 20px 0 0; font-size: 17.5px; line-height: 31px; color: #2A2C30; text-wrap: pretty; }
.adk-prose a { color: #007BAD; text-decoration: underline; text-underline-offset: 3px; }
.adk-prose a:hover { color: #0090CC; }
.adk-prose h2 {
  margin: 56px 0 0; scroll-margin-top: 120px; font-family: var(--f-baslik); font-weight: 700;
  font-size: clamp(26px, 2.4vw, 32px); line-height: 1.08; letter-spacing: -.005em; text-wrap: balance; color: #0A0A0A;
}
.adk-h2-no { display: block; margin-bottom: 8px; font-size: 14px; letter-spacing: .14em; color: #007BAD; }
.adk-prose h3 { margin: 36px 0 0; font-family: var(--f-baslik); font-weight: 600; font-size: 25px; line-height: 1.1; color: #0A0A0A; }
.adk-prose blockquote, .adk-prose .wp-block-quote {
  margin: 40px 0 0; padding: 4px 0 4px 26px; border-left: 4px solid #00A5E5;
  font-family: var(--f-baslik); font-weight: 600; font-size: clamp(24px, 2.4vw, 31px);
  line-height: 1.18; color: #0A0A0A; text-wrap: balance;
}
.adk-prose blockquote p { margin: 0; font: inherit; color: inherit; line-height: inherit; text-wrap: inherit; }
.adk-prose blockquote cite { display: block; margin-top: 10px; font-family: var(--f-metin); font-size: 13px; font-weight: 400; font-style: normal; color: #55585E; }
.adk-prose ul { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.adk-prose ul > li { position: relative; padding-left: 21px; font-size: 17px; line-height: 29px; color: #2A2C30; }
.adk-prose ul > li::before { content: ""; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; background: #00A5E5; border-radius: 2px; }
.adk-prose ol { margin: 22px 0 0; padding-left: 22px; display: flex; flex-direction: column; gap: 12px; }
.adk-prose ol > li { padding-left: 6px; font-size: 17px; line-height: 29px; color: #2A2C30; }
.adk-prose ol > li::marker { font-family: var(--f-baslik); font-weight: 700; color: #007BAD; }

.adk-prose figure { margin: 40px 0 0; }
.adk-prose .wp-block-image img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover;
  border-radius: 12px; background-color: #F5F5F3;
}
.adk-prose figcaption, .adk-prose .wp-element-caption {
  margin: 12px 0 0; padding-left: 14px; border-left: 2px solid #00A5E5; text-align: left;
  font-size: 13px; line-height: 20px; color: #55585E;
}
.adk-prose .wp-block-gallery {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px !important; margin: 40px 0 0;
}
.adk-prose .wp-block-gallery > figure.wp-block-image { width: auto !important; margin: 0 !important; display: block; }
.adk-prose .wp-block-gallery > figure.wp-block-image img { aspect-ratio: 4 / 3; border-radius: 10px; height: auto !important; }
.adk-prose .wp-block-gallery > figure.wp-block-image figcaption { display: none; }
.adk-prose .wp-block-gallery > .blocks-gallery-caption { grid-column: 1 / -1; margin-top: 2px; }

.adk-prose .is-style-adk-callout {
  margin: 36px 0 0; padding: 24px 26px; border-radius: 12px; background: #F2FAFE; border: 1px solid #BFE6F7;
}
.adk-prose .is-style-adk-callout p:first-child {
  display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; border: 0;
  font-size: 11px; line-height: normal; font-weight: 600; letter-spacing: .18em; color: #006E9C;
}
.adk-prose .is-style-adk-callout p:first-child::before {
  content: ""; flex: none; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black'%3E%3Ccircle cx='10' cy='10' r='8.5' stroke-width='1.6'/%3E%3Cpath d='M10 9v5M10 6h.01' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black'%3E%3Ccircle cx='10' cy='10' r='8.5' stroke-width='1.6'/%3E%3Cpath d='M10 9v5M10 6h.01' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
}
.adk-prose .is-style-adk-callout p + p { margin: 10px 0 0; font-size: 16px; line-height: 27px; color: #0A0A0A; text-wrap: wrap; }

.adk-prose .wp-block-table, .adk-prose .adk-tablo { margin: 36px 0 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* Tüm yazı tabloları (blok ya da HTML'den yapıştırılmış düz <table>) aynı görünür. */
.adk-prose table { width: 100%; min-width: 460px; border-collapse: collapse; border-spacing: 0; font-size: 15px; line-height: 23px; }
.adk-prose thead { border: 0; }
.adk-prose th {
  text-align: left; padding: 12px 14px; font-size: 11px; font-weight: 600;
  letter-spacing: .14em; color: #55585E; border: 0; border-bottom: 2px solid #0A0A0A;
}
.adk-prose td { padding: 13px 14px; border: 0; border-bottom: 1px solid #ECECEC; color: #2A2C30; }
.adk-prose td:first-child { font-weight: 600; color: #0A0A0A; }
.adk-prose td p, .adk-prose th p { margin: 0; font: inherit; color: inherit; }
/* Bloksuz (yapıştırılmış) tablolar: uzun hücrelerde metin üstten hizalı okunur. */
.adk-prose .adk-tablo td { vertical-align: top; }
.adk-prose .wp-block-table figcaption { margin-top: 10px; padding-left: 0; border-left: 0; }
/* 5+ kolon: 720px sütuna sığsın diye daha sıkı (aksi hâlde masaüstünde de kayıyordu). */
.adk-prose .adk-tablo--genis table { font-size: 14px; line-height: 21px; }
.adk-prose .adk-tablo--genis th, .adk-prose .adk-tablo--genis td { padding-left: 10px; padding-right: 10px; }
.adk-prose .adk-tablo--genis th { letter-spacing: .1em; }
/* Çok kolonlu tablo dar ekranda sıkışmasın: hücreler okunur genişlikte, kap yatay kayar. */
@media (max-width: 767px) {
  .adk-prose .adk-tablo table { min-width: max(460px, calc(var(--adk-kolon, 4) * 150px)); }
}

.adk-video-kutu { position: relative; overflow: hidden; border-radius: 12px; background: #0A0A0A; aspect-ratio: 16 / 9; }
.adk-video-kapak { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: .78; }
.adk-video-oynat {
  position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px;
  border-radius: 50%; display: grid; place-items: center; background: #00A5E5; color: #FFFFFF;
  border: 0; padding: 0; cursor: pointer;
}
.adk-video-kutu video, .adk-prose .wp-block-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.adk-prose .wp-block-embed__wrapper { position: relative; overflow: hidden; border-radius: 12px; background: #0A0A0A; aspect-ratio: 16 / 9; }
.adk-prose hr, .adk-prose .wp-block-separator {
  margin: 48px auto 0; width: 64px; border: 0; height: 3px; background: #00A5E5; border-radius: 2px; opacity: 1;
}

/* ------------------------------------------- etiketler, paylaş, yazar, komşu */
.b-etiketler, .b-paylas { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.b-etiketler { margin-top: 56px; padding-top: 24px; border-top: 1px solid #DCDCDC; }
.b-paylas { margin-top: 20px; }
.b-etiketler > span:first-child, .b-paylas > span:first-child { font-size: 11px; font-weight: 600; letter-spacing: .2em; color: #55585E; margin-right: 6px; }
.b-etiketler a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; background: #F5F5F3; font-size: 13px; color: #0A0A0A; }
.b-etiketler a:hover { background: #E1F4FC; color: #006E9C; }
.b-paylas a, .b-paylas button {
  width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px;
  border: 1px solid #DCDCDC; background: #FFFFFF; color: #0A0A0A; cursor: pointer; padding: 0;
}
.b-paylas a:hover, .b-paylas button:hover { background: #00A5E5; border-color: #007BAD; color: #FFFFFF; }
.b-kopyalandi { font-size: 12px; font-weight: 600; color: #007BAD; }

.b-yazar-kutu {
  display: grid; align-items: start; gap: 18px 24px; margin-top: 40px; padding: 28px;
  border-radius: 14px; background: #F5F5F3; grid-template-columns: minmax(0, 1fr);
}
.b-yazar-kutu > div { min-width: 0; }
.b-yazar-kutu-ust { font-size: 10.5px; font-weight: 600; letter-spacing: .2em; color: #55585E; }
.b-yazar-kutu-ad { margin-top: 8px; font-family: var(--f-baslik); font-weight: 700; font-size: 26px; line-height: 1.05; color: #0A0A0A; }
.b-yazar-kutu-rol { margin-top: 4px; font-size: 13px; color: #007BAD; font-weight: 600; }
.b-yazar-kutu p { margin: 12px 0 0; font-size: 15px; line-height: 25px; color: #55585E; }
.b-yazar-kutu a {
  display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 6px;
  font-size: 11px; font-weight: 600; letter-spacing: .14em; color: #007BAD; transition: gap .22s var(--e-mikro);
}
.b-yazar-kutu a:hover { gap: 18px; }

.b-komsu { display: grid; gap: 12px; margin-top: 24px; grid-template-columns: minmax(0, 1fr); }
.b-komsu a {
  display: flex; flex-direction: column; gap: 10px; padding: 22px 24px; border-radius: 12px;
  border: 1px solid #DCDCDC; color: #0A0A0A; text-align: left;
  transition: border-color .2s var(--e-mikro), background .2s var(--e-mikro);
}
.b-komsu a:hover { border-color: #00A5E5; background: #F2FAFE; }
.b-komsu a.b-komsu-sonraki { text-align: right; }
.b-komsu a > span:first-child { font-size: 10.5px; font-weight: 600; letter-spacing: .2em; color: #007BAD; }
.b-komsu a > span:last-child { font-family: var(--f-baslik); font-weight: 600; font-size: 22px; line-height: 1.08; text-wrap: balance; }

/* -------------------------------------------------------------- ilgili */
.b-ilgili { margin-top: 96px; padding-top: 56px; border-top: 1px solid #DCDCDC; }
.b-ilgili-ust { display: flex; align-items: center; gap: 16px; }
.b-ilgili-ust span:first-child { width: 44px; height: 4px; background: #00A5E5; }
.b-ilgili-ust span:last-child { font-size: 11px; font-weight: 600; letter-spacing: .2em; color: #55585E; }
.b-ilgili h2 { margin: 20px 0 0; font-family: var(--f-baslik); font-weight: 700; font-size: clamp(2.2rem, 3.5vw, 3.4rem); line-height: 1; letter-spacing: -.015em; color: #0A0A0A; }
.b-ilgili .b-kartlar { margin-top: 40px; gap: 44px 36px; }

/* ---------------------------------------------------------------- CTA */
.b-cta { margin-top: 112px; background: linear-gradient(160deg, #00A5E5, #0098D6 55%, #0084BD); color: #FFFFFF; }
.b-cta-ic {
  max-width: 1320px; margin: 0 auto; display: grid; align-items: center; gap: 28px 56px;
  padding: 56px var(--gutter); grid-template-columns: minmax(0, 1fr);
}
.b-cta-ic > div { min-width: 0; }
.b-cta-ust { font-size: 11px; font-weight: 600; letter-spacing: .2em; color: rgba(255,255,255,.9); }
.b-cta h2 { margin: 16px 0 0; font-family: var(--f-baslik); font-weight: 700; font-size: clamp(2.2rem, 4vw, 3.8rem); line-height: .98; letter-spacing: -.015em; text-wrap: balance; color: #FFFFFF; }
.b-cta p { margin: 18px 0 0; max-width: 52ch; font-size: 17px; line-height: 29px; color: rgba(255,255,255,.92); }
.b-cta-btn {
  justify-self: start; display: inline-flex; align-items: center; gap: 12px; height: 54px; padding: 0 28px;
  border-radius: 10px; background: #FFFFFF; color: #006E9C; font-size: 12.5px; font-weight: 600;
  letter-spacing: .14em; white-space: nowrap;
  transition: gap .22s var(--e-mikro), background .2s var(--e-mikro);
}
.b-cta-btn:hover { gap: 18px; background: #F0FAFE; color: #006E9C; }

/* Footer: blog sayfalarında "Blog" bağlantısı etkin */
.iletisim-serit-ic a[aria-current] { color: #007BAD; font-weight: 600; }

/* ================================================================ ≥768 */
@media (min-width: 768px) {
  .b-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .b-h1 { font-size: clamp(3.2rem, 5.4vw, 5.8rem); }
  .b-yazi-h1 { font-size: clamp(2.6rem, 4.4vw, 3.4rem); }
  .b-avatar--buyuk { width: 148px; height: 148px; font-size: 54px; }
  .b-yazar-bas { grid-template-columns: auto minmax(0, 1fr); }
  .b-yazi-kapak > div { aspect-ratio: 16 / 9; }
  .b-yazi-govde { margin-top: 64px; }
  .b-yazar-kutu { grid-template-columns: 72px minmax(0, 1fr); }
  .b-komsu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .b-cta-ic { padding: 80px var(--gutter); }
}

/* =============================================================== ≥1024 */
@media (min-width: 1024px) {
  .b-tepe, .b-yazi { padding-top: 72px; }
  .b-liste-izgara { gap: 40px; grid-template-columns: 220px minmax(0, 1fr); }
  .b-kenar { position: sticky; }
  .b-kenar-bas { display: block; }
  .b-kat-liste { flex-direction: column; overflow-x: visible; margin-top: 10px; }
  .b-kat-liste a { background: transparent; border-color: transparent; }
  .b-kat-liste a[aria-current] { background: #00A5E5; border-color: #00A5E5; }
  .b-kartlar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .b-yazi-govde { gap: 44px; grid-template-columns: 220px minmax(0, 1fr); }
  .b-toc { position: sticky; padding: 0; background: transparent; }
  .b-cta-ic { grid-template-columns: minmax(0, 1fr) auto; }
}

/* =============================================================== ≥1280 */
@media (min-width: 1280px) {
  .b-liste-izgara { gap: 56px; grid-template-columns: 260px minmax(0, 1fr); }
  .b-yazi-h1 { font-size: clamp(3rem, 3.9vw, 4.2rem); }
  .b-yazi-govde { gap: 64px; grid-template-columns: 260px minmax(0, 720px); }
}

@media (prefers-reduced-motion: reduce) {
  .b-kart-gorsel > span, .b-ara input, .b-ara button, .b-yazar-kutu a, .b-komsu a, .b-cta-btn { transition: none; }
}