/* ═══════════════════════════════════════════════════════════════════════
   AMSpedia — sayfa düzeni
   Renk YALNIZ css/global.css değişkenlerinden okunur; burada hex yok.
   Yazı ölçeği 4 kademe: 32 (başlık) · 20 (bölüm) · 16 (gövde) · 13 (damga)
   Boşluk: 4 · 8 · 12 · 16 · 24 · 32 · köşe 8 · 12
   ═══════════════════════════════════════════════════════════════════════ */

.pd {
  --pd-bar-h: 56px;
  --pd-fs-1: 32px;
  --pd-fs-2: 20px;
  --pd-fs-3: 16px;
  --pd-fs-4: 13px;
  --pd-r: 8px;
  --pd-r-lg: 12px;
  /* Soluk yazı: tema değişkenlerinden türetilir (hex yok). --text-secondary tek başına
     renkli zeminlerde 4,34–4,40 kontrast veriyor (eşik 4,5); biraz koyulaştırılır. */
  --pd-soluk: color-mix(in srgb, var(--text-secondary) 72%, var(--text-heading));
  background: var(--body-bg);
  color: var(--text-primary);
  font-size: var(--pd-fs-3);
}
.pd code, .pd kbd { font-family: var(--font-mono); font-size: 0.9em; }
.pd :focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 4px; }

/* ─── Üst arama şeridi ─────────────────────────────────────────────── */
.pd-bar {
  position: fixed; top: var(--nav-h); left: 0; right: 0; z-index: 180;
  height: var(--pd-bar-h);
  background: var(--bg-primary);
  border-bottom: 1px solid var(--border);
}
.pd-bar-ic {
  max-width: 1320px; height: 100%; margin: 0 auto; padding: 0 24px;
  display: flex; align-items: center; gap: 16px;
}
.pd-bar-ad {
  font-family: var(--font-display); font-weight: 700; font-size: var(--pd-fs-3);
  color: var(--text-heading); white-space: nowrap;
}
.pd-ara { position: relative; flex: 1; max-width: 560px; }
.pd-ara input {
  width: 100%; height: 40px; padding: 0 12px 0 36px;
  border: 1px solid var(--border-soft); border-radius: var(--pd-r);
  background: var(--body-bg);
  font: inherit; font-size: 15px; color: var(--text-heading);
}
.pd-ara input:focus { outline: none; border-color: var(--blue); background-color: var(--bg-primary); box-shadow: 0 0 0 3px var(--blue-glow); }
.pd-ara-sonuc {
  display: none; position: absolute; top: 46px; left: 0; right: 0;
  max-height: 65vh; overflow-y: auto;
  background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--pd-r-lg);
  box-shadow: var(--shadow-lg); padding: 4px;
}
.pd-ara-sonuc.acik { display: block; }
.pd-ara-sonuc a {
  display: grid; grid-template-columns: auto 1fr; gap: 2px 12px;
  padding: 8px 12px; border-radius: var(--pd-r); color: var(--text-primary);
}
.pd-ara-sonuc a:hover, .pd-ara-sonuc a.secili { background: var(--blue-soft); }
.pd-ara-sonuc a span { grid-row: span 2; font-size: var(--pd-fs-4); color: var(--pd-soluk); padding-top: 2px; min-width: 88px; }
.pd-ara-sonuc a strong { color: var(--text-heading); font-weight: 600; }
.pd-ara-sonuc a em { font-style: normal; font-size: var(--pd-fs-4); color: var(--pd-soluk); }
.pd-ara-yok { padding: 12px; color: var(--pd-soluk); font-size: 14px; display: flex; flex-direction: column; gap: 6px; }
.pd-ara-sonuc .pd-ara-yok a { display: inline; padding: 0; border-radius: 0; background: none; color: var(--blue-deep); text-decoration: underline; }
.pd-yan-ac { display: none; }


