/* ============================================================
   HAZİNE — il ekonomisi × bölüm arzı
   Tüm seçiciler #ktBolumHazine altında; uygulamanın geri kalanına sızmaz.
   Renk sistemi: uygulamanın --kt-* değişkenleri + hazineye özel altın aksan.
   ============================================================ */
#ktBolumHazine {
  --hz-altin: #c9982c;
  --hz-altin-koyu: #8a6716;
  --hz-altin-acik: #fdf6e3;
  --hz-altin-cizgi: #eddaa7;
  --hz-yesil: var(--kt-yesil);
  --hz-yesil-acik: #e8f2ee;
  --hz-kilit: #b0553f;
  --hz-kilit-acik: #fbeeea;
  --hz-golge: 0 1px 2px rgba(37,39,46,.05), 0 10px 30px -22px rgba(37,39,46,.55);
}

#ktBolumHazine .hz-sar { max-width: 1560px; margin: 0 auto; padding: 26px 18px 56px; }
#ktBolumHazine h1 {
  font-family: var(--kt-font-baslik); font-weight: 800;
  font-size: clamp(24px, 3.4vw, 34px); line-height: 1.16; letter-spacing: -.02em;
  text-align: center; margin: 0 0 8px;
}
#ktBolumHazine .hz-giris {
  color: var(--kt-metin-soluk); max-width: 78ch; margin: 0 auto 20px;
  font-size: 14.5px; line-height: 1.55; text-align: center;
}
#ktBolumHazine .hz-giris b { color: var(--kt-metin); font-weight: 600; }

/* ---------- görünüm seçici ---------- */
#ktBolumHazine .hz-mod {
  display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 0 0 20px;
}
#ktBolumHazine .hz-mod-d {
  display: inline-flex; align-items: center; gap: 7px;
  font: inherit; font-size: 13px; font-weight: 500;
  padding: 8px 15px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--kt-cizgi); background: #fff; color: var(--kt-metin-soluk);
  transition: .15s;
}
#ktBolumHazine .hz-mod-d:hover { border-color: var(--hz-altin); color: var(--hz-altin-koyu); }
#ktBolumHazine .hz-mod-d[aria-selected="true"] {
  background: var(--kt-antrasit); border-color: var(--kt-antrasit); color: #fff; font-weight: 600;
}
#ktBolumHazine .hz-mod-d svg { flex: none; }

