/**
 * @file
 * Tam yazı sayfası: başlık, gövde tipografisi, alıntılar, görseller.
 */

.kalem-page-title {
  margin-bottom: var(--kalem-space-4);
}

.kalem-node--full {
  margin-bottom: var(--kalem-space-7);
}

/**
 * Gövde metni.
 *
 * Uzun okuma için serif bir yazı tipi ve 68 karakterlik satır uzunluğu
 * kullanılır. Bu iki değer birlikte, ekranda kitap gibi okunan bir sütun verir.
 * Yazı tipi işletim sisteminden gelir, indirilmez.
 */
.kalem-node--full .kalem-node__content {
  font-family: var(--kalem-font-serif);
  font-size: var(--kalem-text-lg);
  line-height: var(--kalem-leading-relaxed);
  /* Satır uzunluğu sınırı sütunun tamamına uygulanır, tek tek paragraflara
     değil: böylece gövde metni başlıkla aynı hizada başlar. Sütun zaten
     dardan başlıyorsa (kenar çubuğu varken) bu sınır hiç devreye girmez. */
  max-width: var(--kalem-reading-measure);
}

.kalem-node--full .kalem-node__content h2 {
  font-family: var(--kalem-font-sans);
  margin-top: var(--kalem-space-7);
  margin-bottom: var(--kalem-space-3);
}

.kalem-node--full .kalem-node__content h3,
.kalem-node--full .kalem-node__content h4 {
  font-family: var(--kalem-font-sans);
  margin-top: var(--kalem-space-6);
  margin-bottom: var(--kalem-space-3);
}

.kalem-node--full .kalem-node__content ul,
.kalem-node--full .kalem-node__content ol {
  margin-bottom: var(--kalem-space-4);
  padding-inline-start: var(--kalem-space-5);
}

.kalem-node--full .kalem-node__content li {
  margin-bottom: var(--kalem-space-2);
}

.kalem-node--full .kalem-node__content blockquote {
  border-inline-start: 3px solid var(--kalem-accent);
  color: var(--kalem-text-muted);
  font-size: var(--kalem-text-xl);
  font-style: italic;
  margin-block: var(--kalem-space-6);
  padding-inline-start: var(--kalem-space-5);
}

.kalem-node--full .kalem-node__content blockquote p:last-child {
  margin-bottom: 0;
}

.kalem-node--full .kalem-node__content img {
  border-radius: var(--kalem-radius);
}

.kalem-node--full .kalem-node__content figure {
  margin-block: var(--kalem-space-6);
}

.kalem-node--full .kalem-node__content figcaption {
  color: var(--kalem-text-faint);
  font-family: var(--kalem-font-sans);
  font-size: var(--kalem-text-sm);
  margin-top: var(--kalem-space-2);
  text-align: center;
}

/* Alan etiketleri (Etiketler:, Kategori: …). */
.kalem-field__label {
  color: var(--kalem-text-faint);
  font-family: var(--kalem-font-sans);
  font-size: var(--kalem-text-sm);
  font-weight: 600;
  margin-bottom: var(--kalem-space-2);
}

.kalem-field {
  margin-bottom: var(--kalem-space-4);
}

.kalem-node--full .kalem-field--tags,
.kalem-node--full .kalem-field--etiketler {
  border-top: 1px solid var(--kalem-border);
  margin-top: var(--kalem-space-6);
  padding-top: var(--kalem-space-4);
}

/* Dış bağlantılar küçük bir okla işaretlenir (js/kalem.js sınıfı ekler). */
.kalem-node__content a.kalem-external::after {
  content: "↗";
  display: inline-block;
  font-size: 0.75em;
  margin-inline-start: 0.15em;
  vertical-align: super;
}