/* Arama simgesi: maske + tema rengi (renk değişkenden gelir, hex yok) */
.pd-ara::before, .pd-kahraman-ara::before {
  content: ""; position: absolute; width: 16px; height: 16px; background: var(--text-secondary); pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center / contain;
}
.pd-ara::before { left: 12px; top: 12px; z-index: 1; }
.pd-kahraman-ara::before { left: 16px; top: 15px; width: 18px; height: 18px; }

/* ─── Kabuk: yan menü + ana alan ───────────────────────────────────── */
.pd-kabuk {
  max-width: 1320px; margin: 0 auto;
  padding: calc(var(--nav-h) + var(--pd-bar-h) + 32px) 24px 64px;
  display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 32px;
}
.pd-side {
  position: sticky; top: calc(var(--nav-h) + var(--pd-bar-h) + 24px);
  align-self: start; max-height: calc(100vh - var(--nav-h) - var(--pd-bar-h) - 48px); overflow-y: auto;
  display: flex; flex-direction: column; gap: 2px; padding-right: 8px;
}
.pd-side a {
  display: flex; justify-content: space-between; align-items: center;
  padding: 6px 12px; border-radius: var(--pd-r);
  color: var(--text-primary); font-size: 14.5px; line-height: 1.35;
}
.pd-side a span { color: var(--pd-soluk); font-size: var(--pd-fs-4); }
.pd-side a:hover { background: var(--bg-card-hover); color: var(--text-heading); }
.pd-side a.on { background: var(--blue-soft); color: var(--blue-deep); font-weight: 600; }
.pd-side-baslik { font-family: var(--font-display); font-weight: 700; font-size: var(--pd-fs-3) !important; color: var(--text-heading) !important; }
.pd-side-grup {
  margin: 16px 12px 4px; font-size: var(--pd-fs-4); font-weight: 600;
  letter-spacing: 0.04em; text-transform: uppercase; color: var(--pd-soluk);
}

.pd-ana { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; align-items: start; min-width: 0; }
.pd-genis { grid-column: 1 / -1; }

/* ─── Makale ───────────────────────────────────────────────────────── */
.pd-makale {
  background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--pd-r-lg);
  padding: 32px 40px; min-width: 0;
}
.pd-bas { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--border); }
.pd-bas-ust { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.pd-bas h1, .pd-kahraman h1 {
  font-family: var(--font-display); font-size: var(--pd-fs-1); line-height: 1.2;
  color: var(--text-heading); letter-spacing: -0.01em;
}
.pd-h1-kod { font-family: var(--font-mono) !important; font-size: 28px; }
.pd-h1-alt { display: block; margin-top: 4px; font-family: var(--font-body); font-size: var(--pd-fs-2); font-weight: 500; color: var(--pd-soluk); }
.pd-ozet { margin-top: 12px; font-size: 17px; line-height: 1.6; color: var(--text-primary); max-width: 72ch; }
.pd-diger-ad { margin-top: 8px; font-size: 14px; line-height: 1.5; color: var(--pd-soluk); max-width: 72ch; }
.pd-diger-ad span { font-weight: 600; }
.pd-soluk { color: var(--pd-soluk); font-size: var(--pd-fs-4); }

.pd-govde { max-width: 76ch; }
.pd-govde h2 { font-family: var(--font-display); font-size: var(--pd-fs-2); color: var(--text-heading); margin: 32px 0 12px; }
.pd-govde h2 small, .pd-komut-grup h2 small { font-family: var(--font-body); font-size: var(--pd-fs-4); font-weight: 500; color: var(--pd-soluk); margin-left: 4px; }
.pd-govde h3 { font-size: 17px; font-weight: 600; color: var(--text-heading); margin: 24px 0 8px; }
.pd-govde p { margin: 0 0 12px; line-height: 1.7; }
.pd-govde ul, .pd-govde ol { margin: 0 0 16px; padding-left: 24px; }
.pd-govde ul { list-style: disc; }
.pd-govde ol { list-style: decimal; }
.pd-govde li { margin: 4px 0; line-height: 1.6; }
.pd-govde li > ul, .pd-govde li > ol { margin: 4px 0 4px; }
.pd-govde code { background: var(--bg-section); border: 1px solid var(--border); border-radius: 4px; padding: 1px 6px; color: var(--text-heading); }
.pd-govde pre { background: var(--nav-bg); color: var(--nav-text-active); border-radius: var(--pd-r); padding: 16px; overflow-x: auto; margin-bottom: 16px; }
.pd-govde pre code { background: none; border: 0; color: inherit; padding: 0; }
.pd-not { border-left: 3px solid var(--blue); background: var(--blue-soft); padding: 12px 16px; border-radius: 0 var(--pd-r) var(--pd-r) 0; margin: 0 0 16px; }
.pd-tablo { overflow-x: auto; margin: 0 0 16px; border: 1px solid var(--border); border-radius: var(--pd-r); }
.pd-tablo table { border-collapse: collapse; width: 100%; font-size: 15px; }
.pd-tablo th, .pd-tablo td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border); vertical-align: top; }
.pd-tablo th { background: var(--bg-section); color: var(--text-heading); font-weight: 600; font-size: 14px; }
.pd-tablo tr:last-child td { border-bottom: 0; }
.pd-yol { color: var(--pd-soluk); }
.pd-resim { margin: 0 0 16px; border: 1px solid var(--border); border-radius: var(--pd-r); overflow: hidden; background: var(--bg-section); }
.pd-resim img { width: 100%; height: auto; }

