/* ============================================================
   Demirtepe Basın Arşivi — demirtepe.net
   Bütün kurallar .dta sınıfı altında kapsanmıştır;
   sitenin geri kalanına hiçbir kural sızmaz.
   ============================================================ */

.dta{
  --metin:#26241f;
  --soluk:#6b6459;
  --vurgu:#7a4a1e;
  --cizgi:#ddd6c9;
  --kutu:#faf7f1;

  max-width:820px;
  margin:0 auto;
  padding:0;
  background:transparent;
  color:var(--metin);
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px;
  line-height:1.78;
  -webkit-text-size-adjust:100%;
}
.dta, .dta *{box-sizing:border-box}

/* --- sans-serif kullanan ögeler --- */
.dta .kunye, .dta .sira, .dta .ustlink, .dta .kaynak,
.dta .dizi, .dta figcaption, .dta table,
.dta .gecis .yon, .dta .gecis .trh{
  font-family:Helvetica,Arial,sans-serif !important;
}

/* --- italik kullanılmıyor --- */
.dta em, .dta i{font-style:normal}
.dta .govde em{color:var(--soluk)}

/* ---------------------------------------------- üst satır */
.dta .ustlink{
  font-size:13px;
  border-top:1px solid var(--cizgi);
  padding-top:16px;
  margin:0 0 6px;
}
.dta .ustlink a{color:var(--vurgu) !important;text-decoration:none}
.dta .ustlink a:hover{text-decoration:underline}

.dta .sira{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--vurgu);
  margin:0 0 26px;
}

/* ---------------------------------------------- künye */
.dta .kunye{
  background:var(--kutu);
  border-left:4px solid var(--vurgu);
  border-radius:2px;
  padding:18px 22px;
  margin:0 0 30px;
  font-size:15px;
  line-height:1.65;
}
.dta .kunye dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 14px}
.dta .kunye dt{font-weight:bold;color:var(--vurgu)}
.dta .kunye dd{margin:0}

/* ---------------------------------------------- notlar */
.dta .not{
  background:#faf9f6;
  border:1px solid var(--cizgi);
  padding:16px 20px;
  margin:28px 0;
  font-size:.92em;
  line-height:1.65;
  color:var(--soluk);
}
.dta .not strong{color:var(--metin)}
.dta .not p{margin:0 0 10px}
.dta .not p:last-child{margin-bottom:0}
.dta .not a{color:var(--vurgu) !important}

/* ---------------------------------------------- gövde */
.dta .govde p{margin:0 0 1.05em;text-align:justify;hyphens:auto}
.dta .govde a{color:var(--vurgu) !important}

