/*
 * Trust Box stilleri.
 *
 * ÖZGÜLLÜK NOTU: tipografi kuralları bilinçli olarak `.dla-mt` ile
 * niteleniyor (örn. `.dla-mt .dla-mt__heading`). Tek sınıflı seçiciler,
 * temaların `.post-content h2` gibi kurallarına kaybediyor ve başlık
 * devasa çıkıyordu. Buradaki iki/üç seviyeli seçiciler bunu engeller;
 * `!important` kullanmaya gerek kalmaz.
 */

.dla-mt {
  --dla-mt-accent: #176a62;
  --dla-mt-border: #e2e4e6;
  --dla-mt-radius: 10px;
  --dla-mt-surface: #fafafa;
  --dla-mt-text: #1d2226;
  --dla-mt-muted: #5c6469;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .85rem;
  max-width: 100%;
  margin: 1.75rem 0;
  padding: clamp(1rem, 2.2vw, 1.5rem);
  color: var(--dla-mt-text);
  background: var(--dla-mt-surface);
  border: 1px solid var(--dla-mt-border);
  border-radius: var(--dla-mt-radius);
  border-inline-start: 3px solid var(--dla-mt-accent);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.55;
}

.dla-mt *,
.dla-mt *::before,
.dla-mt *::after { box-sizing: border-box; }

/* ---------------------------------------------------------- başlık */

.dla-mt .dla-mt__header {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0;
}