.pd-link { color: var(--blue-deep); font-weight: 500; text-decoration: underline; text-decoration-color: var(--blue-glow); text-underline-offset: 3px; }
.pd-link:hover { text-decoration-color: var(--blue-deep); }
.pd-govde .pd-link-komut { text-decoration: none; }
.pd-govde .pd-link-komut code { color: var(--blue-deep); border-color: var(--blue-glow); background: var(--blue-soft); }
.pd-govde .pd-link-komut:hover code { border-color: var(--blue); }
.pd-govde a:not(.pd-link) { color: var(--blue-deep); text-decoration: underline; }

.pd-kunye {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px;
  margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--border);
  font-size: var(--pd-fs-4); color: var(--pd-soluk);
}
.pd-kunye a { color: var(--blue-deep); text-decoration: underline; }

/* ─── Tür etiketi ve kanıt rozeti ──────────────────────────────────── */
.pd-tur, .pd-rozet {
  display: inline-flex; align-items: center; gap: 6px;
  height: 26px; padding: 0 10px; border-radius: 999px;
  font-size: var(--pd-fs-4); font-weight: 600; color: var(--text-heading);
  border: 1px solid var(--border); background: var(--bg-primary);
}
.pd-tur::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--text-secondary); }
.pd-tur-urun::before { background: var(--nav-bg); }
.pd-tur-disiplin::before { background: var(--amber); }
.pd-tur-kavram::before { background: var(--blue); }
.pd-tur-akis::before { background: var(--green); }
.pd-tur-rota::before { background: var(--cyan); }
.pd-tur-rol::before { background: var(--blue-deep); }
.pd-tur-bicim::before { background: var(--text-secondary); }
.pd-tur-komut::before { background: var(--red); }
.pd-rozet { cursor: help; }
.pd-rozet-belge { background: var(--bg-section); }
.pd-rozet-kod { background: var(--blue-soft); border-color: var(--blue-glow); color: var(--blue-deep); }
.pd-rozet-demo { background: var(--cyan-soft); }
.pd-rozet-saha { background: var(--green-soft); }
.pd-rozet-saha::before { content: "✓"; }
.pd-rozet-bayat { background: var(--amber-soft); border-color: var(--amber); }