/* ara başlıklar — TEK kural, temanınkileri bastırır */
.dta .govde h2{
  display:block !important;
  width:auto !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:1.34em !important;
  font-weight:700 !important;
  font-style:normal !important;
  line-height:1.35 !important;
  color:var(--vurgu) !important;
  border-bottom:1px solid var(--cizgi) !important;
  padding:0 0 8px !important;
  margin:1.75em 0 .55em !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/* alt başlıklar — h2'nin küçük kardeşi, aynı aileden */
.dta .govde h3{
  display:block !important;
  width:auto !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:1.08em !important;
  font-weight:700 !important;
  font-style:normal !important;
  line-height:1.4 !important;
  color:var(--metin) !important;
  border:0 !important;
  padding:0 !important;
  margin:1.7em 0 .45em !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.dta .govde h2 + p, .dta .govde h3 + p{margin-top:0 !important}

/* alıntılar — italik yok, turuncu sol çizgi */
.dta .govde blockquote{
  margin:1.4em 0 !important;
  padding:4px 0 4px 22px !important;
  border-left:3px solid var(--vurgu);
  font-style:normal;
  color:#3a352d;
}
.dta .govde blockquote p{text-align:left;margin:0 0 .6em}
.dta .govde blockquote p:last-child{margin-bottom:0}

/* ---------------------------------------------- bölüm ayracı */
/* Ayrac: hr'nin kendi zemini olarak cizilir.
   ::before kullanilmiyor — bazi tarayicilar <hr> uzerinde pseudo-eleman cizmiyor. */
.dta .bolme{
  border:0 !important;
  height:12px !important;
  width:100% !important;
  max-width:none !important;
  margin:3em 0 !important;
  background-color:transparent !important;
  background-image:
    radial-gradient(circle, #7a4a1e 3px, transparent 3.5px),
    radial-gradient(circle, #7a4a1e 3px, transparent 3.5px),
    radial-gradient(circle, #7a4a1e 3px, transparent 3.5px) !important;
  background-size:12px 12px !important;
  background-position:calc(50% - 26px) center, 50% center, calc(50% + 26px) center !important;
  background-repeat:no-repeat !important;
  opacity:.85;
}

/* ---------------------------------------------- imza */
.dta .imza{
  text-align:right;
  font-style:normal;
  font-weight:bold;
  color:var(--vurgu);
  margin:1.8em 0 0;
}

/* ---------------------------------------------- görseller */
.dta figure{margin:2.4em 0;text-align:center}
.dta figure img{
  max-width:100%;height:auto;
  border:1px solid var(--cizgi);
  background:#fff;padding:6px;
}
.dta figcaption{font-size:13px;color:var(--soluk);margin-top:10px;line-height:1.5}

/* ---------------------------------------------- listeler */
.dta ul{padding-left:22px !important;margin:1em 0 !important}
.dta li{
  margin:0 0 .5em !important;
  padding:0 !important;
  line-height:1.65 !important;
  margin-block-start:0 !important;
  margin-block-end:.5em !important;
}

/* ---------------------------------------------- tablolar */
.dta table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
.dta th, .dta td{border-bottom:1px solid var(--cizgi);padding:10px 8px;text-align:left;vertical-align:top}
.dta th{color:var(--vurgu);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.dta td small{color:var(--soluk);font-size:13px}

/* ---------------------------------------------- kaynak */
.dta .kaynak{
  border-top:1px solid var(--cizgi);
  margin-top:44px;padding-top:18px;
  font-size:14px;color:var(--soluk);line-height:1.7;
}
.dta .kaynak h3{
  display:block !important;
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:bold !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--vurgu) !important;
  border:0 !important;
  margin:0 0 8px !important;
  padding:0 !important;
}

/* ---------------------------------------------- geçiş kutuları */
.dta .gecis{
  display:flex;gap:14px;
  margin-top:40px;
  border-top:3px double var(--cizgi);
  padding-top:24px;
}
.dta .gecis a{
  flex:1;display:block;
  padding:15px 18px;
  background:var(--kutu);
  color:var(--metin) !important;
  text-decoration:none !important;
  border-left:3px solid var(--vurgu);
  transition:background .15s;
}
.dta .gecis a:hover{background:#f2ece1}
.dta .gecis a.ileri{border-left:none;border-right:3px solid var(--vurgu);text-align:right}
.dta .gecis .yon{
  display:block;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--vurgu) !important;margin-bottom:7px;
}
.dta .gecis .ad{display:block;font-size:15px;line-height:1.4;font-weight:bold}
.dta .gecis .trh{display:block;font-size:12px;color:var(--soluk);margin-top:5px}

/* ---------------------------------------------- yazı listesi */
.dta .dizi{
  margin-top:34px;padding:18px 22px;
  background:var(--kutu);
  font-size:14px;line-height:1.8;
}
.dta .dizi h3{
  display:block !important;
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:bold !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--vurgu) !important;
  border:0 !important;
  margin:0 0 8px !important;
  padding:0 !important;
}
.dta .dizi ol{margin:0 !important;padding-left:20px !important}
.dta .dizi li{margin:0 0 .2em !important;line-height:1.8 !important}
.dta .dizi a{color:var(--vurgu) !important}
.dta .dizi li.simdiki{color:var(--metin) !important;font-weight:bold;list-style:disc}

/* ---------------------------------------------- telefon */
@media (max-width:900px){
  .dta{max-width:none}
}
@media (max-width:640px){
  /* Telefonda gövde masaüstünden kücük olmamali */
  .dta{font-size:20px !important;line-height:1.68 !important}
  .dta .govde p{text-align:left}
  .dta .govde h2{font-size:1.24em !important}
  .dta .govde h3{font-size:1.06em !important}

  /* Kücük ögeleri de büyüt */
  .dta .kunye{font-size:17px;line-height:1.62;padding:16px 18px}
  .dta .kunye dl{grid-template-columns:1fr;gap:0}
  .dta .kunye dd{margin:0 0 10px}
  .dta .not{font-size:.96em;padding:16px 18px}
  .dta .sira{font-size:13px}
  .dta .ustlink{font-size:15px}
  .dta .dizi{font-size:16px;padding:16px 18px}
  .dta .kaynak{font-size:16px}
  .dta figcaption{font-size:15.5px}
  .dta table{font-size:16.5px}
  .dta th{font-size:12px}
  .dta td small{font-size:15px}

  .dta .gecis{flex-direction:column;gap:10px}
  .dta .gecis a{padding:14px 16px}
  .dta .gecis a.ileri{text-align:left;border-right:none;border-left:3px solid var(--vurgu)}
  .dta .gecis .ad{font-size:17px}
  .dta .gecis .yon{font-size:12px}
  .dta .gecis .trh{font-size:14px}
}

/* ============================================================
   EK BİLEŞENLER — uzun anlatı yazıları için
   (Demirtepe tanıtım yazısı vb.) Aynı .dta ailesinde kalır.
   ============================================================ */

/* bölüm numarası + başlık */
.dta .bolum{margin-top:3.2em}
.dta .bolum:first-child{margin-top:1.6em}
.dta .bolum-bas{display:flex;align-items:flex-start;gap:16px;margin-bottom:1.1em}
.dta .bolum-no{
  font-family:Georgia,serif !important;font-weight:700;font-size:2.6em;
  line-height:.85;color:var(--vurgu);opacity:.35;flex-shrink:0;user-select:none;
}
.dta .bolum-bas h2{flex:1;margin:.12em 0 0 !important}

/* bölüm girişi */
.dta .giris{
  font-size:1.06em;line-height:1.75;color:#4a4034;
  border-bottom:1px solid var(--cizgi);
  padding-bottom:1.1em;margin-bottom:1.4em;
}

/* bilgi kartları */
.dta .kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:1.6em 0}
.dta .kart{background:var(--kutu);border-top:3px solid var(--vurgu);padding:18px 14px;text-align:center}
.dta .kart-etiket{
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--soluk);margin-bottom:6px;
}
.dta .kart-etiket small{display:block;font-size:10px;letter-spacing:.06em;text-transform:none;opacity:.75;margin-top:2px}
.dta .kart-deger{font-size:1.2em;font-weight:700;color:var(--metin);line-height:1.3}

/* rakam şeridi */
.dta .rakamlar{
  display:flex;flex-wrap:wrap;
  border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
  margin:1.8em 0;padding:18px 0;background:var(--kutu);
}
.dta .rakam{flex:1 1 130px;text-align:center;padding:8px 14px;border-right:1px solid var(--cizgi)}
.dta .rakam:last-child{border-right:none}
.dta .rakam-no{font-weight:700;font-size:1.6em;color:var(--vurgu);line-height:1.15}
.dta .rakam-etiket{
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--soluk);margin-top:5px;line-height:1.4;
}

/* vurgu kutusu */
.dta .kutu{
  background:var(--kutu);border-left:4px solid var(--vurgu);
  padding:20px 24px;margin:1.8em 0;
}
.dta .kutu h3{
  display:block !important;font-family:Georgia,serif !important;
  font-size:1.1em !important;font-weight:700 !important;
  color:var(--vurgu) !important;margin:0 0 .7em !important;
  border:0 !important;padding:0 !important;text-transform:none !important;letter-spacing:0 !important;
}
.dta .kutu p{margin:0 0 .7em;font-size:.96em}
.dta .kutu p:last-child{margin-bottom:0}
.dta .kutu ul{margin:.4em 0 0 !important}

/* zaman çizgisi */
.dta .zaman{margin:1.8em 0;padding-left:26px;position:relative}
.dta .zaman::before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--cizgi)}
.dta .zaman-adim{position:relative;margin-bottom:1.5em;padding-left:18px}
.dta .zaman-adim:last-child{margin-bottom:0}
.dta .zaman-adim::before{
  content:'';position:absolute;left:-26px;top:7px;
  width:10px;height:10px;border-radius:50%;
  background:var(--vurgu);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--cizgi);
}
.dta .zaman-bas{
  font-family:Helvetica,Arial,sans-serif !important;
  font-weight:bold;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--vurgu);margin-bottom:5px;
}
.dta .zaman-metin{font-size:.97em;line-height:1.7}

