/* İçerik modülü ziyaretçi sayfaları (vitrin v2, 2026-09-28): rehber (yardım merkezi), blog ve kurumsal sayfalar; gövde tipografisi
   (.ic-govde) yönetim editöründe de kullanılır. Belirteç ve bileşenler tasarim.css (21. bölüm: sayfa bandı, çipli yol izi, iki katman
   gölge, halka + üst ışık çizgisi, ışıklı kart, sayaçlı yan liste). Önek: ic-. CSP: satır içi stil yok. */

/* ── Ortak parçalar ── */
.ic-ust-etiket { display: inline-block; font: 700 var(--t-mini)/1.2 var(--f-govde); letter-spacing: .12em; text-transform: uppercase; color: var(--mavi-metin); }
.ic-kart-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 12px; font-size: var(--t-kucuk); color: var(--sis); }
.ic-kart-meta .tk-rozet { padding: 3px 9px; }
.ic-bolum-h2 { font-size: var(--t-h3); }
.tk-bolum--sik .tk-baslik-grubu + * { margin-top: var(--b-6); }

/* Üst bilgi şeridi (örnek içerik / yönetim önizlemesi): yapışkan menünün altından başlar, bant onu izler */
.ic-serit { position: relative; margin-top: -80px; padding: calc(80px + 14px) 0 14px; background: var(--amber-acik); border-bottom: 1px solid #f6dfb3; color: var(--amber-metin); }
.ic-serit .tk-kap { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.ic-serit svg { width: 20px; height: 20px; flex: none; }
.ic-serit p { flex: 1 1 320px; font-size: var(--t-arayuz); }
.ic-serit--onizleme { background: #eef3ff; border-color: var(--mavi-cizgi); color: var(--mavi-koyu); }
.ic-serit + .tk-sayfa-bandi { margin-top: 0; padding-top: clamp(40px, 5vw, 64px); }

/* ── Rehber: arama bandı ── */
.ic-rehber-bandi { padding-bottom: clamp(88px, 9vw, 120px); text-align: left; }
.ic-rehber-bandi::before { content: ""; position: absolute; right: -120px; top: -40px; width: 520px; height: 520px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(47, 102, 255, .16), transparent 70%); }
.ic-rehber-bandi-ic { position: relative; max-width: 820px; }
.ic-rehber-bandi h1 { font-size: clamp(2.25rem, 1.5rem + 2.8vw, 3.5rem); margin-top: var(--b-4); max-width: 18ch; }
.ic-rehber-bandi .tk-kisaca { margin-top: var(--b-4); max-width: 62ch; font-size: var(--t-giris); line-height: 1.6; color: var(--sis); }
.ic-rehber-bandi--kisa { padding-bottom: clamp(40px, 4.4vw, 52px); }
.ic-ara { position: relative; display: flex; align-items: center; gap: 8px; margin-top: var(--b-6); padding: 8px 8px 8px 52px; border-radius: 18px;
  background: #fff; border: 1px solid var(--tas); box-shadow: 0 2px 4px rgba(22, 32, 44, .05), 0 22px 44px -22px rgba(22, 32, 44, .32), var(--parilti);
  transition: box-shadow var(--h-orta), border-color var(--h-orta); max-width: 720px; }
.ic-ara:focus-within { border-color: var(--mavi); box-shadow: var(--odak), 0 22px 44px -22px rgba(47, 102, 255, .4); }
.ic-ara-simge { position: absolute; left: 18px; top: 50%; width: 22px; height: 22px; transform: translateY(-50%); color: var(--silik); pointer-events: none; }
.ic-ara input { flex: 1; min-width: 0; min-height: 50px; border: 0; background: none; font: 500 1.0625rem/1.3 var(--f-govde); color: var(--murekkep); outline: none; }
.ic-ara input::placeholder { color: var(--silik); }
.ic-ara input::-webkit-search-cancel-button { display: none; }
.ic-ara .tk-dugme { min-height: 50px; padding-inline: 24px; border-radius: 12px; }
.ic-ara--kucuk { margin-top: 0; padding: 4px 6px 4px 44px; border-radius: 14px; box-shadow: var(--g-kart); }
.ic-ara--kucuk .ic-ara-simge { left: 14px; width: 18px; height: 18px; }
.ic-ara--kucuk input { min-height: 42px; font-size: var(--t-arayuz); }
.ic-ara-alt { margin-top: 14px; font-size: var(--t-kucuk); color: var(--sis); font-weight: 600; }

/* ── Rehber: iki panel kapısı (bandın üstüne biner) ── */
.ic-kapilar-bolum { position: relative; z-index: 2; margin-top: calc(-1 * clamp(56px, 6vw, 76px)); }
.ic-kapilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b-5); }
.ic-kapi { position: relative; display: flex; flex-direction: column; gap: 12px; padding: clamp(24px, 2.6vw, 34px); border-radius: var(--k-5);
  background: var(--yuzey-1); border: 1px solid var(--tas); box-shadow: 0 2px 4px rgba(22, 32, 44, .05), 0 30px 60px -30px rgba(22, 32, 44, .35), var(--parilti);
  overflow: hidden; isolation: isolate; }