/* ---------- düzen ---------- */
#ktBolumHazine .hz-duzen {
  display: grid; grid-template-columns: 268px minmax(0, 1fr); gap: 18px; align-items: start;
}
#ktBolumHazine .hz-duzen.hz-tek { grid-template-columns: minmax(0, 1fr); }
#ktBolumHazine .hz-duzen.hz-tek .hz-raf { display: none; }
@media (max-width: 980px) { #ktBolumHazine .hz-duzen { grid-template-columns: 1fr; } }

/* ---------- sol raf ---------- */
#ktBolumHazine .hz-raf {
  background: #fff; border: 1px solid var(--kt-cizgi); border-radius: 14px;
  box-shadow: var(--hz-golge); overflow: hidden; position: sticky; top: 14px;
}
@media (max-width: 980px) { #ktBolumHazine .hz-raf { position: static; } }
#ktBolumHazine .hz-raf-bas { padding: 12px 13px 10px; border-bottom: 1px solid var(--kt-cizgi); background: #fafbfa; }
#ktBolumHazine .hz-et {
  font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase;
  color: var(--kt-metin-soluk); font-weight: 600; margin-bottom: 7px;
}
#ktBolumHazine .hz-raf-bas input {
  width: 100%; padding: 8px 11px; border: 1px solid var(--kt-cizgi); border-radius: 9px;
  background: #fff; color: var(--kt-metin); font: inherit; font-size: 13.5px;
}
#ktBolumHazine .hz-raf-bas input:focus {
  outline: none; border-color: var(--hz-altin);
  box-shadow: 0 0 0 3px rgba(201,152,44,.18);
}
#ktBolumHazine .hz-sirala { display: flex; gap: 5px; margin-top: 8px; flex-wrap: wrap; }
#ktBolumHazine .hz-sirala button {
  font: inherit; font-size: 11px; padding: 3px 9px; border-radius: 999px;
  border: 1px solid var(--kt-cizgi); background: #fff; color: var(--kt-metin-soluk); cursor: pointer;
}
#ktBolumHazine .hz-sirala button[aria-pressed="true"] {
  background: var(--hz-altin-acik); border-color: var(--hz-altin-cizgi);
  color: var(--hz-altin-koyu); font-weight: 600;
}
#ktBolumHazine .hz-raf-say { font-size: 11.5px; color: var(--kt-metin-soluk); margin-top: 8px; }
#ktBolumHazine .hz-cetvel { max-height: min(64vh, 700px); overflow-y: auto; padding: 6px 0 10px; }
@media (max-width: 980px) { #ktBolumHazine .hz-cetvel { max-height: 320px; } }

#ktBolumHazine .hz-satir {
  display: flex; gap: 9px; align-items: center; width: 100%; text-align: left;
  padding: 7px 12px; background: none; border: 0; font: inherit; color: var(--kt-metin); cursor: pointer;
}
#ktBolumHazine .hz-satir:hover { background: var(--hz-altin-acik); }
#ktBolumHazine .hz-satir:focus-visible { outline: 2px solid var(--hz-altin); outline-offset: -2px; }
#ktBolumHazine .hz-satir[aria-current="true"] { background: var(--hz-altin-acik); }
#ktBolumHazine .hz-satir[aria-current="true"] .hz-satir-ad { font-weight: 700; color: var(--hz-altin-koyu); }
#ktBolumHazine .hz-satir-no {
  flex: none; width: 22px; font-size: 11px; color: var(--kt-metin-soluk);
  font-variant-numeric: tabular-nums; text-align: right;
}
#ktBolumHazine .hz-satir-ad { font-size: 13.4px; line-height: 1.3; }
#ktBolumHazine .hz-satir-yan { margin-left: auto; display: flex; gap: 5px; align-items: center; flex: none; }
#ktBolumHazine .hz-kd {
  font-size: 9.5px; letter-spacing: .04em; text-transform: uppercase; font-weight: 700;
  padding: 2px 6px; border-radius: 5px; white-space: nowrap;
}
#ktBolumHazine .hz-kd-1 { background: #e7edf6; color: #2b4a72; }
#ktBolumHazine .hz-kd-2 { background: #e6f0ec; color: #2f5a4a; }
#ktBolumHazine .hz-kd-3 { background: #f0f0e8; color: #5b5f43; }
#ktBolumHazine .hz-kd-4 { background: #f6efe4; color: #705731; }
#ktBolumHazine .hz-kd-5 { background: #f7eae4; color: #7b4a34; }
#ktBolumHazine .hz-kd-6 { background: #f5e6e6; color: #7d3f3f; }
#ktBolumHazine .hz-para-mini {
  font-size: 10.5px; color: var(--hz-altin-koyu); font-weight: 700;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}

/* ---------- tuval ---------- */
#ktBolumHazine .hz-tuval {
  background: #fff; border: 1px solid var(--kt-cizgi); border-radius: 14px;
  box-shadow: var(--hz-golge); overflow: hidden; min-height: 420px;
}

/* --- başlık şeridi --- */
#ktBolumHazine .hz-bas {
  display: flex; gap: 16px; align-items: center; flex-wrap: wrap;
  padding: 18px 20px 16px; border-bottom: 1px solid var(--kt-cizgi);
  background: linear-gradient(180deg, #fffdf7, #fff);
}
#ktBolumHazine .hz-bas-ust {
  font-size: 10.5px; letter-spacing: .09em; text-transform: uppercase;
  color: var(--hz-altin-koyu); font-weight: 700; margin-bottom: 4px;
}
#ktBolumHazine .hz-bas h2 {
  font-family: var(--kt-font-baslik); font-weight: 800; font-size: 25px;
  letter-spacing: -.02em; margin: 0; line-height: 1.15;
}
#ktBolumHazine .hz-bas-alt { font-size: 12.5px; color: var(--kt-metin-soluk); margin-top: 4px; }
#ktBolumHazine .hz-bas-alt b { color: var(--kt-metin); font-weight: 600; }
#ktBolumHazine .hz-bas-sag { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