/* etiketler */
.dta .etiketler{display:flex;flex-wrap:wrap;gap:8px;margin:1.4em 0}
.dta .etiketler span{
  background:var(--kutu);border:1px solid var(--cizgi);
  padding:7px 14px;font-size:.92em;color:var(--metin);
}

/* iki sütun */
.dta .iki{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:1.8em 0}
.dta .iki .kutu{margin:0}

/* kapanış */
.dta .kapanis{
  border-top:3px double var(--cizgi);
  margin-top:3em;padding-top:2em;text-align:center;
}
.dta .kapanis h2{border:0 !important;text-align:center;margin:0 0 .7em !important}
.dta .kapanis p{max-width:640px;margin:0 auto 1em;text-align:left}

@media (max-width:640px){
  .dta .bolum-no{font-size:2em}
  .dta .iki{grid-template-columns:1fr}
  .dta .rakam{border-right:none;border-bottom:1px solid var(--cizgi)}
  .dta .rakam:last-child{border-bottom:none}
  .dta .kutu{padding:16px 18px}
}

/* --- şiir --- */
.dta .siir{
  background:var(--kutu);
  border-left:4px solid var(--vurgu);
  padding:26px 30px;
  margin:1.8em 0;
  text-align:center;
}
.dta .siir p{
  margin:0 0 1.3em !important;
  text-align:center !important;
  line-height:2 !important;
  font-size:1.06em;
}
.dta .siir p:last-child{margin-bottom:0 !important}
.dta .siir .nakarat{
  color:var(--vurgu);
  font-weight:700;
  margin:0 0 1.6em !important;
}
.dta .siir .siir-imza{
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:13px !important;
  letter-spacing:.08em;
  color:var(--soluk);
  line-height:1.6 !important;
  margin-top:1.4em !important;
  padding-top:14px;
  border-top:1px solid var(--cizgi);
  display:inline-block;
}
@media (max-width:640px){
  .dta .siir{padding:20px 18px}
  .dta .siir p{font-size:1em;line-height:1.9 !important}
}