.ic-kapi::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--mavi-degrade); }
.ic-kapi::after { content: ""; position: absolute; right: -80px; top: -80px; width: 240px; height: 240px; border-radius: 50%; z-index: -1;
  background: radial-gradient(closest-side, rgba(47, 102, 255, .12), transparent); }
.ic-kapi--site::before { background: linear-gradient(90deg, var(--amber-logo), #f7c46e); }
.ic-kapi--site::after { background: radial-gradient(closest-side, rgba(240, 178, 84, .18), transparent); }
.ic-kapi-simge { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; color: #fff; background: var(--mavi-degrade); box-shadow: var(--g-mavi); }
.ic-kapi--site .ic-kapi-simge { background: linear-gradient(135deg, #f7c46e, var(--amber-logo)); box-shadow: 0 10px 22px -8px rgba(245, 158, 11, .6); color: var(--taban); }
.ic-kapi-simge svg { width: 26px; height: 26px; }
.ic-kapi-adres { align-self: flex-start; padding: 4px 10px; border-radius: 8px; background: var(--yuzey-3); font: 600 var(--t-mini)/1.3 ui-monospace, "Cascadia Mono", Consolas, monospace; color: var(--sis); }
.ic-kapi h2 { font-size: var(--t-h3); }
.ic-kapi > p { color: var(--sis); }
.ic-kapi-liste { list-style: none; padding: 0; margin: 4px 0 0; display: grid; border-top: 1px solid var(--tas); }
.ic-kapi-liste a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 2px; border-bottom: 1px solid var(--tas);
  color: var(--murekkep); font-weight: 600; font-size: var(--t-arayuz); }
.ic-kapi-liste a::after { content: "›"; color: var(--silik); font-weight: 700; transition: transform var(--h-hizli) var(--egri); }
.ic-kapi-liste a:hover { color: var(--mavi-metin); text-decoration: none; }
.ic-kapi-liste a:hover::after { transform: translateX(3px); color: var(--mavi); }
.ic-kapi-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: auto; padding-top: 6px;
  font-size: var(--t-kucuk); color: var(--sis); font-weight: 600; }
.ic-kapi-not { color: var(--silik); font-weight: 500; }

/* ── Rehber: konu ızgarası ── */
.ic-konular .tk-baslik-grubu + * { margin-top: var(--b-6); }
.ic-konu-izgara { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-5); }
.ic-konu-izgara > li { display: grid; }
.ic-konu { display: flex; flex-direction: column; padding: var(--b-5) var(--b-5) 20px; }
.ic-konu h3 { font-size: 1.1875rem; letter-spacing: -.015em; }
.ic-konu h3 a { color: var(--murekkep); }
.ic-konu h3 a:hover { text-decoration: none; }
.ic-konu p { font-size: var(--t-arayuz); line-height: 1.55; }
.ic-konu-sayi { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 16px; font-size: var(--t-kucuk); font-weight: 700; color: var(--mavi-metin); }
.ic-konu-sayi svg { width: 15px; height: 15px; transition: transform var(--h-hizli) var(--egri); }
.ic-konu:hover .ic-konu-sayi svg { transform: translateX(3px); }

/* ── Makale satırları (liste, arama, öne çıkanlar, ilgili) ── */
.ic-one-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(28px, 4vw, 56px); align-items: start; }
.ic-one-duzen .tk-baslik-grubu + * { margin-top: var(--b-6); }
.ic-one-yan { position: sticky; top: 104px; }
.ic-satirlar { display: grid; gap: 12px; }
.ic-satirlar--iki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ic-satir { position: relative; display: flex; align-items: center; gap: 18px; padding: 18px 22px; border-radius: var(--k-4); background: var(--yuzey-1);
  border: 1px solid var(--tas); box-shadow: var(--g-kart), var(--parilti); overflow: hidden; transition: box-shadow .28s ease, border-color .28s ease; }
.ic-satir::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--mavi-degrade); transform: scaleY(0); transform-origin: 50% 0;
  transition: transform .35s var(--egri-yay); }
