.makale-hero {
  background:var(--rose-soft); padding:120px 60px 60px;
  position:relative; overflow:hidden;
}
.makale-hero::before {
  content:''; position:absolute; right:-60px; top:-60px;
  width:400px; height:400px;
  background:radial-gradient(circle, rgba(31,78,121,0.12), transparent 65%);
}
.makale-hero-inner { max-width:800px; position:relative; z-index:1; }
.makale-kat {
  font-size:13px; font-weight:700; letter-spacing:1.5px;
  text-transform:uppercase; color:var(--danger);
  display:flex; align-items:center; gap:10px; margin-bottom:16px;
}
.makale-kat::before { content:''; width:30px; height:2px; background:currentColor; }
.makale-baslik {
  font-family:'Archivo', sans-serif;
  font-size:clamp(32px, 5vw, 56px); font-weight:600;
  text-transform:uppercase; color:var(--text); line-height:1.05;
  margin-bottom:20px;
}
.makale-meta {
  display:flex; gap:20px; font-size:13px;
  color:var(--muted); font-weight:500;
}

/* LAYOUT */
.makale-layout {
  display:grid; grid-template-columns:1fr 320px;
  gap:40px; max-width:1200px; margin:0 auto;
  padding:60px 60px 80px;
}
.makale-main { min-width:0; }
.makale-infografik { margin-bottom:32px; }
.makale-infografik img { width:100%; height:auto; display:block; border-radius:var(--radius); }
.makale-icerik {
  font-size:16px; line-height:1.8; color:var(--text);
  font-weight:400;
}
.makale-icerik strong { font-weight:600; }

/* PAYLAŞ */
.makale-paylas {
  display:flex; align-items:center; gap:12px;
  margin-top:40px; padding-top:24px;
  border-top:1px solid var(--border);
}
.paylas-label { font-size:13px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }
.paylas-btn {
  padding:8px 16px; font-size:13px; font-weight:600;
  text-decoration:none; transition:opacity 0.2s;
  font-family:'Archivo', sans-serif;
  text-transform:uppercase; letter-spacing:1px;
  border-radius:var(--radius-sm);
}
.paylas-btn:hover { opacity:0.8; }
.paylas-btn.twitter { background:var(--text); color:var(--surface); }
.paylas-btn.linkedin { background:#0077b5; color:var(--surface); }

/* SIDEBAR */
.makale-sidebar { display:flex; flex-direction:column; gap:20px; }
.sidebar-card { background:var(--rose-soft); padding:24px; border:1px solid var(--border); border-radius:var(--radius); }
.sidebar-card-title {
  font-family:'Archivo', sans-serif;
  font-size:16px; font-weight:600; text-transform:uppercase;
  color:var(--text); margin-bottom:16px; padding-bottom:10px;
  border-bottom:2px solid var(--danger);
}
.sidebar-yazar { display:flex; gap:14px; align-items:center; margin-bottom:12px; }
.yazar-avatar {
  width:44px; height:44px; background:var(--rose);
  border-radius:var(--radius-sm);
  display:flex; align-items:center; justify-content:center;
  font-family:'Archivo', sans-serif;
  font-size:16px; font-weight:600; color:var(--danger);
  flex-shrink:0;
}
.yazar-adi { font-size:15px; font-weight:600; color:var(--text); }
.yazar-unvan { font-size:13px; color:var(--muted); }
.yazar-bio { font-size:13px; color:var(--muted); line-height:1.6; margin-bottom:14px; }
.sidebar-cta {
  display:block; background:var(--brand); color:var(--surface) !important;
  padding:10px 16px; text-align:center; text-decoration:none;
  border-radius:var(--radius-sm);
  font-family:'Archivo', sans-serif;
  font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:1px;
  transition:background 0.2s;
}
.sidebar-cta:hover { background:var(--brand-deep); }
.ilgili-item { display:block; text-decoration:none; padding:12px 0; border-bottom:1px solid var(--border); }
.ilgili-item:last-child { border-bottom:none; }
.ilgili-kat { font-size:13px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--danger); margin-bottom:4px; }
.ilgili-baslik { font-size:14px; font-weight:600; color:var(--text); line-height:1.3; transition:color 0.2s; }
.ilgili-item:hover .ilgili-baslik { color:var(--danger); }