/* ============================================================
   ARŞİV NOTU — demirtepe.net tarafından eklenen açıklamalar.
   Yazarın metninden görsel olarak ayrılır: dolgu yok,
   kesikli çerçeve, üstte otomatik etiket.
   ============================================================ */
.dta .ednot{
  background:#eef0f2;
  border:1px solid #d3d8dd;
  border-left:4px solid #8c98a4;
  padding:0 20px 18px;
  margin:1.9em 0;
  position:relative;
}
.dta .ednot::before{
  content:"ARŞİV NOTU · DEMİRTEPE.NET";
  display:block;
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:10px;
  font-weight:bold;
  letter-spacing:.16em;
  color:#fff;
  background:#8c98a4;
  margin:0 -20px 16px;
  padding:6px 20px;
}
.dta .ednot h3{
  display:block !important;
  font-family:Georgia,serif !important;
  font-size:1.02em !important;
  font-weight:700 !important;
  color:#2f353c !important;
  margin:0 0 .6em !important;
  border:0 !important;padding:0 !important;
  text-transform:none !important;letter-spacing:0 !important;
}
.dta .ednot p{
  margin:0 0 .7em !important;
  font-size:.93em;
  line-height:1.68;
  color:#4d545c;
  text-align:left !important;
}
.dta .ednot p:last-child{margin-bottom:0 !important}
.dta .ednot a{color:#5a6672 !important;text-decoration:underline !important}

/* kapanış da arşiv notu olduğunda */
.dta .kapanis.ednot{text-align:left;border-top:1px solid #d3d8dd;padding-top:0}
.dta .kapanis.ednot h2{
  text-align:left;font-size:1.2em !important;
  border:0 !important;color:var(--metin) !important;margin:0 0 .7em !important;
}
.dta .kapanis.ednot p{max-width:none;margin:0 0 .8em !important}

/* metnin başındaki uyarı satırı */
.dta .ednot-uyari{
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:13px;
  color:#3f464e;
  background:#eef0f2;
  border-left:4px solid #8c98a4;
  padding:11px 16px;
  margin:0 0 26px;
  line-height:1.6;
}
@media (max-width:640px){
  .dta .ednot{padding:0 16px 16px}
  .dta .ednot::before{margin:0 -16px 14px;padding:6px 16px}
  .dta .ednot p{font-size:.95em}
}