#ktBolumHazine .hz-dugme {
  display: inline-flex; align-items: center; gap: 6px;
  font: inherit; font-size: 12.5px; padding: 7px 13px; border-radius: 9px; cursor: pointer;
  border: 1px solid var(--kt-cizgi); background: #fff; color: var(--kt-metin); transition: .15s;
}
#ktBolumHazine .hz-dugme:hover { border-color: var(--kt-yesil); color: var(--kt-yesil-koyu); }
#ktBolumHazine .hz-dugme svg { flex: none; width: 13px; height: 13px; }
#ktBolumHazine .hz-dugme-ana {
  background: var(--kt-yesil); border-color: var(--kt-yesil); color: #fff; font-weight: 600;
}
#ktBolumHazine .hz-dugme-ana:hover { background: var(--kt-yesil-koyu); border-color: var(--kt-yesil-koyu); color: #fff; }

/* sandık rozeti (başlıktaki küçük görsel) */
#ktBolumHazine .hz-sandik { flex: none; display: flex; align-items: center; gap: 9px; }
#ktBolumHazine .hz-sandik svg { width: 46px; height: 46px; }
#ktBolumHazine .hz-sandik-sy { line-height: 1.15; }
#ktBolumHazine .hz-sandik-sy b {
  display: block; font-family: var(--kt-font-baslik); font-size: 19px; font-weight: 800;
  color: var(--hz-altin-koyu); font-variant-numeric: tabular-nums;
}
#ktBolumHazine .hz-sandik-sy span { font-size: 10.5px; color: var(--kt-metin-soluk); }

/* --- özet kutuları --- */
#ktBolumHazine .hz-ozet {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px; background: var(--kt-cizgi); border-bottom: 1px solid var(--kt-cizgi);
}
#ktBolumHazine .hz-oz { background: #fff; padding: 13px 16px 14px; }
#ktBolumHazine .hz-oz .et {
  display: block; font-size: 10px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--kt-metin-soluk); font-weight: 600; margin-bottom: 5px;
}
#ktBolumHazine .hz-oz b {
  display: block; font-family: var(--kt-font-baslik); font-size: 18px; font-weight: 700;
  letter-spacing: -.01em; line-height: 1.2;
}
#ktBolumHazine .hz-oz .ac { display: block; font-size: 11.5px; color: var(--kt-metin-soluk); margin-top: 3px; }
#ktBolumHazine .hz-artan { color: #2f7a57; font-weight: 600; }
#ktBolumHazine .hz-azalan { color: #a8402c; font-weight: 600; }
#ktBolumHazine .hz-oz-kilit b { color: var(--hz-kilit); }

/* --- bölüm gövdesi --- */
#ktBolumHazine .hz-govde { padding: 18px 20px 22px; }
#ktBolumHazine .hz-h3 {
  font-family: var(--kt-font-baslik); font-size: 15px; font-weight: 700; margin: 0 0 3px;
}
#ktBolumHazine .hz-h3-alt { font-size: 12.5px; color: var(--kt-metin-soluk); margin: 0 0 13px; }
#ktBolumHazine .hz-bolum-ara { margin-top: 26px; }

/* --- sektör sandıkları --- */
#ktBolumHazine .hz-sandiklar { display: flex; flex-direction: column; gap: 8px; }
#ktBolumHazine .hz-snd { border: 1px solid var(--kt-cizgi); border-radius: 12px; background: #fff; overflow: hidden; }
#ktBolumHazine .hz-snd-h {
  display: flex; gap: 11px; align-items: center; width: 100%; text-align: left;
  padding: 11px 13px; background: none; border: 0; font: inherit; color: var(--kt-metin); cursor: pointer;
}
#ktBolumHazine .hz-snd-h:hover { background: #fafbfa; }
#ktBolumHazine .hz-snd-h:focus-visible { outline: 2px solid var(--hz-altin); outline-offset: -2px; }
#ktBolumHazine .hz-snd-ik {
  flex: none; width: 34px; height: 34px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
}
#ktBolumHazine .hz-snd-ik svg { width: 18px; height: 18px; }
/* Orta blok DARALABİLİR olmalı (min-width:0): flex öğeleri varsayılan olarak
   içeriğinden küçülmez, uzun sektör adı + para dizisi satırı taşırıp bütün
   sayfaya yatay kaydırma çubuğu ekliyordu. */