/* Yazar Kutusu — full author box (matches sartname.php recipe) */
.yazar-kutu{display:flex;align-items:center;gap:16px;background:var(--rose-soft);border:1px solid var(--rose);border-left:5px solid var(--danger);border-radius:var(--radius);padding:20px 24px;margin:40px 0 32px;}
.yazar-bilgi{flex:1;min-width:0;}
.yazar-isim{font-family:'Archivo',sans-serif;font-size:18px;font-weight:600;color:var(--text);text-transform:uppercase;margin-bottom:2px;}
.yazar-sosyal{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;}
.yazar-sosyal a{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:1px;}
.yazar-sosyal a:hover{color:var(--danger);border-color:var(--danger);}
@media(max-width:540px){.yazar-kutu{flex-direction:column;text-align:center;}.yazar-sosyal{justify-content:center;}}

@media (max-width: 768px) {
  .makale-hero { padding:90px 24px 40px; }
  .makale-layout { grid-template-columns:1fr; padding:32px 24px 60px; gap:24px; }
  .makale-sidebar { order:-1; }
}

/* ── MAKAle HTML İÇERİK STİLLERİ ── */
.makale-icerik h2 {
  font-family:'Archivo', sans-serif;
  font-size:28px; font-weight:600;
  text-transform:uppercase; color:var(--text);
  line-height:1.1; margin:40px 0 16px;
  padding-bottom:10px;
  border-bottom:2px solid var(--danger);
}
.makale-icerik h3 {
  font-family:'Archivo', sans-serif;
  font-size:22px; font-weight:600;
  color:var(--text); margin:28px 0 12px;
  display:flex; align-items:center; gap:10px;
}
.makale-icerik h3::before {
  content:''; width:4px; height:20px;
  background:var(--danger); flex-shrink:0;
  border-radius:2px;
}
.makale-icerik p {
  font-size:16px; line-height:1.85;
  color:var(--text); margin-bottom:16px;
}
.makale-icerik strong {
  font-weight:700; color:var(--text);
}
.makale-icerik ul, .makale-icerik ol {
  margin:12px 0 20px 0;
  padding-left:0; list-style:none;
  display:flex; flex-direction:column; gap:8px;
}
.makale-icerik ul li {
  display:flex; align-items:flex-start; gap:10px;
  font-size:16px; line-height:1.7; color:var(--text);
  padding:10px 14px; background:var(--rose-soft);
  border-left:3px solid var(--danger);
  border-radius:var(--radius-sm);
}
.makale-icerik ul li::before {
  content:'→'; color:var(--danger);
  font-weight:700; flex-shrink:0; margin-top:1px;
}
.makale-icerik ol { counter-reset:madde; }
.makale-icerik ol li {
  display:flex; align-items:flex-start; gap:14px;
  font-size:16px; line-height:1.7; color:var(--text);
  padding:10px 14px; background:var(--sage-soft);
  border-left:3px solid var(--text);
  border-radius:var(--radius-sm);
  counter-increment:madde;
}
.makale-icerik ol li::before {
  content:counter(madde);
  font-family:'Archivo', sans-serif;
  font-size:20px; font-weight:600;
  color:var(--text); flex-shrink:0; min-width:20px;
}
.makale-icerik blockquote {
  background:var(--rose); color:var(--text);
  padding:24px 28px; margin:28px 0;
  border-left:4px solid var(--danger);
  border-radius:var(--radius);
  font-size:17px; line-height:1.7;
  font-style:italic;
}
.makale-icerik blockquote strong { color:var(--danger); }

/* Pull-quote — reusable editorial highlight (MASTER §6 blockquote recipe) */
.makale-icerik .pull-quote {
  background:var(--rose); color:var(--text);
  padding:24px 28px; margin:28px 0;
  border-left:4px solid var(--danger);
  border-radius:var(--radius);
  font-size:22px; line-height:1.5;
  font-style:italic;
  font-family:'Archivo', sans-serif;
  font-weight:600;
}
.makale-icerik .pull-quote strong { color:var(--danger); }
.makale-icerik .pull-quote cite {
  display:block; margin-top:10px;
  font-family:'Space Mono', monospace;
  font-size:13px; font-weight:400;
  letter-spacing:1px; text-transform:uppercase;
  color:var(--muted); font-style:normal;
}

