/* Ansiklopedi (main/wiki) ve üst bardaki genel arama.
   Görünüm oyunun envanter penceresinden: pano (board9), başlık çubuğu (title3), slot, ince pano tooltip (thin9).
   Görseller tools/make-wiki-art.py ile client UI dokularından üretilir. */

.m2 {
  --wk-cell: 36px;
  --wk-title: #f2e7c1;
  --wk-special: #ffc800;
  --wk-normal: #c2c2c2;
  --wk-positive: #8ab98e;
  --wk-special-positive: #b0dfb4;
  --wk-negative: #e57976;
  --wk-price: #ffb96d;
  --wk-cond: #beb47d;
  --wk-font: Tahoma, Verdana, "Noto Sans", sans-serif;
}

/* ---------- Oyun penceresi (Board + TitleBar) ---------- */
.wk-board {
  position: relative;
  border: 32px solid transparent;
  border-image: url(ui/board9.png) 32 fill / 32px / 0 round;
  margin: 0 0 22px;
  color: var(--wk-normal);
  font: 13px/1.5 var(--wk-font);
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, .55));
}
.wk-board > .wk-inner { margin: -22px -20px -20px; }
.wk-board > .wk-titlebar + .wk-inner { margin-top: 0; }
.wk-titlebar {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  height: 23px; margin: -24px -24px 8px; padding: 0 6px 2px;
  border: solid transparent; border-width: 0 32px 0 32px;
  border-image: url(ui/title3.png) 0 32 fill / 0 32px / 0 stretch;
  color: var(--wk-title); font: 700 12px/1 var(--wk-font); letter-spacing: .02em; text-shadow: 0 1px 0 #000;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wk-titlebar h2, .wk-titlebar h3, .wk-titlebar h1 { margin: 0; font: inherit; color: inherit; letter-spacing: inherit; overflow: hidden; text-overflow: ellipsis; }
/* Başlık çubuğunun sağındaki X (dokunun içinde) bağlantı olarak: aramaya dön */
.wk-titlebar .wk-close { position: absolute; right: -31px; top: 1px; width: 19px; height: 19px; border-radius: 3px; }
.wk-titlebar .wk-close:hover { box-shadow: 0 0 0 1px var(--wk-special), 0 0 8px rgba(255, 200, 0, .5); }
.wk-titlebar .wk-close span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Yatay çubuk (bölüm başlığı) */
.wk-bar {
  display: flex; align-items: center; gap: 8px;
  height: 17px; margin: 16px 0 10px; padding: 0 4px 1px;
  border: solid transparent; border-width: 0 32px 0 32px;
  border-image: url(ui/bar3.png) 0 32 fill / 0 32px / 0 stretch;
  color: var(--wk-title); font: 700 11px/1 var(--wk-font); letter-spacing: .03em; text-shadow: 0 1px 0 #000;
}
.wk-bar:first-child { margin-top: 0; }
.wk-bar small { margin-left: auto; color: var(--wk-cond); font-weight: 400; }

/* İnce pano (oyundaki tooltip / bilgi kutusu) */
.wk-thin {
  border: 16px solid transparent;
  border-image: url(ui/thin9.png) 16 fill / 16px / 0 stretch;
}
.wk-thin > .wk-thin-in { margin: -10px; }

/* ---------- Slotlar ---------- */
.wk-slot {
  position: relative; display: inline-grid; place-items: center; flex: none;
  width: var(--wk-cell); height: calc(var(--wk-cell) * var(--size, 1));
  background: url(ui/slot.png) 0 0 / var(--wk-cell) var(--wk-cell) repeat-y;
  color: #fff; vertical-align: top;
}
.wk-slot img { width: calc(var(--wk-cell) - 4px); height: auto; max-height: 100%; image-rendering: auto; pointer-events: none; }
.wk-slot.is-money img { width: 20px; }
.m2 a.wk-slot:hover, .wk-slot.is-active { box-shadow: inset 0 0 0 1px rgba(255, 220, 140, .85), 0 0 10px rgba(255, 200, 0, .35); }
.wk-slot .wk-count {
  position: absolute; right: 2px; bottom: 0; color: #fff; font: 700 11px/1.1 var(--wk-font);
  text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
}
.wk-slot .wk-plus { position: absolute; left: 2px; top: 1px; color: var(--wk-special); font: 700 10px/1 var(--wk-font); text-shadow: 0 0 2px #000, 0 1px 0 #000; }
/* İkonu olmayan eşya (mall ikon klasöründe yok) */
.wk-slot:not(:has(img))::before { content: "?"; color: #5f553f; font: 700 15px/1 var(--wk-font); }

/* Envanter ızgarası: eşyalar boyu kadar (1–3 slot) satır kaplar, boşluklar sıkıca doldurulur */
.wk-grid {
  display: grid; justify-content: start; gap: 0;
  grid-template-columns: repeat(auto-fill, var(--wk-cell));
  grid-auto-rows: var(--wk-cell); grid-auto-flow: row dense;
}
.wk-grid > .wk-slot { grid-row: span var(--size, 1); }
.wk-grid-frame { padding: 4px; background: rgba(0, 0, 0, .35); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06); }

/* ---------- Oyun tooltip'i ---------- */
.wk-tooltip {
  min-width: 190px; max-width: 320px;
  text-align: center; font: 12px/16px var(--wk-font); color: var(--wk-normal);
}
.wk-tooltip .tt-title { color: var(--wk-title); font-weight: 700; margin-bottom: 4px; }
.wk-tooltip .tt-title.is-special { color: var(--wk-special); }
.wk-tooltip .tt-space { height: 6px; }
.wk-tooltip .tt-desc { color: var(--wk-normal); }
.wk-tooltip .tt-cond { color: var(--wk-cond); }
.wk-tooltip .tt-positive { color: var(--wk-positive); }
.wk-tooltip .tt-special { color: var(--wk-special-positive); }
.wk-tooltip .tt-negative { color: var(--wk-negative); }
.wk-tooltip .tt-price { color: var(--wk-price); }
.wk-tooltip .tt-normal { color: var(--wk-normal); }
.wk-tooltip > div { overflow-wrap: anywhere; }
.wk-tooltip .tt-extra { margin-top: 6px; color: var(--wk-cond); font-size: 11px; }
/* Fareyle gelinen slotun yanında açılan tooltip */
.wk-hover { position: fixed; z-index: 120; pointer-events: none; opacity: 0; transition: opacity .08s; background: rgba(0, 0, 0, .45); background-clip: padding-box; }
.wk-hover.is-open { opacity: 1; }

/* ---------- Oyun düğmeleri ve sekmeler ---------- */
.m2 .wk-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 61px; height: 21px; padding: 0 10px 1px;
  border: solid transparent; border-width: 0 8px;
  border-image: url(ui/btn_m1.png) 0 8 fill / 0 8px / 0 stretch;
  background: none; color: #f1e6c0; font: 12px/1 var(--wk-font); text-shadow: 0 1px 0 #000; cursor: pointer; white-space: nowrap;
}
.m2 .wk-btn:hover { border-image-source: url(ui/btn_m2.png); color: #fff; }
.m2 .wk-btn:active { border-image-source: url(ui/btn_m3.png); }
.wk-tabs { display: flex; flex-wrap: wrap; gap: 2px; margin: 0 0 -1px; }
.m2 .wk-tab {
  display: inline-flex; align-items: center; gap: 6px; height: 19px; padding: 0 12px 1px;
  border: solid transparent; border-width: 0 8px;
  border-image: url(ui/tab_m1.png) 0 8 fill / 0 8px / 0 stretch;
  color: #cfc6a8; font: 12px/1 var(--wk-font); text-shadow: 0 1px 0 #000; white-space: nowrap;
}
.m2 .wk-tab:hover { border-image-source: url(ui/tab_m2.png); color: #fff; }
.m2 .wk-tab.is-active { border-image-source: url(ui/tab_m3.png); color: var(--wk-title); }
.wk-tab b { color: var(--wk-special); font-weight: 400; }

/* Oyun giriş kutusu */
.m2 .wk-input {
  height: 26px; padding: 0 8px; min-width: 0;
  background: #000; color: #fff; border: 1px solid #5a503e; box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #1a150f;
  font: 13px/1 var(--wk-font); border-radius: 0;
}
.m2 .wk-input:focus { outline: none; border-color: #b4955a; }
/* Oyun kutusundaki seçim: ok içeride (theme.css'teki genel kural; burada arka plan siyah olduğu için yeniden) */
.m2 select.wk-input:not([multiple]) {
  padding-right: 28px;
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23c9a25c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 9px center / 10px 10px;
}

/* ---------- Ansiklopedi ana sayfa / arama ---------- */
.wk-page { display: grid; gap: 4px; }
.wk-search-board .wk-inner { display: grid; gap: 12px; }
.wk-search-row { display: flex; gap: 8px; align-items: center; }
.wk-search-row .wk-input { flex: 1; height: 32px; font-size: 14px; }
.wk-search-row .wk-btn { height: 21px; }
.wk-intro { margin: 0; color: var(--wk-cond); font-size: 12px; }
.wk-filters { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; font-size: 12px; }
.wk-filters label { display: inline-flex; align-items: center; gap: 6px; color: var(--wk-title); }
.wk-filters .wk-range { display: inline-flex; align-items: center; gap: 4px; color: var(--wk-normal); }
.m2 .wk-filters .wk-range input { width: 64px; padding: 0 6px; text-align: center; }
.wk-filters a { color: var(--wk-cond); }
.wk-summary { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin: 0 0 10px; color: var(--wk-cond); font-size: 12px; }
.wk-summary .wk-view { margin-left: auto; display: inline-flex; gap: 2px; }
.wk-empty { padding: 18px; color: var(--wk-cond); text-align: center; font-size: 13px; }

/* Liste görünümü (isimli satırlar) */
.wk-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 4px; }
.m2 .wk-row {
  display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 4px 8px 4px 4px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .25)); border: 1px solid rgba(0, 0, 0, .7);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05); color: var(--wk-normal);
}
.m2 .wk-row:hover { background: linear-gradient(90deg, rgba(60, 40, 10, .7), rgba(30, 20, 8, .45)); color: #fff; }
.wk-row .wk-slot { --size: 1 !important; }
.wk-row .wk-slot img { max-height: calc(var(--wk-cell) - 2px); width: auto; }
.wk-row-text { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; line-height: 1.3; }
.wk-row-text strong { color: var(--wk-title); font-weight: 700; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wk-row-text small { color: var(--wk-cond); font-size: 11px; }
.wk-row .wk-row-end { margin-left: auto; text-align: right; color: var(--wk-special); font: 700 12px/1.2 var(--wk-font); white-space: nowrap; }
.wk-row .wk-row-end small { display: block; max-width: 130px; margin-left: auto; color: var(--wk-cond); font-weight: 400; font-size: 10px; white-space: normal; line-height: 1.25; }

/* Görünüm seçimi: ızgara / liste */
.wk-results[data-view="list"] .wk-grid-frame { display: none; }
.wk-results:not([data-view="list"]) .wk-list.is-items { display: none; }

/* Kategori kutucukları */
.wk-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
.m2 .wk-cat {
  display: flex; align-items: center; gap: 10px; padding: 6px 8px 6px 6px;
  background: rgba(0, 0, 0, .45); border: 1px solid rgba(0, 0, 0, .8); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
  color: var(--wk-title); font: 700 12px/1.25 var(--wk-font);
}
.m2 .wk-cat:hover { background: rgba(70, 45, 12, .55); color: #fff; }
.wk-cat small { display: block; color: var(--wk-cond); font-weight: 400; font-size: 11px; }
.wk-cat .wk-slot { --size: 1 !important; }
.wk-cat .wk-slot img { max-height: calc(var(--wk-cell) - 2px); width: auto; }

/* ---------- Yaratık satırı (hedef çubuğu gibi) ---------- */
.wk-seal {
  flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, #4a2a16, #170c06 70%); color: #e9d3a0;
  box-shadow: inset 0 0 0 2px #6b5530, inset 0 0 0 3px #000, 0 0 0 1px #000;
  font: 900 17px/1 var(--serif); text-shadow: 0 1px 2px #000;
}
.wk-seal.r4 { color: #ffd76a; box-shadow: inset 0 0 0 2px #b8902f, inset 0 0 0 3px #000, 0 0 0 1px #000, 0 0 10px rgba(255, 190, 60, .35); }
.wk-seal.r5 { color: #ff8c6a; box-shadow: inset 0 0 0 2px #c4442b, inset 0 0 0 3px #000, 0 0 0 1px #000, 0 0 12px rgba(255, 90, 60, .45); }
.wk-seal.k-stone { border-radius: 6px; background: radial-gradient(circle at 50% 38%, #3b3f46, #101215 70%); color: #d8e2f0; }
.wk-seal.k-npc { background: radial-gradient(circle at 50% 38%, #213a2a, #0a140d 70%); color: #bfe6c3; }
.wk-seal.is-big { width: 64px; height: 64px; font-size: 30px; }
.wk-hpbar { display: block; width: 100%; max-width: 120px; height: 7px; margin-top: 3px; border: solid transparent; border-width: 0 16px; border-image: url(ui/gauge3.png) 0 16 fill / 0 16px / 0 stretch; position: relative; }
.wk-hpbar::after { content: ""; position: absolute; left: -12px; right: -12px; top: 2px; height: 3px; background: url(ui/gauge_red.png) 0 -2px / 16px 8px repeat-x; }
.wk-rank { color: var(--wk-cond); }
.wk-rank.r4 { color: #ffd76a; }
.wk-rank.r5 { color: #ff8c6a; }

/* ---------- Detay sayfaları ---------- */
.wk-detail { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 0 22px; align-items: start; }
.wk-detail > .wk-col { min-width: 0; }
.wk-crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 14px; font-size: 13px; color: var(--muted); }
.wk-crumbs a { color: var(--gold-2); }
.wk-hero { display: flex; gap: 14px; align-items: flex-start; }
.wk-hero .wk-slot { --wk-cell: 44px; }
.wk-hero-text { min-width: 0; }
.wk-hero-text h1 { margin: 0 0 4px; font: 700 18px/1.25 var(--wk-font); color: var(--wk-title); letter-spacing: 0; }
.wk-hero-text p { margin: 0; color: var(--wk-cond); font-size: 12px; }
.wk-tooltip-box { margin-top: 14px; }
.wk-tooltip-box .wk-tooltip { max-width: none; }
.wk-chips { display: flex; flex-wrap: wrap; gap: 4px; margin: 10px 0 0; }
.wk-chip { padding: 2px 7px; background: rgba(0, 0, 0, .5); border: 1px solid #3b3326; color: var(--wk-cond); font-size: 11px; }
.wk-chip.is-good { color: var(--wk-positive); }

/* +0 … +9 */
.wk-levels { display: flex; flex-wrap: wrap; gap: 3px; }
.wk-levels .wk-slot { --wk-cell: 34px; }

/* Yükseltme penceresi (oyundaki gibi: kaynak → hedef, malzemeler, ücret) */
.wk-refine { display: grid; gap: 10px; }
.wk-refine-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wk-arrow { color: var(--wk-special); font: 700 18px/1 var(--wk-font); }
.wk-mats { display: flex; flex-wrap: wrap; gap: 6px; }
.wk-mat { display: inline-flex; align-items: center; gap: 6px; padding-right: 8px; background: rgba(0, 0, 0, .4); color: var(--wk-normal); font-size: 12px; }
.wk-mat .wk-slot { --size: 1 !important; }
.wk-mat .wk-slot img { max-height: calc(var(--wk-cell) - 2px); width: auto; }
.wk-kv { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; font-size: 12px; }
.wk-kv dt { color: var(--wk-cond); }
.wk-kv dd { margin: 0; color: #e8e0c8; }

/* Değer satırları (karakter penceresindeki parametre slotu gibi) */
.wk-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 4px 10px; }
.wk-stat {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 22px; padding: 0 8px;
  background: linear-gradient(180deg, #1a1712, #0b0a08); border: 1px solid #000; box-shadow: inset 0 0 0 1px #3a3327;
  font-size: 12px;
}
.wk-stat span { color: var(--wk-cond); white-space: nowrap; }
.wk-stat b { color: #fff; font-weight: 700; white-space: nowrap; }
.wk-stat b.is-low { color: var(--wk-negative); }
.wk-stat b.is-high { color: var(--wk-positive); }

/* Direnç çubukları */
.wk-resists { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px 14px; }
.wk-resist { display: grid; grid-template-columns: 92px 1fr 42px; align-items: center; gap: 8px; font-size: 12px; }
.wk-resist span { color: var(--wk-cond); }
.wk-resist i { position: relative; display: block; height: 7px; border: solid transparent; border-width: 0 16px; border-image: url(ui/gauge3.png) 0 16 fill / 0 16px / 0 stretch; }
.wk-resist i::after { content: ""; position: absolute; left: -13px; top: 2px; height: 3px; width: calc((100% + 26px) * var(--v, 0)); background: url(ui/gauge_blue.png) 0 -2px / 16px 8px repeat-x; }
.wk-resist i.is-neg::after { background-image: url(ui/gauge_red.png); }
.wk-resist b { text-align: right; color: #fff; font-weight: 700; }
.wk-resist b.is-neg { color: var(--wk-negative); }

/* Düşme tablosu */
.wk-drops { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 4px; }
.wk-drop-group + .wk-drop-group { margin-top: 12px; }
.wk-drop-head { margin: 0 0 6px; color: var(--wk-title); font: 700 12px/1.3 var(--wk-font); }
.wk-drop-head small { color: var(--wk-cond); font-weight: 400; }
.wk-note { margin: 10px 0 0; color: #8c836d; font-size: 11px; }
.wk-maps { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 4px; }
.wk-maps li { display: flex; justify-content: space-between; gap: 8px; padding: 4px 8px; background: rgba(0, 0, 0, .4); font-size: 12px; }
.wk-maps li span { color: #e8e0c8; }
.wk-maps li small { color: var(--wk-cond); }
.m2 .wk-maps { list-style: none; margin: 0; padding: 0; }
.wk-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.wk-tag { padding: 1px 8px; border: 1px solid #4d4231; background: rgba(0, 0, 0, .45); color: #e8dcb8; font-size: 11px; }
.wk-tag.is-elem { border-color: #5a3d6e; color: #e3c6ff; }
.wk-tag.is-warn { border-color: #6e3a2f; color: #ffb4a0; }

/* Sayfalama: envanter sayfa düğmeleri (I, II, …) */
.wk-pager { display: flex; flex-wrap: wrap; gap: 2px; justify-content: center; margin: 14px 0 0; }
.m2 .wk-pager a, .m2 .wk-pager span {
  display: inline-grid; place-items: center; min-width: 32px; height: 19px; padding: 0 6px;
  border: solid transparent; border-width: 0 6px;
  border-image: url(ui/tab_s1.png) 0 8 fill / 0 6px / 0 stretch;
  color: #cfc6a8; font: 11px/1 var(--wk-font); text-shadow: 0 1px 0 #000;
}
.m2 .wk-pager a:hover { border-image-source: url(ui/tab_s2.png); color: #fff; }
.m2 .wk-pager .is-active { border-image-source: url(ui/tab_s3.png); color: var(--wk-title); }
.m2 .wk-pager .is-gap { border-image: none; }

/* ---------- Üst bardaki genel arama ---------- */
.m2-search { position: relative; flex: 0 1 230px; min-width: 150px; }
.m2-search input {
  width: 100%; height: 34px; padding: 0 36px 0 12px;
  background: rgba(0, 0, 0, .55); color: #fff; border: 1px solid var(--line-strong); border-radius: 3px;
  font: 13px/1 var(--sans);
}
.m2-search input::placeholder { color: #8d8070; }
.m2-search input:focus { outline: none; border-color: var(--gold); background: #000; box-shadow: 0 0 0 3px rgba(201, 162, 92, .15); }
.m2-search input::-webkit-search-cancel-button { display: none; }
.m2-search button { position: absolute; right: 2px; top: 2px; width: 30px; height: 30px; display: grid; place-items: center; background: none; border: 0; color: var(--gold-2); cursor: pointer; }
.m2-search button:hover { color: #fff; }
.m2-search svg { width: 16px; height: 16px; }
/* Öneri listesi oyun tooltip'i gibi */
.wk-suggest {
  position: absolute; z-index: 80; top: calc(100% + 6px); right: 0; width: min(380px, calc(100vw - 24px));
  border: 16px solid transparent; border-image: url(ui/thin9.png) 16 fill / 16px / 0 stretch;
  background: rgba(0, 0, 0, .78); background-clip: padding-box;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .6);
  font: 12px/1.3 var(--wk-font);
}
.wk-suggest[hidden] { display: none; }
.wk-suggest ul { list-style: none; margin: -10px; padding: 0; }
.wk-suggest li.wk-sg-head { padding: 6px 8px 3px; color: var(--wk-cond); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.m2 .wk-suggest a { display: flex; align-items: center; gap: 10px; padding: 4px 8px; color: var(--wk-normal); }
.m2 .wk-suggest a.is-active, .m2 .wk-suggest a:hover { background: rgba(255, 200, 0, .1); color: #fff; }
.wk-suggest .wk-slot { --wk-cell: 30px; --size: 1 !important; }
.wk-suggest .wk-slot img { max-height: 28px; width: auto; }
.wk-suggest .wk-seal { width: 30px; height: 30px; font-size: 14px; }
.wk-suggest .wk-sg-name { display: flex; flex-direction: column; min-width: 0; }
.wk-suggest .wk-sg-name strong { color: var(--wk-title); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wk-suggest .wk-sg-name small { color: var(--wk-cond); font-size: 11px; }
.m2 .wk-suggest a.wk-sg-all { justify-content: center; margin-top: 4px; color: var(--wk-special); border-top: 1px solid rgba(255, 255, 255, .08); padding-top: 8px; }
.wk-suggest .wk-sg-empty { padding: 8px; color: var(--wk-cond); text-align: center; }
.drawer .m2-search { flex: none; width: 100%; margin: 0 0 12px; }

/* Ansiklopedi sayfaları: yan sütun yok, tam genişlik */
.page.page-wide { grid-template-columns: minmax(0, 1fr); }

/* Üst barda yer dar: büyüteç düğmesi, tıklayınca (ya da "/" tuşuyla) menünün üstüne açılan arama kutusu */
.topbar-main .m2-search { flex: none; width: 38px; height: 38px; min-width: 0; }
.topbar-main .m2-search input { position: absolute; right: 0; top: 0; height: 38px; width: 38px; padding-right: 40px; opacity: 0; pointer-events: none; transition: width .22s ease, opacity .15s; }
.topbar-main .m2-search.is-open input { width: min(360px, 52vw); opacity: 1; pointer-events: auto; background: #0b0806; }
.topbar-main .m2-search button { right: 0; top: 0; width: 38px; height: 38px; border: 1px solid var(--line-strong); border-radius: 3px; background: rgba(14, 10, 8, .55); }
.topbar-main .m2-search.is-open button { border-color: transparent; background: none; }
.topbar-main .m2-search button:hover { border-color: var(--gold); }
@media (max-width: 1080px) {
  .topbar-main .m2-search { display: none; }
}
@media (max-width: 860px) {
  .wk-detail { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .m2 { --wk-cell: 34px; }
  .wk-board { border-width: 24px; border-image-width: 24px; }
  .wk-board > .wk-inner { margin: -14px -12px -12px; }
  .wk-titlebar { margin: -16px -16px 8px; }
  .wk-resist { grid-template-columns: 80px 1fr 38px; }
  .wk-list { grid-template-columns: minmax(0, 1fr); }
}

/* Menü yazıları tek satır */
.topbar .nav a { white-space: nowrap; }