#ktBolumHazine .hz-snd-orta { min-width: 0; flex: 1 1 auto; }
#ktBolumHazine .hz-snd-ad { display: block; font-size: 14px; font-weight: 600; line-height: 1.25; }
#ktBolumHazine .hz-snd-alt { display: block; font-size: 11.5px; color: var(--kt-metin-soluk); margin-top: 2px; }
#ktBolumHazine .hz-snd-sag { margin-left: auto; display: flex; align-items: center; gap: 10px; flex: none; }
#ktBolumHazine .hz-snd-ok { flex: none; color: var(--kt-metin-soluk); transition: transform .18s; }
#ktBolumHazine .hz-snd[open-hz] .hz-snd-ok { transform: rotate(90deg); }

/* rol rozetleri */
#ktBolumHazine .hz-rol {
  font-size: 9.5px; letter-spacing: .05em; text-transform: uppercase; font-weight: 700;
  padding: 2px 7px; border-radius: 5px; white-space: nowrap;
}
#ktBolumHazine .hz-rol-h { background: var(--hz-altin); color: #fff; }
#ktBolumHazine .hz-rol-g { background: var(--hz-yesil-acik); color: var(--kt-yesil-koyu); }
#ktBolumHazine .hz-rol-k { background: var(--hz-kilit-acik); color: var(--hz-kilit); }

/* hâkim / gelişen / kilitli sandık kimlikleri */
#ktBolumHazine .hz-snd-h-hakim { border-color: var(--hz-altin-cizgi); background: linear-gradient(180deg, #fffdf6, #fff); }
#ktBolumHazine .hz-snd-h-hakim .hz-snd-ik { background: var(--hz-altin-acik); color: var(--hz-altin-koyu); }
#ktBolumHazine .hz-snd-h-gelisen .hz-snd-ik { background: var(--hz-yesil-acik); color: var(--kt-yesil-koyu); }
#ktBolumHazine .hz-snd-h-kilit { border-style: dashed; border-color: #e0c4bb; background: #fffbfa; }
#ktBolumHazine .hz-snd-h-kilit .hz-snd-ik { background: var(--hz-kilit-acik); color: var(--hz-kilit); }