/* ─── İlişki paneli ────────────────────────────────────────────────── */
.pd-iliski {
  position: sticky; top: calc(var(--nav-h) + var(--pd-bar-h) + 24px);
  background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--pd-r-lg);
  padding: 16px; max-height: calc(100vh - var(--nav-h) - var(--pd-bar-h) - 48px); overflow-y: auto;
}
.pd-iliski h2 { font-family: var(--font-display); font-size: var(--pd-fs-3); color: var(--text-heading); margin-bottom: 8px; }
.pd-iliski-grup { padding: 12px 0; border-top: 1px solid var(--border); }
.pd-iliski-grup h3 { font-size: var(--pd-fs-4); font-weight: 600; color: var(--pd-soluk); margin-bottom: 6px; }
.pd-iliski-grup ul { display: flex; flex-direction: column; gap: 2px; }
.pd-iliski-grup a { display: block; padding: 4px 8px; margin: 0 -8px; border-radius: 6px; font-size: 14.5px; text-decoration: none; }
.pd-iliski-grup a:hover { background: var(--blue-soft); }

/* ─── Kartlar ──────────────────────────────────────────────────────── */
.pd-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin: 12px 0 24px; }
.pd-kartlar-4 { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.pd-kartlar-3 { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.pd-kart {
  display: flex; flex-direction: column; gap: 6px; min-height: 44px;
  padding: 16px; border: 1px solid var(--border); border-radius: var(--pd-r-lg);
  background: var(--bg-primary); transition: border-color 0.15s, box-shadow 0.15s;
}
.pd-kart:hover { border-color: var(--blue); box-shadow: var(--shadow-blue); }
.pd-kart strong { color: var(--text-heading); font-size: 16.5px; line-height: 1.35; }
.pd-kart span:last-child { color: var(--pd-soluk); font-size: 14px; line-height: 1.5; }
.pd-kart-tur { display: inline-flex; align-items: center; gap: 6px; font-size: var(--pd-fs-4); font-weight: 600; color: var(--pd-soluk); }
.pd-kart-tur::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--text-secondary); }
.pd-kart-disiplin .pd-kart-tur::before { background: var(--amber); }
.pd-kart-kavram .pd-kart-tur::before { background: var(--blue); }
.pd-kart-akis .pd-kart-tur::before { background: var(--green); }
.pd-kart-rota .pd-kart-tur::before { background: var(--cyan); }
.pd-kart-rol .pd-kart-tur::before { background: var(--blue-deep); }
.pd-kart-urun .pd-kart-tur::before { background: var(--nav-bg); }

/* ─── Ana sayfa ────────────────────────────────────────────────────── */
.pd-giris section { margin-top: 32px; }
.pd-giris section h2 { font-family: var(--font-display); font-size: var(--pd-fs-2); color: var(--text-heading); margin-bottom: 4px; }
.pd-kahraman { padding: 8px 0 32px; border-bottom: 1px solid var(--border); }
.pd-kahraman-ust { font-size: var(--pd-fs-4); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--pd-soluk); margin-bottom: 8px; }
.pd-kahraman h1 { font-size: 44px; }
.pd-kahraman-ara {
  margin-top: 24px; width: 100%; max-width: 560px; height: 48px; padding: 0 16px 0 44px;
  text-align: left; font-size: var(--pd-fs-3); color: var(--pd-soluk);
  border: 1px solid var(--border-soft); border-radius: var(--pd-r-lg);
  background: var(--body-bg); position: relative;
}
.pd-kahraman-ara:hover { border-color: var(--blue); }
.pd-kapilar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.pd-kapi {
  display: flex; flex-direction: column; gap: 8px; padding: 20px;
  border-radius: var(--pd-r-lg); border: 1px solid var(--border); background: var(--bg-section);
}
.pd-kapi:hover { border-color: var(--blue); background: var(--bg-primary); }
.pd-kapi strong { font-family: var(--font-display); font-size: var(--pd-fs-2); color: var(--text-heading); }
.pd-kapi span { color: var(--text-primary); font-size: 14.5px; line-height: 1.5; flex: 1; }
.pd-kapi em { font-style: normal; font-size: var(--pd-fs-4); font-weight: 600; color: var(--blue-deep); }
.pd-rozet-acik { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; }
.pd-rozet-acik li { display: grid; grid-template-columns: 160px 1fr; gap: 12px; align-items: start; font-size: 15px; }
.pd-rozet-acik .pd-rozet { justify-self: start; }

