/* tipografi.css — matbu ölçek.
   Başlıklar afiş: ağır (800), geniş (118%), sıkı satır arası (0.90).
   Önceki hal 400 ağırlıkta bir didone idi; display boyutunda saç teli
   inceliğinde kalıp koyu zeminde kayboluyordu. */

.baslik-dev, .baslik-1, .baslik-2, .baslik-3 {
  font-family: var(--yazi-baslik);
  font-weight: var(--agirlik-afis);
  font-stretch: var(--genislik-afis);
  line-height: var(--satir-afis);
  letter-spacing: var(--harf-afis);
  text-wrap: balance;
  text-transform: uppercase;
  color: var(--metin);
}

.baslik-dev {
  font-size: var(--ol-dev);
  line-height: 0.96;
  letter-spacing: 0.01em;
}
.baslik-1 { font-size: var(--ol-3xl); }
.baslik-2 { font-size: var(--ol-2xl); line-height: 0.94; }
.baslik-3 {
  font-size: var(--ol-l);
  line-height: 1.12;
  letter-spacing: 0.03em;
}

/* Bölüm üstü etiket. Afiş dilinde bu bir "künye satırı": kırmızı,
   kalın, kısa. Skill'in eyebrow kısıtı geçerli — sayfa başına en fazla
   bölüm sayısının üçte biri kadar. */
.etiket {
  display: inline-flex;
  align-items: baseline;
  gap: var(--bos-3);
  font-family: var(--yazi-govde);
  font-size: var(--ol-3xs);
  font-weight: 700;
  font-stretch: 108%;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--vurgu);
}
.etiket::before {
  content: "";
  align-self: center;
  width: clamp(1.25rem, 3vw, 2.5rem);
  height: 3px;
  background: currentColor;
}

.ust-baslik {
  font-size: var(--ol-2xs);
  font-weight: 600;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--metin-sonuk);
}

.govde {
  font-size: var(--ol-m);
  line-height: 1.66;
  color: var(--metin-sonuk);
  text-wrap: pretty;
  max-width: 58ch;
}
.govde strong { color: var(--metin); font-weight: 700; }

/* Makale gövdesi — uzun metnin tek serif kullandığı yer.
   Newsreader haber okumak için çizildi; arayüzün geri kalanı Archivo. */
.makale {
  font-family: var(--yazi-makale);
  font-size: var(--ol-m);
  line-height: 1.72;
  color: var(--makale-metin);
}
.makale > * + * { margin-top: 1.25em; }
.makale h2 {
  font-family: var(--yazi-baslik);
  font-weight: 800; font-stretch: 112%;
  text-transform: uppercase; letter-spacing: -0.01em;
  font-size: var(--ol-l); line-height: 1.05;
  color: var(--metin);
  margin-top: 2em;
}
.makale h3 {
  font-family: var(--yazi-baslik);
  font-weight: 700; font-stretch: 106%;
  font-size: var(--ol-m); color: var(--metin);
  margin-top: 1.8em;
}
.makale a {
  color: var(--vurgu);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.makale blockquote {
  border-left: 4px solid var(--vurgu);
  padding-left: var(--bos-5);
  font-style: normal;
  font-weight: 500;
  color: var(--metin);
}

/* Büyük alıntı — afiş dilinde alıntı da afiştir: iri, ağır, sıkı.
   Eğik değil; matbu dilde eğik yazı zayıflatır. */
.alinti {
  font-family: var(--yazi-baslik);
  font-size: var(--ol-xl);
  font-weight: 700;
  font-stretch: 112%;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--metin);
  text-wrap: balance;
}
.alinti-kaynak {
  margin-top: var(--bos-5);
  font-size: var(--ol-2xs);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--vurgu);
}

.vurgu-altin { color: var(--vurgu); }

/* Matbu ayraç: soluk degrade değil, tam kalınlıkta mürekkep çizgisi. */
.ayrac {
  width: 100%; height: 3px; border: 0;
  background: var(--cizgi-guclu);
}