/* para dizisi — bölüm sayısı */
#ktBolumHazine .hz-paralar { display: flex; align-items: center; gap: 3px; flex-wrap: nowrap; }
#ktBolumHazine .hz-para {
  width: 11px; height: 11px; border-radius: 50%; flex: none;
  background: radial-gradient(circle at 35% 30%, #f4d98b, var(--hz-altin) 70%);
  box-shadow: inset 0 0 0 1px rgba(138,103,22,.35);
  transform: scale(0); animation: hzPara .32s cubic-bezier(.34,1.56,.64,1) forwards;
}
#ktBolumHazine .hz-para-g { background: radial-gradient(circle at 35% 30%, #9fcdb9, var(--kt-yesil) 70%); box-shadow: inset 0 0 0 1px rgba(58,106,88,.35); }
#ktBolumHazine .hz-para-sy {
  font-size: 12px; font-weight: 700; color: var(--kt-metin); font-variant-numeric: tabular-nums;
  margin-left: 4px; white-space: nowrap;
}
#ktBolumHazine .hz-para-sy span { font-weight: 500; color: var(--kt-metin-soluk); }
@keyframes hzPara { to { transform: scale(1); } }
@media (max-width: 860px) { #ktBolumHazine .hz-paralar .hz-para:nth-child(n+7) { display: none; } }
@media (max-width: 620px) { #ktBolumHazine .hz-paralar .hz-para { display: none; } }

/* --- açılan bölüm listesi --- */
#ktBolumHazine .hz-snd-ic { padding: 2px 13px 14px; border-top: 1px dashed var(--kt-cizgi); }
#ktBolumHazine .hz-snd-not { font-size: 12px; color: var(--kt-metin-soluk); margin: 10px 0 9px; }
#ktBolumHazine .hz-snd-not b { color: var(--kt-metin); font-weight: 600; }
#ktBolumHazine .hz-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
#ktBolumHazine .hz-cip {
  display: inline-flex; align-items: baseline; gap: 6px;
  font: inherit; font-size: 12.5px; padding: 6px 11px; border-radius: 9px; cursor: pointer;
  border: 1px solid var(--kt-cizgi); background: #fff; color: var(--kt-metin); text-align: left; transition: .13s;
}
#ktBolumHazine .hz-cip:hover { border-color: var(--kt-yesil); background: var(--hz-yesil-acik); color: var(--kt-yesil-koyu); }
#ktBolumHazine .hz-cip:focus-visible { outline: 2px solid var(--kt-yesil); outline-offset: 1px; }
#ktBolumHazine .hz-cip .ac { font-size: 10.5px; color: var(--kt-metin-soluk); white-space: nowrap; }
#ktBolumHazine .hz-cip:hover .ac { color: var(--kt-yesil-koyu); }
#ktBolumHazine .hz-cip-vekil { border-style: dashed; }

/* --- ihracat şeridi --- */
#ktBolumHazine .hz-ihr { margin-top: 26px; border-top: 1px solid var(--kt-cizgi); padding-top: 18px; }
#ktBolumHazine .hz-ihr-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; }
#ktBolumHazine .hz-bar-sat { margin-bottom: 11px; }
#ktBolumHazine .hz-bar-ust { display: flex; gap: 8px; align-items: baseline; font-size: 12.5px; margin-bottom: 4px; }
#ktBolumHazine .hz-bar-ad { font-weight: 600; }
#ktBolumHazine .hz-bar-dg { margin-left: auto; font-variant-numeric: tabular-nums; color: var(--kt-metin-soluk); white-space: nowrap; }
#ktBolumHazine .hz-bar-yol { height: 8px; border-radius: 5px; background: #f0f1f2; overflow: hidden; }
#ktBolumHazine .hz-bar-dolu {
  height: 100%; border-radius: 5px; background: linear-gradient(90deg, var(--hz-altin), #e2bd63);
  width: 0; animation: hzBar .7s cubic-bezier(.22,.8,.3,1) forwards;
}
#ktBolumHazine .hz-bar-dolu-y { background: linear-gradient(90deg, var(--kt-yesil), #7fb09b); }
@keyframes hzBar { to { width: var(--hz-w); } }
#ktBolumHazine .hz-bar-etiket { font-size: 11px; color: var(--kt-metin-soluk); margin-top: 3px; }
#ktBolumHazine .hz-bar-etiket b { color: var(--hz-altin-koyu); font-weight: 600; }

/* --- uyarı / bulgu kutusu --- */
#ktBolumHazine .hz-bulgu {
  display: flex; gap: 10px; align-items: flex-start;
  border: 1px solid var(--hz-altin-cizgi); background: var(--hz-altin-acik);
  border-radius: 11px; padding: 11px 13px; font-size: 12.5px; line-height: 1.5; margin-top: 12px;
}
#ktBolumHazine .hz-bulgu svg { flex: none; margin-top: 1px; color: var(--hz-altin-koyu); }
#ktBolumHazine .hz-bulgu b { font-weight: 600; }
#ktBolumHazine .hz-bulgu-kilit { border-color: #e8cdc4; background: var(--hz-kilit-acik); }
#ktBolumHazine .hz-bulgu-kilit svg { color: var(--hz-kilit); }

/* --- tablo (açıklar görünümü) --- */
#ktBolumHazine .hz-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
#ktBolumHazine .hz-tablo th, #ktBolumHazine .hz-tablo td {
  text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--kt-cizgi); vertical-align: top;
}
#ktBolumHazine .hz-tablo th {
  font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase;
  color: var(--kt-metin-soluk); font-weight: 600; white-space: nowrap;
}
#ktBolumHazine .hz-tablo tbody tr:hover { background: #fafbfa; }
#ktBolumHazine .hz-il-link {
  font: inherit; font-size: 13px; font-weight: 600; background: none; border: 0; padding: 0;
  color: var(--kt-yesil-koyu); cursor: pointer; text-align: left;
}
#ktBolumHazine .hz-il-link:hover { text-decoration: underline; }
#ktBolumHazine .hz-sarma { overflow-x: auto; }