/* Drop-cap — subtle editorial first-letter (light-only) */
.makale-icerik .drop-cap::first-letter {
  font-family:'Archivo', sans-serif;
  font-size:3.2em; font-weight:600;
  line-height:0.85; float:left;
  padding-right:10px; margin-top:4px;
  color:var(--danger);
}

/* Maliyet tablosu */
.makale-icerik table {
  width:100%; border-collapse:collapse;
  margin:24px 0; font-size:14px;
  border-radius:var(--radius);
  overflow:hidden;
}
.makale-icerik table thead tr {
  background:var(--text); color:var(--surface);
}
.makale-icerik table th {
  padding:12px 16px; text-align:left;
  font-family:'Archivo', sans-serif;
  font-size:14px; font-weight:600;
  text-transform:uppercase; letter-spacing:1px;
}
.makale-icerik table td {
  padding:11px 16px; border-bottom:1px solid var(--border);
  color:var(--text);
}
.makale-icerik table tr:hover td { background:var(--rose-soft); }
.makale-icerik table td:last-child {
  font-family:'Archivo', sans-serif;
  font-size:17px; font-weight:600; color:var(--text);
  text-align:right;
}
.makale-icerik table tfoot tr { background:var(--sage); }
.makale-icerik table tfoot td {
  color:var(--text); font-weight:600; border:none;
  font-family:'Archivo', sans-serif;
  font-size:18px;
}

/* Vurgu kutusu */
.makale-icerik a {
  color:var(--danger);
  text-decoration:underline;
  font-weight:500;
  transition:color 0.2s;
}
.makale-icerik a:hover { color:var(--text); }

/* Visible focus state for article links/buttons (MASTER §0) */
.makale-icerik a:focus-visible,
.makale-icerik button:focus-visible,
.makale-icerik .paylas-btn:focus-visible,
.makale-icerik .sidebar-cta:focus-visible,
.makale-icerik .ilgili-item:focus-visible {
  outline:2px solid var(--danger);
  outline-offset:2px;
  border-radius:2px;
}

/* WhatsApp CTA butonu — inline stil override */
.makale-icerik a[href*="wa.me"],
.makale-icerik a[style*="25d366"],
.makale-icerik a[style*="background"] {
  display:inline-block !important;
  text-decoration:none !important;
  color:#fff !important;
}

.makale-icerik .bilgi-kutusu {
  background:var(--sage-soft); border:1px solid var(--border);
  border-left:4px solid var(--danger);
  padding:20px 24px; margin:28px 0;
  border-radius:var(--radius);
}
.makale-icerik .bilgi-kutusu strong {
  display:block; margin-bottom:8px;
  font-family:'Archivo', sans-serif;
  font-size:16px; text-transform:uppercase;
  letter-spacing:1px; color:var(--danger);
}

/* Makale içi WhatsApp CTA */
.makale-icerik .whatsapp-cta {
  background:var(--text);
  border-left:4px solid #25d366;
  padding:16px 20px;
  margin:24px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  border-radius:var(--radius);
}
.makale-icerik .whatsapp-cta p {
  color:rgba(255,255,255,0.7) !important;
  margin:0 !important;
  font-size:14px !important;
}
.makale-icerik .whatsapp-cta .whatsapp-btn,
.makale-icerik a.whatsapp-btn {
  background:#25d366 !important;
  color:#fff !important;
  padding:10px 20px !important;
  text-decoration:none !important;
  font-weight:700 !important;
  font-size:13px !important;
  white-space:nowrap !important;
  display:inline-block !important;
  border-radius:var(--radius-sm) !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  animation:none !important;
  box-shadow:none !important;
}
.makale-icerik a.whatsapp-btn:hover {
  background:#1ea952 !important;
}