/* ─── Komut listeleri ──────────────────────────────────────────────── */
.pd-komutlar { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: var(--pd-r); overflow: hidden; margin: 8px 0 16px; padding: 0 !important; list-style: none !important; }
.pd-komutlar li { border-bottom: 1px solid var(--border); margin: 0 !important; }
.pd-komutlar li:last-child { border-bottom: 0; }
.pd-komutlar a { display: grid; grid-template-columns: minmax(150px, 220px) 1fr auto; gap: 12px; align-items: baseline; padding: 10px 12px; min-height: 44px; color: var(--text-primary); }
.pd-komutlar a:hover { background: var(--blue-soft); }
.pd-komutlar code { color: var(--text-heading); font-weight: 500; background: none !important; border: 0 !important; padding: 0 !important; }
.pd-komutlar span { font-size: 15px; }
.pd-etiket { font-style: normal; font-size: var(--pd-fs-4); font-weight: 600; color: var(--text-heading); background: var(--amber-soft); border: 1px solid var(--amber); border-radius: 999px; padding: 0 8px; white-space: nowrap; }
.pd-suzgec { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.pd-suzgec input { flex: 1; max-width: 440px; height: 44px; padding: 0 12px; border: 1px solid var(--border-soft); border-radius: var(--pd-r); font: inherit; }
.pd-suzgec span { font-size: var(--pd-fs-4); color: var(--pd-soluk); }
.pd-komut-grup h2 { font-family: var(--font-display); font-size: var(--pd-fs-2); color: var(--text-heading); margin: 24px 0 4px; }
.pd-komut-grup h2 a { color: inherit; }
.pd-komut-grup[hidden] { display: none; }

.pd-ozellik { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 0 0 24px; }
.pd-ozellik div { padding: 12px; border: 1px solid var(--border); border-radius: var(--pd-r); background: var(--bg-section); }
.pd-ozellik dt { font-size: var(--pd-fs-4); color: var(--pd-soluk); font-weight: 600; }
.pd-ozellik dd { margin-top: 2px; color: var(--text-heading); font-size: 15px; }
.pd-ozellik a { color: var(--blue-deep); text-decoration: underline; }

.pd-dugme { display: inline-flex; align-items: center; height: 44px; padding: 0 16px; border-radius: var(--pd-r); background: var(--blue-deep); color: var(--bg-primary); font-weight: 600; }
.pd-dugme:hover { background: var(--blue); }
.pd-kapi-bolum h2 { font-family: var(--font-display); font-size: var(--pd-fs-2); color: var(--text-heading); margin-top: 24px; }
.pd-kapi-bolum h3 { font-size: 15px; font-weight: 600; color: var(--pd-soluk); margin-top: 16px; }

/* ─── İlişki haritası ──────────────────────────────────────────────── */
.pd-h-suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.pd-h-cip { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border: 1px solid var(--border); border-radius: 999px; font-size: 14px; cursor: pointer; background: var(--bg-primary); }
.pd-h-cip span { color: var(--pd-soluk); font-size: var(--pd-fs-4); }
.pd-h-kap { border: 1px solid var(--border); border-radius: var(--pd-r-lg); background: var(--body-bg); overflow: auto; }
.pd-harita { display: block; width: 100%; min-width: 1180px; height: auto; }
.pd-h-kenar line.ince { stroke-dasharray: 3 4; opacity: 0.6; }
.pd-h-kenar line { stroke: var(--border-soft); stroke-width: 1.2; transition: stroke 0.15s, opacity 0.15s; }
.pd-h-dugum circle { stroke: var(--bg-primary); stroke-width: 2; fill: var(--text-secondary); }
.pd-h-dugum text { font-family: var(--font-body); font-size: 12.5px; fill: var(--text-heading); paint-order: stroke; stroke: var(--body-bg); stroke-width: 3px; pointer-events: none; }
.pd-h-dugum a { cursor: pointer; transition: opacity 0.15s; }
.pd-h-urun circle { fill: var(--nav-bg); }
.pd-h-disiplin circle { fill: var(--amber); }
.pd-h-kavram circle { fill: var(--blue); }
.pd-h-akis circle { fill: var(--green); }
.pd-h-rota circle { fill: var(--cyan); }
.pd-h-rol circle { fill: var(--blue-deep); }
.pd-h-bicim circle { fill: var(--text-secondary); }
label.pd-h-cip::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--text-secondary); }
label.pd-h-urun::before { background: var(--nav-bg); }
label.pd-h-disiplin::before { background: var(--amber); }
label.pd-h-kavram::before { background: var(--blue); }
label.pd-h-akis::before { background: var(--green); }
label.pd-h-rota::before { background: var(--cyan); }
label.pd-h-rol::before { background: var(--blue-deep); }
.pd-harita.odak .pd-h-dugum a { opacity: 0.18; }
.pd-harita.odak .pd-h-dugum a.yakin { opacity: 1; }
.pd-harita.odak .pd-h-kenar line { opacity: 0.12; }
.pd-harita.odak .pd-h-kenar line.yakin { opacity: 1; stroke: var(--blue); stroke-width: 2; }
.pd-h-dugum a.gizli, .pd-h-kenar line.gizli { display: none; }