/* --- dil kartları --- */
#ktBolumHazine .hz-dil-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
#ktBolumHazine .hz-dil-kart { border: 1px solid var(--kt-cizgi); border-radius: 12px; padding: 13px 14px; background: #fff; }
#ktBolumHazine .hz-dil-kart.hz-acik { border-color: #e8cdc4; background: #fffbfa; }
#ktBolumHazine .hz-dil-ad { font-family: var(--kt-font-baslik); font-size: 15px; font-weight: 700; margin-bottom: 2px; }
#ktBolumHazine .hz-dil-pazar { font-size: 11.5px; color: var(--kt-metin-soluk); margin-bottom: 9px; }
#ktBolumHazine .hz-dil-blok { margin-top: 9px; }
#ktBolumHazine .hz-dil-et {
  font-size: 10px; letter-spacing: .07em; text-transform: uppercase;
  color: var(--kt-metin-soluk); font-weight: 600; margin-bottom: 4px;
}
#ktBolumHazine .hz-dil-yok { font-size: 12.5px; color: var(--hz-kilit); font-weight: 600; }

/* --- boş durum --- */
#ktBolumHazine .hz-bos { padding: 40px 20px; text-align: center; color: var(--kt-metin-soluk); font-size: 13.5px; }

/* --- kaynak notu --- */
#ktBolumHazine .hz-kaynak {
  max-width: 1560px; margin: 16px auto 0; font-size: 11.5px; line-height: 1.6;
  color: var(--kt-metin-soluk); border-top: 1px solid var(--kt-cizgi); padding-top: 12px;
}
#ktBolumHazine .hz-kaynak b { color: var(--kt-metin); font-weight: 600; }
#ktBolumHazine .hz-kaynak a { color: var(--kt-yesil-koyu); }
#ktBolumHazine .hz-kaynak-sat { margin-bottom: 4px; }
#ktBolumHazine .hz-mhr {
  display: inline-block; font-size: 9.5px; letter-spacing: .06em; text-transform: uppercase;
  font-weight: 700; padding: 1px 6px; border-radius: 4px; margin-right: 6px;
}
#ktBolumHazine .hz-mhr-resmi { background: #e7edf6; color: #2b4a72; }
#ktBolumHazine .hz-mhr-ed { background: #f6efe4; color: #705731; }
/* Üçüncü mühür: ders listeleri ne resmî bir kaynaktan alıntı ne de editöryel
   yorum — 63 üniversitenin kataloğundan çıkarılmış FREKANS DERLEMESİ. */
#ktBolumHazine .hz-mhr-drl { background: #e9eef0; color: #3b5560; }

/* ============================================================
   BÖLÜM REHBERİ (4. görünüm)
   Kendi renk sistemi YOK: hz-cip / hz-bar-* / hz-oz / hz-et hepsi
   yukarıdan devralınır, burada yalnız rehbere özgü yerleşim var.
   ============================================================ */

/* --- katman ekranları (kademe · kategori) ---
   Kart sınıfları (kt-meslek-kademe-*, kt-dgs-kategori-*, kt-dgs-geri, kt-dgs-h1)
   tercihrobotu.css'te global tanımlı ve Meslek / DGS / Yatay Geçiş atlaslarıyla
   ortaktır; burada yalnız Hazine bağlamına oturtan farklar var. */

/* Kart ekranlarında tuvalin beyaz çerçevesi kalkar: kartlar kendi kutularını
   taşıyor, iki kat çerçeve olmasın. */
#ktBolumHazine .hz-tuval-bos {
  background: none; border: 0; box-shadow: none; min-height: 0; padding: 0;
}
#ktBolumHazine .hz-tuval-bos .kt-dgs-h1 { text-align: center; margin: 6px 0 6px; }
#ktBolumHazine .hz-rh-katman-alt {
  text-align: center; font-size: 13px; color: var(--kt-metin-soluk);
  max-width: 68ch; margin: 0 auto 20px; line-height: 1.55;
}
/* Geri düğmesi ekranın sol üstünde kalmalı; kt-dgs-h1 ortalanınca onun
   akışından çıkarılır. */
#ktBolumHazine .hz-tuval-bos .kt-dgs-geri { display: inline-flex; margin-bottom: 2px; }

/* Panel başlığındaki geri düğmesi — başlıktan önce, kendi satırında */
#ktBolumHazine .hz-rh-geri { margin-bottom: 2px; }

