/* ---------- Türkçe wiki ---------- */
.wk-hero { position: relative; overflow: hidden; isolation: isolate; background: #06070a; }
.wk-title { margin: 12px 0 10px; font: 700 clamp(36px, 5vw, 62px)/1.05 var(--f-display); background: linear-gradient(180deg, #fff3d6, #d9b26f 62%, #8f7140); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 8px 30px rgba(0,0,0,.9)); }
.wk-sub { max-width: 680px; margin: 0 0 20px; color: #b6aa94; font-size: 16px; line-height: 1.6; }
.wk-search { max-width: 640px; display: flex; align-items: center; gap: 12px; height: 52px; padding: 0 16px; background: rgba(6,6,8,.82); border: 1px solid rgba(217,178,111,.28); backdrop-filter: blur(6px); transition: border-color .2s, box-shadow .2s; }
.wk-search:focus-within { border-color: rgba(243,220,170,.6); box-shadow: 0 0 26px rgba(200,29,51,.2); }
.wk-search svg { width: 18px; height: 18px; flex: none; color: #8b7f6b; }
.wk-search input { flex: 1; min-width: 0; color: var(--text); background: none; border: 0; outline: none; font: 16px var(--f-body); }
.wk-hits { font: 700 10.5px var(--f-head); letter-spacing: .16em; text-transform: uppercase; color: #c9a86a; white-space: nowrap; }

/* sekmeler: kahraman alanın altında, kaydırınca üstte kalır */
.wk-tabs { position: sticky; top: var(--hdr); z-index: 6; background: linear-gradient(180deg, rgba(10,11,14,.95), rgba(10,11,14,.88)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(217,178,111,.2); }
.wk-tabs-in { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; }
.wk-tabs-in::-webkit-scrollbar { display: none; }
.wk-tabs a { flex: 1 0 auto; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 16px; color: #8b7f6b; font: 700 12px var(--f-head); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; text-decoration: none; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s, background .2s; }
.wk-tabs a svg { width: 17px; height: 17px; flex: none; }
.wk-tabs a:hover { color: #f3e2bb; }
.wk-tabs a.on { color: #fff3d6; border-bottom-color: #d9b26f; background: linear-gradient(180deg, transparent, rgba(217,178,111,.08)); }

.wk-sec { padding-top: 34px; }
.wk-tab-head { margin-bottom: 18px; }
.wk-tab-head h2 { margin: 0; font: 700 30px var(--f-display); color: #f3dcaa; }
.wk-tab-head p { margin: 4px 0 0; color: #8b7f6b; }
.wk-group { margin-bottom: 30px; }
.wk-gh { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 700 12px var(--f-head); letter-spacing: .2em; text-transform: uppercase; color: #b6aa94; }
.wk-gh::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(217,178,111,.3), transparent); }
.wk-gh em { font-style: normal; color: #6d6455; }
.wk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 10px; }
.wk-card { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; background: linear-gradient(180deg, rgba(20,16,14,.85), rgba(8,7,8,.9)); border: 1px solid rgba(217,178,111,.16); text-decoration: none; transition: border-color .2s, transform .2s; }
.wk-card:hover { border-color: rgba(217,178,111,.5); transform: translateY(-2px); }
.wk-card b { font: 700 17px/1.25 var(--f-display); color: #f3dcaa; }
.wk-card small { font-size: 12px; color: #7d7262; }
.wk-card span { margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: #a39882; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* makale */
.wk-art-grid { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 34px; align-items: start; }
.wk-side { position: sticky; top: calc(var(--hdr) + 66px); max-height: calc(100vh - var(--hdr) - 86px); overflow-y: auto; scrollbar-width: thin; }
.wk-side h4 { margin: 16px 0 6px; font: 700 10.5px var(--f-head); letter-spacing: .2em; text-transform: uppercase; color: #7d7262; }
.wk-side h4:first-child { margin-top: 0; }
.wk-side nav { display: grid; }
.wk-side a { padding: 6px 10px; color: #a39882; font-size: 14px; text-decoration: none; border-left: 2px solid rgba(217,178,111,.12); }
.wk-side a:hover { color: #f3dcaa; border-left-color: rgba(217,178,111,.45); }
.wk-side a.on { color: #fff3d6; border-left-color: #d9b26f; background: rgba(217,178,111,.08); }
.wk-art { min-width: 0; max-width: 900px; }
.wk-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; margin-bottom: 18px; border-bottom: 1px solid rgba(217,178,111,.14); color: #7d7262; font-size: 13px; }
.wk-meta a { display: inline-flex; align-items: center; gap: 6px; color: #c9b48c; }
.wk-meta svg { width: 14px; height: 14px; }
.wk-toc { display: grid; gap: 2px; padding: 14px 16px; margin-bottom: 22px; background: rgba(8,7,8,.7); border: 1px solid rgba(217,178,111,.16); }
.wk-toc b { margin-bottom: 6px; font: 700 10.5px var(--f-head); letter-spacing: .2em; text-transform: uppercase; color: #9d917c; }
.wk-toc a { display: flex; gap: 10px; color: #c9b48c; font-size: 14.5px; text-decoration: none; padding: 2px 0; }
.wk-toc a:hover { color: #fff3d6; }
.wk-toc em { font-style: normal; color: #6d6455; min-width: 16px; }
.wk-body { color: #d8cfbf; }
.wk-body p { margin: 0 0 14px; font-size: 16.5px; line-height: 1.75; }
.wk-body h2 { scroll-margin-top: calc(var(--hdr) + 70px); display: flex; align-items: center; gap: 10px; margin: 34px 0 12px; font: 700 24px var(--f-display); color: var(--gold2); }
.wk-body h3 { margin: 22px 0 8px; font: 700 18px var(--f-display); color: #e8d3a6; }
.wk-body ul { margin: 0 0 16px; padding-left: 22px; }
.wk-body li { margin: 5px 0; font-size: 16px; line-height: 1.65; }
.wk-body li::marker { color: var(--ember); }
.wk-body a { color: #e2bd78; text-decoration: underline; text-decoration-color: rgba(226,189,120,.35); text-underline-offset: 3px; }
.wk-body a:hover { color: #fff3d6; }
.wk-tw { margin: 6px 0 20px; overflow-x: auto; border: 1px solid rgba(217,178,111,.18); }
.wk-table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.wk-table th { padding: 9px 12px; text-align: left; font: 700 11px var(--f-head); letter-spacing: .12em; text-transform: uppercase; color: #b6aa94; background: rgba(217,178,111,.08); border-bottom: 1px solid rgba(217,178,111,.2); }
.wk-table td { padding: 8px 12px; color: #d0c6b4; border-top: 1px solid rgba(217,178,111,.08); vertical-align: top; }
.wk-table tr:hover td { background: rgba(217,178,111,.04); }
.wk-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 34px; }
.wk-pn a { display: grid; gap: 2px; padding: 12px 16px; border: 1px solid rgba(217,178,111,.18); text-decoration: none; background: rgba(8,7,8,.6); }
.wk-pn a:hover { border-color: rgba(217,178,111,.5); }
.wk-pn a.nx { text-align: right; }
.wk-pn small { color: #7d7262; font-size: 12px; }
.wk-pn b { color: #f3dcaa; font: 700 16px var(--f-display); }
.wk-credit { margin: 26px 0 0; padding-top: 14px; border-top: 1px solid rgba(217,178,111,.12); color: #6d6455; font-size: 12.5px; line-height: 1.6; }
.wk-credit a { color: #9d8a66; }

@media (max-width: 900px) {
  .wk-art-grid { grid-template-columns: 1fr; }
  .wk-side { position: static; max-height: none; order: 2; padding-top: 10px; border-top: 1px solid rgba(217,178,111,.14); }
  .wk-tabs a { flex: 0 0 auto; padding: 13px 12px; }
  .wk-tabs a span { font-size: 11px; }
  .wk-pn { grid-template-columns: 1fr; }
}