.ic-satir:hover, .ic-satir:focus-within { border-color: transparent; box-shadow: var(--g-kart-ust), var(--parilti); }
.ic-satir:hover::before, .ic-satir:focus-within::before { transform: scaleY(1); }
.ic-satir-ic { flex: 1; min-width: 0; }
.ic-satir h3 { font-size: 1.125rem; letter-spacing: -.015em; line-height: 1.3; }
.ic-satir h3 a { color: var(--murekkep); }
.ic-satir h3 a:hover { text-decoration: none; color: var(--mavi-metin); }
.ic-satir p:not(.ic-kart-meta) { margin-top: 6px; color: var(--sis); font-size: var(--t-arayuz); line-height: 1.55; }
.ic-satir-ok { width: 20px; height: 20px; flex: none; color: var(--silik); transition: transform var(--h-hizli) var(--egri), color var(--h-hizli); }
.ic-satir:hover .ic-satir-ok { transform: translateX(4px); color: var(--mavi); }

/* ── Sayfa + yan sütun (kategori, arama) ── */
.ic-duzen .ic-yan-sutun { gap: var(--b-5); }

/* ── Blog: kategori çipleri, öne çıkan yazı, kart ızgarası, sayfalama ── */
.ic-blog .tk-kap > * + * { margin-top: var(--b-6); }
.ic-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.ic-cipler a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 16px; border-radius: var(--k-tam); background: #fff;
  border: 1px solid var(--tas); color: var(--murekkep); font-weight: 600; font-size: var(--t-arayuz); box-shadow: var(--g-1);
  transition: border-color var(--h-hizli), color var(--h-hizli); }
.ic-cipler a:hover { text-decoration: none; border-color: var(--mavi-cizgi); color: var(--mavi-metin); }
.ic-cipler a b { font-size: var(--t-mini); padding: 1px 7px; border-radius: 999px; background: var(--yuzey-3); color: var(--sis); font-variant-numeric: tabular-nums; }
.ic-cipler a[aria-current] { background: var(--murekkep); border-color: var(--murekkep); color: #fff; }
.ic-cipler a[aria-current] b { background: rgba(255, 255, 255, .16); color: #fff; }

.ic-one-cikan { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); padding: 0; border-radius: var(--k-5); }
.ic-one-cikan-kapak { aspect-ratio: 16 / 10; background: var(--yuzey-3); }
.ic-one-cikan-kapak img { width: 100%; height: 100%; object-fit: cover; }
.ic-one-cikan-govde { display: flex; flex-direction: column; justify-content: center; padding: clamp(24px, 3.4vw, 48px); }
.ic-one-cikan-govde h2 { margin-top: 14px; font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.375rem); line-height: 1.1; }
.ic-one-cikan-govde h2 a { color: var(--murekkep); }
.ic-one-cikan-govde h2 a:hover { text-decoration: none; }
.ic-one-cikan-govde > p:not(.ic-kart-meta) { margin-top: 14px; color: var(--sis); font-size: var(--t-giris); line-height: 1.6; }
.ic-one-cikan-oku { margin-top: 22px; }