/* Bağlantıyı kopyala — "robotta aç" yanında ikincil durur; asıl eylem o. */
#ktBolumHazine .hz-rh-paylas {
  background: #fff; border: 1px solid var(--kt-cizgi); color: var(--kt-metin-soluk);
}
#ktBolumHazine .hz-rh-paylas:hover {
  border-color: var(--hz-altin-cizgi); background: var(--hz-altin-acik);
  color: var(--hz-altin-koyu);
}
#ktBolumHazine .hz-rh-paylas svg { width: 15px; height: 15px; }

/* --- kesit ritmi ---
   Sekiz kesit aynı ağırlıkta olunca panel düz bir akışa dönüşüyordu. Her blok
   üstten ince bir ayraçla ayrılır, başlığın önüne altın bir işaret konur; ilk
   blok ayraçsızdır ki başlık alanından kopmasın. */
#ktBolumHazine .hz-rh-blok { margin-bottom: 24px; padding-top: 22px; border-top: 1px solid var(--kt-cizgi); }
#ktBolumHazine .hz-rh-blok:first-child { padding-top: 4px; border-top: 0; }
#ktBolumHazine .hz-rh-blok:last-child { margin-bottom: 0; }

#ktBolumHazine .hz-rh-blok .hz-h3 { position: relative; padding-left: 13px; }
#ktBolumHazine .hz-rh-blok .hz-h3::before {
  content: ""; position: absolute; left: 0; top: .32em;
  width: 4px; height: .82em; border-radius: 2px; background: var(--hz-altin);
}
#ktBolumHazine .hz-rh-et-ara { margin-top: 18px; }

/* --- iki sütunlu kesit ---
   Okunabilir satır ölçüsü (~68ch) 1400 px'lik tuvalin yarısını doldurmuyordu;
   metin solda kalıp sağ taraf boş görünüyordu. Çözüm ölçüyü bozmak değil,
   ikinci paragrafı yan sütuna almak: ölçü korunur, sayfa dolar.

   Medya sorgusu yerine sarma esnek düzen: sorgu görünüm penceresine bakar,
   oysa sütunu daraltan şey tuvalin genişliği (solda 268 px'lik raf var). 340 px
   taban genişlikle iki sütun ancak sığdığında oluşur, sığmayınca alt alta iner —
   kapsayıcı ne kadar genişse ona uyar. */
#ktBolumHazine .hz-rh-iki { display: flex; flex-wrap: wrap; gap: 18px 44px; align-items: flex-start; }
#ktBolumHazine .hz-rh-iki > div { flex: 1 1 340px; min-width: 0; }
/* Sütun çok genişlerse satır 85 karakteri aşıyor; ölçü burada sınırlanır ama
   artan boşluk sütun içinde kaldığı için sayfada boş yarım oluşmaz. */
#ktBolumHazine .hz-rh-iki .hz-rh-metin { max-width: 74ch; }
#ktBolumHazine .hz-rh-iki > div > .hz-h3:first-child { margin-top: 0; }

#ktBolumHazine .hz-rh-metin {
  font-size: 13.5px; line-height: 1.65; color: var(--kt-metin);
  max-width: 68ch; margin: 0 0 12px;
}
#ktBolumHazine .hz-rh-metin b { font-weight: 600; }
/* "Bu bölüm nedir?" paragrafı panelin giriş cümlesidir; bir tık büyük. */
#ktBolumHazine .hz-rh-giris { font-size: 14.5px; line-height: 1.6; }

/* --- çip türleri ---
   Altı ayrı anlam (unvan, çalışma alanı, ders, yakın bölüm, DGS, ek puan) aynı
   görünüyordu. Tıklanabilir olanlar hz-cip'in yeşil hover'ını korur; tıklanamaz
   olanlar hz-rh-duz ile sabit imleç ve soluk zemin alır. */
#ktBolumHazine .hz-rh-duz {
  cursor: default; background: #fafbfa; border-color: #e9ebea; color: var(--kt-metin);
}
#ktBolumHazine .hz-rh-duz:hover { border-color: #e9ebea; background: #fafbfa; color: var(--kt-metin); }
#ktBolumHazine .hz-rh-duz:hover .ac { color: var(--kt-metin-soluk); }

/* unvan çipleri bölümün kimliğini taşır — altın tonu */
#ktBolumHazine .hz-rh-unvan {
  background: var(--hz-altin-acik); border-color: var(--hz-altin-cizgi); color: var(--hz-altin-koyu);
  font-weight: 600;
}
#ktBolumHazine .hz-rh-unvan:hover {
  background: var(--hz-altin-acik); border-color: var(--hz-altin-cizgi); color: var(--hz-altin-koyu);
}

