/* Sahabaşı rehber sayfaları (anahtar kelime rehberleri) — stil.css'in üstüne yalnız makale düzeni ekler.
   Renk ve yazı tipi değişkenleri stil.css'ten gelir; dış kaynak ve satır içi stil yok. */

.kirinti ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 0; margin: 0 0 20px; font-size: .875rem; color: var(--gece-ikincil); }
.kirinti li + li::before { content: "/"; margin-right: 8px; opacity: .55; }
.kirinti a { color: var(--gece-yazi); }
.kirinti [aria-current] { color: var(--gece-ikincil); }

.sayfa-baslik .dugmeler { margin-top: 28px; }
.sayfa-baslik .dugme.ikinci { color: var(--gece-yazi); border-color: rgba(232, 237, 245, .5); }
.sayfa-baslik .dugme.ikinci:hover { background: rgba(232, 237, 245, .1); }

.makale { max-width: 46rem; margin: 0 auto; }
.makale > p:first-child { margin-top: 0; }
.makale h2 { font-size: clamp(1.4rem, 3.2vw, 1.8rem); margin: 52px 0 16px; letter-spacing: -0.025em; }
.makale h3 { font-size: 1.15rem; margin: 28px 0 8px; }
.makale p, .makale li { font-size: 1.0625rem; line-height: 1.72; }
.makale ul, .makale ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.makale li { margin-bottom: 8px; }
.makale li::marker { color: var(--turuncu); }
.makale strong { font-weight: 700; }

.icindekiler { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 16px; padding: 20px 24px; margin: 0 0 12px; }
.icindekiler p { margin: 0 0 8px; font: 700 .8125rem var(--yazi); letter-spacing: .12em; text-transform: uppercase; color: var(--ikincil); }
.icindekiler ol { margin: 0; padding-left: 1.3em; }
.icindekiler li { font-size: 1rem; margin-bottom: 4px; }

.kutu { margin: 24px 0; padding: 16px 20px; border-radius: 12px; border-left: 4px solid var(--mavi); background: var(--kagit-2); }
.kutu p { font-size: 1rem; margin: 0; }
.kutu.dikkat { border-left-color: var(--turuncu); }

.sekil { margin: 32px 0; text-align: center; }
.sekil .ekran.masaustu { max-width: 100%; }
.sekil figcaption { margin: 18px auto 0; max-width: 34rem; font-size: .9375rem; color: var(--ikincil); }

.tablo-sar { overflow-x: auto; margin: 0 0 1.4em; border: 1px solid var(--cizgi); border-radius: 12px; }
.makale table { width: 100%; border-collapse: collapse; font-size: .9688rem; min-width: 30rem; }
.makale th, .makale td { text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.makale th { background: var(--kagit-2); font-weight: 700; }
.makale tr:last-child td { border-bottom: 0; }

.makale .sss { margin-top: 8px; }
.makale .sss summary { font-size: 1.0625rem; }
.makale .sss details > p { font-size: 1rem; }

.cta-kart { margin: 56px 0 0; padding: clamp(24px, 4vw, 36px); border-radius: var(--yaricap); color: var(--gece-yazi); background: radial-gradient(520px 260px at 90% 0%, rgba(47, 92, 158, .5), transparent 70%), var(--gece); }
.cta-kart h2 { margin: 0 0 12px; color: #fff; font-size: clamp(1.35rem, 3vw, 1.7rem); }
.cta-kart p { color: var(--gece-ikincil); }
.cta-kart a:not(.dugme) { color: var(--gece-yazi); }
.cta-kart .dugme.ikinci { color: var(--gece-yazi); border-color: rgba(232, 237, 245, .5); }
.cta-kart .dugme.ikinci:hover { background: rgba(232, 237, 245, .1); }

.ilgili { margin-top: 56px; }
.ilgili h2 { margin: 0 0 18px; }
.ilgili-liste, .rehber-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.ilgili-liste li, .rehber-izgara li { margin: 0; }
.ilgili-liste a.kart, .rehber-izgara a.kart { display: block; height: 100%; padding: 22px; text-decoration: none; color: inherit; }
.ilgili-liste strong, .rehber-izgara strong { display: block; font: 700 1.05rem var(--baslik); letter-spacing: -0.01em; margin-bottom: 8px; color: var(--murekkep); }
.ilgili-liste span, .rehber-izgara span { display: block; font-size: .9375rem; line-height: 1.55; color: var(--ikincil); }
.rehber-izgara a.kart { padding: 26px; }
.rehber-izgara a.kart strong { font-size: 1.15rem; }
.rehber-izgara em { display: block; margin-top: 14px; font-style: normal; font-size: .8125rem; font-weight: 700; color: var(--mavi); }

.guncel-not { margin-top: 40px; font-size: .9rem; color: var(--ikincil); }

@media (max-width: 560px) {
  .makale h2 { margin-top: 40px; }
  .icindekiler { padding: 16px 18px; }
}
.makale > h2:first-child { margin-top: 0; }
.rehber-izgara.ust-bosluk { margin-top: 28px; }
.rehber-izgara + .makale { margin-top: 48px; }