.dla-mt .dla-mt__header .dla-mt__heading {
  margin: 0;
  padding: 0;
  color: var(--dla-mt-text);
  font-family: inherit;
  font-size: clamp(.95rem, .9rem + .4vw, 1.125rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .005em;
  text-transform: none;
}

/* ---------------------------------------------------------- gövde */

.dla-mt .dla-mt__body {
  min-width: 0;
  display: grid;
  gap: .8rem;
}

/* ---------------------------------------------------------- portre */

/*
 * Portre olculeri tek yerde. Dar gorunumde metinle ayni hizada kalacak
 * kadar kucuk, genis gorunumde yuze bakildiginda taninacak kadar buyuk
 * olmali; 72px her iki ucta da yetersiz kaliyordu.
 */
.dla-mt .dla-mt__portrait {
  width: 4.75rem;
  height: 4.75rem;
  flex: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgb(25 48 45 / 12%);
}

.dla-mt .dla-mt__portrait-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------------------------------------------------------- uzman */

.dla-mt .dla-mt__expert { margin: 0; }

.dla-mt .dla-mt__eyebrow {
  margin: 0 0 .15rem;
  color: var(--dla-mt-muted);
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dla-mt .dla-mt__name {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 650;
  line-height: 1.3;
}

.dla-mt .dla-mt__specialty {
  margin: .1rem 0 0;
  color: var(--dla-mt-muted);
  font-size: .9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

/* --------------------------------------------------- biyografi ve CTA */

.dla-mt .dla-mt__bio {
  margin: .5rem 0 0;
  color: var(--dla-mt-text);
  font-size: .92rem;
  line-height: 1.6;
}

.dla-mt .dla-mt__cta { margin: .7rem 0 0; }

/*
 * Buton temanin .button kurallarindan bagimsiz olmali: Avada kendi
 * buton stillerini genis seciciler ile basiyor ve devralinan dolgu
 * kutuyu bozuyordu. Bu yuzden tum ozellikler burada acikca yaziliyor.
 */
.dla-mt .dla-mt__cta .dla-mt__button {
  display: inline-block;
  padding: .48rem 1.05rem;
  color: #fff;
  background: var(--dla-mt-accent);
  border: 1px solid var(--dla-mt-accent);
  border-radius: 999px;
  font-family: inherit;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .01em;
  text-decoration: none;
  text-transform: none;
  transition: opacity .15s ease;
}

.dla-mt .dla-mt__cta .dla-mt__button:hover,
.dla-mt .dla-mt__cta .dla-mt__button:focus-visible {
  color: #fff;
  text-decoration: none;
  opacity: .88;
}

.dla-mt .dla-mt__profile-link,
.dla-mt .dla-mt__source a {
  color: var(--dla-mt-accent);
  text-decoration-thickness: .07em;
  text-underline-offset: .15em;
  overflow-wrap: anywhere;
}

/* Uzman adi bir baglanti olsa da surekli alti cizili durmasi gorsel
 * gurultu yaratiyordu; vurgu hover ve klavye odaginda gelir. */
.dla-mt .dla-mt__profile-link { text-decoration: none; }

.dla-mt .dla-mt__profile-link:hover,
.dla-mt .dla-mt__profile-link:focus-visible { text-decoration: underline; }

.dla-mt a:focus-visible {
  outline: 2px solid var(--dla-mt-accent);
  outline-offset: 2px;
}

/* ------------------------------------------------------ atıf bloğu */

/*
 * Beyaz "kutu içinde kutu" kaldırıldı: iç içe iki yüzey, blokta
 * dağınık bir görünüm üretiyordu. Yerine ince bir ayırıcı çizgi.
 */
.dla-mt .dla-mt__attribution {
  margin: 0;
  padding: .7rem 0 0;
  background: none;
  border-top: 1px solid var(--dla-mt-border);
  border-radius: 0;
  font-size: .92rem;
}

.dla-mt .dla-mt__attribution p { margin: 0; }
.dla-mt .dla-mt__attribution p + p { margin-top: .3rem; }

.dla-mt .dla-mt__review-date,
.dla-mt .dla-mt__updated-date {
  color: var(--dla-mt-muted);
  font-size: .875rem;
}

.dla-mt .dla-mt__freshness {
  color: var(--dla-mt-muted);
  font-size: .85rem;
}

/* ------------------------------------------- değerlendirme ve kaynaklar */

.dla-mt .dla-mt__commentary,
.dla-mt .dla-mt__sources { margin: 0; }

.dla-mt .dla-mt__body .dla-mt__subheading {
  margin: 0 0 .4rem;
  padding: 0;
  color: var(--dla-mt-text);
  font-family: inherit;
  font-size: .95rem;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}

.dla-mt .dla-mt__richtext { font-size: .95rem; }
.dla-mt .dla-mt__richtext > :first-child { margin-top: 0; }
.dla-mt .dla-mt__richtext > :last-child { margin-bottom: 0; }
.dla-mt .dla-mt__richtext p { margin: 0 0 .5rem; }

.dla-mt .dla-mt__source-list {
  display: grid;
  gap: .6rem;
  margin: 0;
  padding-left: 1.15rem;
  font-size: .92rem;
}

.dla-mt .dla-mt__source { padding-left: .15rem; }

.dla-mt .dla-mt__source-type {
  display: block;
  margin-bottom: .05rem;
  color: var(--dla-mt-muted);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dla-mt .dla-mt__source cite { font-style: normal; font-weight: 600; }

.dla-mt .dla-mt__citation-meta {
  display: block;
  margin-top: .05rem;
  color: var(--dla-mt-muted);
  font-size: .82rem;
}

/* ---------------------------------------------------------- altbilgi */

.dla-mt .dla-mt__footer {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: .7rem;
  color: var(--dla-mt-muted);
  border-top: 1px solid var(--dla-mt-border);
  font-size: .8rem;
  line-height: 1.45;
}

.dla-mt .dla-mt__footer p { margin: 0; }

.dla-mt-editorial-note {
  box-sizing: border-box;
  margin: 1.25rem 0 0;
  padding: 1.35rem 2.5rem;
  border-inline-start: 3px solid var(--dla-mt-accent, #ff6b1a);
  background: #f2f2f2;
  color: #555;
  font-size: .95rem;
  font-style: italic;
  line-height: 1.5;
}

.dla-mt-editorial-note p { margin: 0; }
.dla-mt-editorial-note a { color: inherit; text-decoration: underline; text-underline-offset: .16em; }

/* ------------------------------------------- yapay zeka makale ozeti */

.dla-mt-summary-links {
  box-sizing: border-box;
  display: flow-root;
  margin: 0 0 1.35rem;
  padding: 1.1rem 1.35rem;
  border: 1px solid #a9a9a9;
  border-radius: .5rem;
  background: #fff;
  color: #3b3b3b;
}

.dla-mt-summary-links__title {
  margin: 0 0 .8rem;
  color: #5b6572;
  font-size: 1rem;
  line-height: 1.35;
}

.dla-mt-summary-links__title span { margin-inline-end: .25rem; color: #6b7280; }

.dla-mt-summary-links__actions { display: flex; flex-wrap: wrap; gap: .5rem; }

.dla-mt-summary-links__button {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.25rem;
  padding: .35rem .8rem;
  border: 1px solid #e5e7eb;
  border-radius: .18rem;
  background: #f7f7f8;
  color: #1f2937;
  font-size: .94rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.dla-mt-summary-links__button:hover,
.dla-mt-summary-links__button:focus-visible {
  border-color: #9ca3af;
  background: #fff;
  color: #111827;
  text-decoration: none;
}

/* Marka isaretleri yalnizca kendi renklerini tasir; buton metni
   temanin koyu rengiyle okunur kalir. Grok in isareti tek renkli
   tasarlanmistir ve metin rengini devralir. */
.dla-mt-summary-links__icon {
  flex: none;
  width: 1.05rem;
  height: 1.05rem;
}

.dla-mt-summary-links__button--chatgpt .dla-mt-summary-links__icon { color: #0d8a6a; }
.dla-mt-summary-links__button--perplexity .dla-mt-summary-links__icon { color: #1d7f8c; }
.dla-mt-summary-links__button--claude .dla-mt-summary-links__icon { color: #c1613f; }

.dla-mt-preferred-source {
  display: flex;
  align-items: center;
  min-height: 2.25rem;
  margin: 0 0 .7rem;
}

.dla-mt-summary-links + /* Marka isaretleri yalnizca kendi renklerini tasir; buton metni
   temanin koyu rengiyle okunur kalir. Grok in isareti tek renkli
   tasarlanmistir ve metin rengini devralir. */
.dla-mt-summary-links__icon {
  flex: none;
  width: 1.05rem;
  height: 1.05rem;
}

.dla-mt-summary-links__button--chatgpt .dla-mt-summary-links__icon { color: #0d8a6a; }
.dla-mt-summary-links__button--perplexity .dla-mt-summary-links__icon { color: #1d7f8c; }
.dla-mt-summary-links__button--claude .dla-mt-summary-links__icon { color: #c1613f; }

.dla-mt-preferred-source { margin: .7rem 0 1.35rem; }

/* ---------------------------------------------------------- compact */

.dla-mt--compact {
  gap: .7rem;
  margin: 1.25rem 0;
  padding: .95rem 1.1rem;
}

.dla-mt--compact .dla-mt__body { gap: .65rem; }
.dla-mt--compact .dla-mt__attribution { padding-top: .55rem; }

/* ---------------------------------------------------------- mobil */

/*
 * 480px altında: portre küçülür ve metinle aynı hizada kalır, başlık
 * iki satıra rahat sığar.
 */
@media (max-width: 479px) {
  .dla-mt { padding: 1rem; gap: .75rem; }
  .dla-mt .dla-mt__portrait { width: 4.75rem; height: 4.75rem; }
  .dla-mt .dla-mt__name { font-size: 1rem; }
  .dla-mt .dla-mt__source-list { padding-left: 1rem; }
}

/* 560px üstünde portre solda, gövde sağda. */
@media (min-width: 560px) {
  .dla-mt--default {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.35rem;
  }

  .dla-mt--default .dla-mt__body { grid-column: 2; }

  /* Iki sutunlu duzende portrenin cevresinde yer var; kutu genisledikce
   * fotograf da buyur, ancak 104px'te durur — daha buyugu metin blogunu
   * asagi itip dengeyi bozuyor. */
  .dla-mt .dla-mt__portrait {
    width: clamp(6.5rem, 4.6rem + 3.2vw, 8rem);
    height: clamp(6.5rem, 4.6rem + 3.2vw, 8rem);
  }
}

@media (prefers-reduced-motion: reduce) { .dla-mt * { scroll-behavior: auto; } }

@media print {
  .dla-mt { break-inside: avoid; color: #000; background: #fff; border-color: #777; }
  .dla-mt .dla-mt__source a::after { content: ' (' attr(href) ')'; font-size: .8em; word-break: break-all; }
}