.ic-kart-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b-5); }
.ic-kart-izgara--dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ic-kart-oge { display: flex; flex-direction: column; padding: 0; }
.ic-kart-kapak { position: relative; aspect-ratio: 16 / 9; background: var(--yuzey-3); border-bottom: 1px solid var(--tas); }
.ic-kart-kapak img { width: 100%; height: 100%; object-fit: cover; }
.ic-kart-kapak-bos { position: absolute; inset: 0; display: grid; place-items: center;
  background:
    radial-gradient(260px 160px at 80% 10%, rgba(47, 102, 255, .16), transparent 70%),
    radial-gradient(220px 140px at 10% 100%, rgba(240, 178, 84, .2), transparent 70%),
    linear-gradient(rgba(22, 32, 44, .04) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(90deg, rgba(22, 32, 44, .04) 1px, transparent 1px) 0 0 / 24px 24px, #f3f1eb; }
.ic-kart-kapak-bos .tk-temel { transform: scale(1.6); }
.ic-kart-rozet { position: absolute; left: 12px; top: 12px; }
.ic-kart-govde { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 22px; }
.ic-kart-govde h3 { margin-top: 10px; font-size: 1.1875rem; line-height: 1.25; letter-spacing: -.015em; }
.ic-kart-govde h3 a { color: var(--murekkep); }
.ic-kart-govde h3 a:hover { text-decoration: none; }
.ic-kart-govde > p:not(.ic-kart-meta) { font-size: var(--t-arayuz); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ic-kart-govde .ic-kart-meta { margin-top: auto; padding-top: 14px; }

.ic-sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.ic-sayfalama a { display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 10px; border-radius: 12px; background: #fff; border: 1px solid var(--tas);
  color: var(--murekkep); font-weight: 700; box-shadow: var(--g-1); }
.ic-sayfalama a:hover { text-decoration: none; border-color: var(--mavi-cizgi); color: var(--mavi-metin); }
.ic-sayfalama a[aria-current] { background: var(--murekkep); border-color: var(--murekkep); color: #fff; }
.ic-sayfalama svg { width: 16px; height: 16px; }

/* ── Tek içerik: bant, meta, düzen ── */
.ic-makale-bandi h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.125rem); max-width: 24ch; margin-top: var(--b-4); }
.ic-makale-bandi .tk-kisaca { margin-top: var(--b-4); max-width: 64ch; font-size: var(--t-giris); line-height: 1.6; color: var(--sis); }
.ic-meta { list-style: none; padding: 0; margin: var(--b-5) 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; font-size: var(--t-kucuk);
  color: var(--sis); font-weight: 600; }
.ic-meta li { display: inline-flex; align-items: center; gap: 7px; }
.ic-meta svg { width: 16px; height: 16px; color: var(--silik); }
.ic-yazar-bas { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--murekkep); color: #fff;
  font: 700 .8125rem/1 var(--f-baslik); }
.ic-yazi-bas { text-align: left; }

.ic-makale-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(32px, 5vw, 72px); align-items: start;
  padding-block: clamp(40px, 5vw, 64px) clamp(56px, 7vw, 96px); }
.ic-makale { min-width: 0; }
.ic-makale-yan { position: sticky; top: 104px; display: grid; gap: var(--b-5); min-width: 0; }
/* Yapışkan yan sütun ekrana sığmazsa kendi içinde kayar (SSS'teki .ym-yan gibi; inceleme 2026-10-23): içindekiler + iletişim kartı + Konular
   ekranı aşınca alt kısım ancak makale bitince görünüyordu. Yalnız sütunun yapışkan olduğu genişlikte (makale ≤1024, kategori/arama ≤900 px
   altında sütun akışa döner); 4 px dolgu odak halkası ve kart gölgesi kırpılmasın diye. */
@media (min-width: 1025px) {
  .ic-makale-yan { max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 4px; margin: -4px; }
}
@media (min-width: 901px) {
  .ic-duzen .ic-yan-sutun { max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 4px; margin: -4px; }
}
.ic-icindekiler .tk-yan-liste a { justify-content: flex-start; font-weight: 500; font-size: var(--t-kucuk); line-height: 1.4; padding: 9px 12px; }
.ic-icindekiler .tk-yan-liste a[aria-current] { font-weight: 700; }
.ic-yan-rehber { padding-bottom: 18px; }
.ic-yan-rehber p { padding: 12px 18px 10px; color: var(--sis); font-size: var(--t-arayuz); }
.ic-yan-rehber .tk-baglanti { margin-inline: 18px; }
.ic-yan-ok { width: 14px; height: 14px; color: var(--silik); }