/* ─── Duyarlı düzen ────────────────────────────────────────────────── */
@media (max-width: 1180px) {
  .pd-ana { grid-template-columns: minmax(0, 1fr); }
  .pd-iliski { position: static; max-height: none; }
  .pd-kapilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .pd-kabuk { grid-template-columns: minmax(0, 1fr); padding: calc(var(--nav-h) + var(--pd-bar-h) + 16px) 16px 48px; }
  .pd-side {
    display: none; position: fixed; z-index: 170; top: calc(var(--nav-h) + var(--pd-bar-h)); left: 0; bottom: 0;
    align-self: auto; /* masaüstündeki 'start' sabit konumlu çekmeceyi yukarı kaydırıyordu (ölçüldü: 116 px yerine 0) */
    width: min(320px, 86vw); max-height: none; padding: 16px; background: var(--bg-primary);
    border-right: 1px solid var(--border); box-shadow: var(--shadow-lg);
  }
  .pd-side.acik { display: flex; }
  .pd-side a { min-height: 44px; }
  .pd-yan-ac {
    display: inline-flex; align-items: center; height: 40px; padding: 0 12px;
    border: 1px solid var(--border-soft); border-radius: var(--pd-r); background: var(--bg-primary);
    color: var(--text-heading); font-weight: 600; font-size: 14px;
  }
  .pd-bar-ad { display: none; }
  .pd-bar-ic { padding: 0 16px; gap: 8px; }
  .pd-makale { padding: 24px 20px; }
}
@media (max-width: 560px) {
  .pd { --pd-fs-1: 26px; }
  .pd-kahraman h1 { font-size: 34px; }
  .pd-kapilar { grid-template-columns: minmax(0, 1fr); }
  .pd-komutlar a { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .pd-rozet-acik li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .pd-makale { padding: 20px 16px; border-radius: var(--pd-r); }
}
@media (prefers-reduced-motion: reduce) {
  .pd * { transition: none !important; }
}