/* gidilebilir çipe ok: tıklanabilirliği renkle değil biçimle de anlat */
#ktBolumHazine button.hz-cip[data-git-bolum]::after,
#ktBolumHazine button.hz-cip[data-git-il]::after {
  content: "›"; margin-left: 1px; font-size: 14px; line-height: 1;
  color: var(--kt-metin-soluk); transition: transform .13s, color .13s;
}
#ktBolumHazine button.hz-cip[data-git-bolum]:hover::after,
#ktBolumHazine button.hz-cip[data-git-il]:hover::after {
  color: var(--kt-yesil-koyu); transform: translateX(2px);
}

/* --- ders listesi ---
   Tam genişlikte barda ders adı ile yüzde arası ~1000 px oluyordu; göz her
   satırda gidip geliyordu. İki sütun ızgara bu mesafeyi dörtte birine indirir
   ve 18 bar bir duvar gibi durmaz. */
#ktBolumHazine .hz-rh-ders-izgara {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  column-gap: 26px; row-gap: 2px;
}
#ktBolumHazine .hz-rh-ders-izgara .hz-bar-yol { height: 6px; }
#ktBolumHazine .hz-rh-ders-izgara .hz-bar-ad { font-weight: 500; }
#ktBolumHazine .hz-rh-ders-izgara .hz-bar-dg {
  font-weight: 600; color: var(--hz-altin-koyu); font-size: 12px;
}

/* yüzdeli ders çipi — "çoğunda var" kovası */
#ktBolumHazine .hz-rh-ders-cip .ac {
  font-variant-numeric: tabular-nums; font-weight: 600; color: var(--hz-altin-koyu);
}
#ktBolumHazine .hz-rh-ders-cip:hover .ac { color: var(--hz-altin-koyu); }

/* --- özet kutuları ---
   Dört kutu da aynı görünürken "Müfredat derlemesi"nin DERLEME katmanından
   geldiği kayboluyordu. Üst şerit kaynağı renkle söyler: altın = resmî künye,
   gri-mavi = derleme (kaynak şeridindeki hz-mhr-drl ile aynı renk). */
#ktBolumHazine .hz-rh-oz { position: relative; }
#ktBolumHazine .hz-rh-oz::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: var(--hz-altin-cizgi);
}
#ktBolumHazine .hz-rh-oz-drl::before { background: #c6d2d7; }
#ktBolumHazine .hz-rh-oz b { font-size: 20px; }

/* başlıktaki kademe rozeti — raftaki rozetle aynı dil */
#ktBolumHazine .hz-rh-bas-kd { margin-left: 9px; vertical-align: middle; }

/* sektör → şehir satırı */
#ktBolumHazine .hz-rh-sek {
  border: 1px solid var(--kt-cizgi); border-radius: 12px;
  padding: 12px 14px; margin-bottom: 10px; background: #fff;
  transition: border-color .15s, box-shadow .15s;
}
#ktBolumHazine .hz-rh-sek:hover { border-color: var(--hz-altin-cizgi); box-shadow: var(--hz-golge); }
#ktBolumHazine .hz-rh-sek-bas {
  display: flex; align-items: center; gap: 9px; margin-bottom: 9px;
  font-size: 14px; font-family: var(--kt-font-baslik);
}
/* hz-snd-ik'in zemin rengi hâkim/gelişen/kilitli sandık sınıflarından gelir;
   rehberde o sarmalayıcılar yok, ikon zeminsiz kalıyordu. */
#ktBolumHazine .hz-rh-sek-bas .hz-snd-ik {
  background: var(--hz-altin-acik); color: var(--hz-altin-koyu);
}
#ktBolumHazine .hz-rh-sek-say {
  margin-left: auto; font-family: var(--kt-font-govde); font-size: 11.5px;
  font-weight: 500; color: var(--kt-metin-soluk); white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  #ktBolumHazine .hz-para, #ktBolumHazine .hz-bar-dolu { animation: none !important; }
  #ktBolumHazine .hz-para { transform: scale(1); }
  #ktBolumHazine .hz-bar-dolu { width: var(--hz-w); }
}