.ic-yazi-kapak-kap { margin-top: clamp(28px, 4vw, 48px); }
.ic-yazi-kapak { margin: 0 auto; max-width: 1080px; }
.ic-yazi-kapak img, .ic-kurumsal-kapak img { width: 100%; border-radius: var(--k-4); border: 1px solid var(--tas); box-shadow: var(--g-kart); aspect-ratio: 16 / 9; object-fit: cover; }
.ic-kurumsal-kapak { margin: 0 0 var(--b-7); }

/* ── Gövde tipografisi (ziyaretçi sayfası ve yönetim editörü) ── */
.ic-govde { max-width: 72ch; font-size: 1.0625rem; line-height: 1.75; color: #1f2a37; counter-reset: rh-adim; overflow-wrap: break-word; }
.ic-govde > :first-child { margin-top: 0; }
.ic-govde h2 { counter-set: rh-adim 0; }   /* adım numaraları her bölümde 1'den başlar (var olan sayaç sıfırlanır) */
.ic-govde h2 { margin-top: 2.1em; font-size: clamp(1.5rem, 1.25rem + .8vw, 1.875rem); letter-spacing: -.025em; line-height: 1.2; scroll-margin-top: 104px; }
.ic-govde h3 { margin-top: 1.8em; font-size: clamp(1.25rem, 1.15rem + .4vw, 1.4375rem); letter-spacing: -.02em; }
.ic-govde h4 { margin-top: 1.6em; font-size: 1.125rem; letter-spacing: -.01em; }
.ic-govde p, .ic-govde ul, .ic-govde ol, .ic-govde blockquote, .ic-govde table, .ic-govde figure, .ic-govde pre { margin-top: 1.05em; }
.ic-govde h2 + p, .ic-govde h3 + p, .ic-govde h4 + p { margin-top: .6em; }
.ic-govde ul, .ic-govde ol { padding-left: 1.4em; }
.ic-govde li + li { margin-top: .4em; }
.ic-govde li::marker { color: var(--mavi-metin); font-weight: 700; }
.ic-govde a:not(.g-dosya) { color: var(--mavi-metin); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ic-govde strong, .ic-govde b { color: var(--murekkep); }
.ic-govde blockquote { padding: 14px 20px; border-left: 3px solid var(--mavi); background: var(--yuzey-2); border-radius: 0 var(--k-3) var(--k-3) 0; color: var(--sis); font-size: 1.0625rem; }
.ic-govde hr { border: 0; height: 1px; margin: 2.2em 0; background: linear-gradient(90deg, transparent, var(--tas-koyu), transparent); }
.ic-govde code { padding: 2px 6px; border-radius: 6px; background: var(--yuzey-3); font: .9em ui-monospace, "Cascadia Mono", Consolas, monospace; }
.ic-govde pre { padding: 14px 16px; border-radius: var(--k-3); background: var(--koyu-yuzey); color: #e7ecf3; overflow-x: auto; font-size: .875rem; }
.ic-govde pre code { background: none; padding: 0; color: inherit; }
.ic-govde table { width: 100%; border-collapse: collapse; font-size: var(--t-arayuz); display: block; overflow-x: auto; }
.ic-govde th, .ic-govde td { padding: 10px 12px; border: 1px solid var(--tas); text-align: left; vertical-align: top; }
.ic-govde th { background: var(--yuzey-3); font-weight: 700; }
.ic-govde img { display: block; max-width: 100%; height: auto; margin: 1.4em 0; border-radius: var(--k-3); border: 1px solid var(--tas);
  box-shadow: 0 1px 2px rgba(22, 32, 44, .06), 0 18px 40px -22px rgba(22, 32, 44, .35); }
.ic-govde img.g-kucuk { width: min(100%, 320px); }
.ic-govde img.g-orta { width: min(100%, 560px); }
.ic-govde img.g-tam { width: 100%; }
.ic-govde img.g-ortala { margin-inline: auto; }
.ic-govde img.g-sol { float: left; margin: .3em 1.4em 1em 0; max-width: 50%; }
.ic-govde img.g-sag { float: right; margin: .3em 0 1em 1.4em; max-width: 50%; }
.ic-govde::after { content: ""; display: table; clear: both; }
/* Ekran görüntüsü: çerçeveli figür + altyazı; görsele tıklayınca tam boyut yeni sekmede (rehber görüntüleri 1600 px) */
.ic-govde figure { margin: 1.8em 0; }
.ic-govde figure > a { display: block; border-radius: var(--k-3); outline-offset: 4px; cursor: zoom-in; }
.ic-govde figure img { margin: 0; background: #fff; transition: box-shadow .25s ease, transform .25s ease; }
.ic-govde figure > a:hover img { box-shadow: 0 0 0 1.5px var(--mavi), 0 22px 48px -20px rgba(47, 102, 255, .35); }
.ic-govde figure img.g-orta { margin-inline: auto; }
.ic-govde figcaption { margin-top: .7em; font-size: .875rem; line-height: 1.5; color: var(--sis); text-align: center; }
@media (prefers-reduced-motion: reduce) { .ic-govde figure img { transition: none; } }
.ic-govde a.g-dosya { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 10px; border: 1px solid var(--tas); background: #fff;
  color: var(--murekkep); font-weight: 600; box-shadow: var(--g-1); }
/* Rehber kutuları: numaralı adım, not, uyarı */
.ic-govde .rh-adim { position: relative; counter-increment: rh-adim; padding: 16px 18px 16px 64px; border-radius: var(--k-4); background: #fff;
  border: 1px solid var(--tas); box-shadow: var(--g-kart); }
.ic-govde .rh-adim::before { content: counter(rh-adim); position: absolute; left: 16px; top: 14px; display: grid; place-items: center; width: 32px; height: 32px;
  border-radius: 10px; background: var(--mavi-degrade); color: #fff; font: 800 .9375rem/1 var(--f-baslik); box-shadow: var(--g-mavi); }
.ic-govde .rh-adim + .rh-adim { margin-top: 10px; }
.ic-govde .rh-not, .ic-govde .rh-uyari { position: relative; padding: 14px 18px 14px 48px; border-radius: var(--k-3); font-size: 1rem; line-height: 1.6; }
.ic-govde .rh-not { background: var(--mavi-acik); border: 1px solid #dbe5ff; color: #1b2d5c; }
.ic-govde .rh-uyari { background: var(--uyari-zemin); border: 1px solid var(--uyari-cizgi); color: #7a2a08; }
.ic-govde .rh-not::before, .ic-govde .rh-uyari::before { content: ""; position: absolute; left: 16px; top: 16px; width: 20px; height: 20px; background-size: 20px 20px; }
.ic-govde .rh-not::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232456e6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E"); }
.ic-govde .rh-uyari::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2410c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E"); }

/* ── Makalenin sonu: panele git, sektör kutusu ── */
.ic-panele-git, .ic-sektor-kutusu { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: var(--b-7); padding: 22px 24px;
  border-radius: var(--k-4); background: linear-gradient(135deg, #fff, var(--mavi-acik)); border: 1px solid #dbe5ff; box-shadow: var(--g-kart); max-width: 72ch; }
.ic-panele-git > div, .ic-sektor-kutusu > div { flex: 1 1 280px; }
.ic-panele-git b, .ic-sektor-kutusu b { font: 700 1.125rem/1.3 var(--f-baslik); letter-spacing: -.01em; }
.ic-panele-git p, .ic-sektor-kutusu p { margin-top: 4px; color: var(--sis); font-size: var(--t-arayuz); }
.ic-panele-git--site, .ic-sektor-kutusu { background: linear-gradient(135deg, #fff, var(--amber-acik)); border-color: #f6dfb3; }

/* ── Duyarlı ── */
@media (max-width: 1100px) {
  .ic-kart-izgara--dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
  .ic-makale-duzen, .ic-one-duzen { grid-template-columns: minmax(0, 1fr); }
  .ic-makale-yan, .ic-one-yan { position: static; }
  .ic-makale-yan { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .ic-konu-izgara, .ic-kart-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .ic-kapilar, .ic-satirlar--iki, .ic-konu-izgara, .ic-kart-izgara, .ic-kart-izgara--dort, .ic-one-cikan { grid-template-columns: minmax(0, 1fr); }
  .ic-ara { padding-left: 44px; }
  .ic-ara-simge { left: 14px; }
  .ic-ara .tk-dugme { padding-inline: 16px; }
  .ic-satir { padding: 16px; }
  .ic-satir-ok { display: none; }
  .ic-govde { font-size: 1rem; }
  .ic-govde img.g-sol, .ic-govde img.g-sag { float: none; max-width: 100%; margin: 1.2em 0; }
  .ic-govde .rh-adim { padding-left: 58px; }
}
@media (prefers-reduced-motion: reduce) {
  .ic-satir::before, .ic-satir-ok, .ic-kapi-liste a::after, .ic-konu-sayi svg { transition: none; }
}
@media print {
  .tk-ust, .tk-alt, .ic-makale-yan, .ic-serit, .tk-yol, .ah-cagri-bolum { display: none !important; }
  .ic-makale-duzen { display: block; }
}

/* Rehber bandında alt renk şeridi yok: panel kapıları bandın üstüne biner */
.ic-rehber-bandi:not(.ic-rehber-bandi--kisa)::after { display: none; }
.ic-one-cikan-kapak { position: relative; }

/* Ana sayfa / hazır site: "rehber ve blogdan" şeridi (_IcerikBolumu) */
.ic-serit-ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-bottom: var(--b-6, 32px); }
.ic-serit-ust .tk-baslik-grubu { margin-bottom: 0; }
.ic-serit-baglantilar { display: flex; flex-wrap: wrap; gap: 10px; }

/* ═══ Denetim düzeltmesi: türevli kapaklar (<picture>) ve kapaksız içerikte kategori görseli ═══ */
.ic-kart-kapak picture, .ic-one-cikan-kapak picture { display: block; width: 100%; height: 100%; }
.ic-yazi-kapak picture, .ic-kurumsal-kapak picture { display: block; }
/* Rehber kartında kapak yerine o konunun panel ekranı: ışıklı zeminde, üstten hizalı pencere */
.ic-kart-kapak--ekran { padding: 18px 20px 0; background:
    radial-gradient(80% 90% at 0% 0%, rgba(47, 102, 255, .12), transparent 60%),
    radial-gradient(60% 70% at 100% 0%, rgba(240, 178, 84, .16), transparent 60%), var(--yuzey-2); }
.ic-kart-kapak--ekran img { border-radius: 10px 10px 0 0; border: 1px solid var(--tas); border-bottom: 0; object-position: top left; box-shadow: var(--g-2); background: #fff; }

/* ═══ Öne çıkan yazı kapağı (2026-10-10): 16:9 kapak görselinin TAMAMI, ışıklı bir sahnenin ortasında çerçeveli durur. Önceden sabit 16:10 kutu
   yazı sütunundan kısa kalıyor, kartın altı boş görünüyordu ve 16:9 kapak yanlardan kırpılıyordu. Sahne, Sahne tema kartlarının dili: köşelerde
   mavi ve amber ışık, üstte sönen ölçü ızgarası. Telefonda (tek sütun) kapak kenardan kenara, 16:9. ═══ */
.ic-one-cikan-kapak { aspect-ratio: auto; display: grid; place-items: center; padding: clamp(20px, 2.6vw, 32px);
  background:
    radial-gradient(70% 80% at 12% 0%, rgba(47, 102, 255, .16), transparent 70%),
    radial-gradient(60% 70% at 100% 100%, rgba(240, 178, 84, .2), transparent 70%),
    linear-gradient(180deg, #f3f5fb, #fbfaf7); }
.ic-one-cikan-kapak::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(rgba(47, 102, 255, .08) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(90deg, rgba(47, 102, 255, .08) 1px, transparent 1px) 0 0 / 22px 22px;
  -webkit-mask-image: radial-gradient(90% 75% at 30% 10%, #000 20%, transparent 75%);
          mask-image: radial-gradient(90% 75% at 30% 10%, #000 20%, transparent 75%); }
.ic-one-cikan-kapak picture { position: relative; height: auto; }
.ic-one-cikan-kapak img { position: relative; height: auto; aspect-ratio: 16 / 9; border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(22, 32, 44, .08), 0 24px 44px -22px rgba(22, 32, 44, .45); }
@media (max-width: 760px) {
  .ic-one-cikan-kapak { aspect-ratio: 16 / 9; padding: 0; }
  .ic-one-cikan-kapak::before { display: none; }
  .ic-one-cikan-kapak img { height: 100%; border-radius: 0; box-shadow: none; }
}