/* Wiki sayfaları. Renkler sitenin temasını izler; yalnızca "oyunda nasıl görünür" kutusu ve bilgi balonu
   her zaman koyudur, çünkü oyundaki eşya yazısının renkleri koyu zemine göre seçilmiştir. */
@font-face { font-family: "Monocraft"; src: url("font/monocraft/Monocraft.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Monocraft"; src: url("font/monocraft/Monocraft-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Monocraft"; src: url("font/monocraft/Monocraft-Italic.ttf") format("truetype"); font-style: italic; font-display: swap; }

.wk { --wk-bg: #fff; --wk-soft: #f6f7f9; --wk-soft-2: #eceef2; --wk-line: #e3e6eb; --wk-text: #25272c; --wk-muted: #7b818b; --wk-accent: #1c95f3; --wk-good: #16a06a; --wk-shadow: 0 14px 36px rgba(20, 30, 50, .14); color: var(--wk-text); font: 14px/1.55 "Roboto", sans-serif; }
html.dark-mode .wk { --wk-bg: var(--dm-surface); --wk-soft: var(--dm-surface-2); --wk-soft-2: var(--dm-surface-3); --wk-line: var(--dm-border); --wk-text: var(--dm-text); --wk-muted: var(--dm-muted); --wk-accent: var(--dm-accent); --wk-good: #3ccf91; --wk-shadow: 0 14px 36px rgba(0, 0, 0, .45); }
.wk [hidden] { display: none !important; }
.wk *, .wk-tip * { box-sizing: border-box; }
.wk a { color: var(--wk-accent); text-decoration: none; }
.wk h1, .wk h2 { margin: 0; color: var(--wk-text); font-family: "Exo", sans-serif; text-transform: none; }
.wk p { margin: 0; color: var(--wk-muted); font-size: 14px; line-height: 1.55; }
.wk-px, .wk-glif { image-rendering: pixelated; }
.wk-16 { width: 16px; height: 16px; flex: 0 0 16px; }
.wk-32 { width: 32px; height: 32px; flex: 0 0 32px; }
.wk-64 { width: 64px; height: 64px; flex: 0 0 64px; }
.wk-glif { display: inline-block; width: 1em; height: 1em; margin-right: .15em; vertical-align: -.15em; }
.wk-ic-bag { font-weight: 600; }

/* Oyun yazısının biçimleri ve Minecraft'ın 16 rengi. Sayfa zemininde temaya göre okunur tonlar,
   oyun kutusunda ve balonda oyundaki asıl renkler kullanılır. */
.wk .mc-bold, .wk-tip .mc-bold { font-weight: 700; }
.wk .mc-italic, .wk-tip .mc-italic { font-style: italic; }
.wk .mc-underline, .wk-tip .mc-underline { text-decoration: underline; }
.wk .mc-strike, .wk-tip .mc-strike { text-decoration: line-through; }
.wk .mc-obf, .wk-tip .mc-obf { letter-spacing: 1px; opacity: .75; }
.wk .mc-r-0, .wk .mc-r-f { color: inherit; }
.wk .mc-r-1 { color: #2f3fc2; } .wk .mc-r-2 { color: #128a2e; } .wk .mc-r-3 { color: #0b8e96; } .wk .mc-r-4 { color: #b3261e; }
.wk .mc-r-5 { color: #9a2fa8; } .wk .mc-r-6 { color: #c27a00; } .wk .mc-r-7, .wk .mc-r-8 { color: var(--wk-muted); } .wk .mc-r-9 { color: #4a5be0; }
.wk .mc-r-a { color: #1a9c45; } .wk .mc-r-b { color: #0f97ad; } .wk .mc-r-c { color: #d93a3a; } .wk .mc-r-d { color: #c23fc2; } .wk .mc-r-e { color: #b88700; }
html.dark-mode .wk .mc-r-1 { color: #7d8cff; } html.dark-mode .wk .mc-r-2 { color: #3fca5f; } html.dark-mode .wk .mc-r-3 { color: #37c6ce; } html.dark-mode .wk .mc-r-4 { color: #ff6b61; }
html.dark-mode .wk .mc-r-5 { color: #d873e4; } html.dark-mode .wk .mc-r-6 { color: #ffb52e; } html.dark-mode .wk .mc-r-9 { color: #8794ff; }
html.dark-mode .wk .mc-r-a { color: #55e07c; } html.dark-mode .wk .mc-r-b { color: #55dff0; } html.dark-mode .wk .mc-r-c { color: #ff7373; } html.dark-mode .wk .mc-r-d { color: #f47bf4; } html.dark-mode .wk .mc-r-e { color: #f3d44b; }
.wk .wk-game .mc-r-0, .wk-tip .mc-r-0 { color: #000; } .wk .wk-game .mc-r-1, .wk-tip .mc-r-1 { color: #0000aa; } .wk .wk-game .mc-r-2, .wk-tip .mc-r-2 { color: #00aa00; } .wk .wk-game .mc-r-3, .wk-tip .mc-r-3 { color: #00aaaa; }
.wk .wk-game .mc-r-4, .wk-tip .mc-r-4 { color: #aa0000; } .wk .wk-game .mc-r-5, .wk-tip .mc-r-5 { color: #aa00aa; } .wk .wk-game .mc-r-6, .wk-tip .mc-r-6 { color: #ffaa00; } .wk .wk-game .mc-r-7, .wk-tip .mc-r-7 { color: #aaaaaa; }
.wk .wk-game .mc-r-8, .wk-tip .mc-r-8 { color: #555555; } .wk .wk-game .mc-r-9, .wk-tip .mc-r-9 { color: #5555ff; } .wk .wk-game .mc-r-a, .wk-tip .mc-r-a { color: #55ff55; } .wk .wk-game .mc-r-b, .wk-tip .mc-r-b { color: #55ffff; }
.wk .wk-game .mc-r-c, .wk-tip .mc-r-c { color: #ff5555; } .wk .wk-game .mc-r-d, .wk-tip .mc-r-d { color: #ff55ff; } .wk .wk-game .mc-r-e, .wk-tip .mc-r-e { color: #ffff55; } .wk .wk-game .mc-r-f, .wk-tip .mc-r-f { color: #ffffff; }

/* Üst şerit: bölüm menüsü ve arama */
.wk-nav { position: relative; z-index: 20; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 22px; padding: 8px 10px 8px 16px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-bg); }
.wk-nav-home { margin-right: 6px; color: var(--wk-text) !important; font: 800 14px "Exo", sans-serif; white-space: nowrap; }
.wk-nav-home i { margin-right: 4px; color: var(--wk-accent); }
.wk-nav-groups { display: flex; flex-wrap: wrap; gap: 2px; }
.wk-nav-group { position: relative; }
.wk-nav-group summary { padding: 7px 12px; border-radius: 8px; color: var(--wk-muted); font: 700 13px "Exo", sans-serif; list-style: none; cursor: pointer; user-select: none; }
.wk-nav-group summary::-webkit-details-marker { display: none; }
.wk-nav-group summary::after { content: ""; display: inline-block; margin-left: 6px; border: 4px solid transparent; border-top-color: currentColor; vertical-align: -3px; opacity: .6; }
.wk-nav-group summary:hover, .wk-nav-group[open] summary { background: var(--wk-soft); color: var(--wk-text); }
.wk-nav-group.is-active summary { color: var(--wk-accent); }
.wk-nav-menu { position: absolute; top: calc(100% + 6px); left: 0; min-width: 250px; max-height: 60vh; overflow: auto; padding: 6px; border: 1px solid var(--wk-line); border-radius: 10px; background: var(--wk-bg); box-shadow: var(--wk-shadow); }
.wk-nav-menu a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 7px; color: var(--wk-text); font-size: 13.5px; }
.wk-nav-menu a:hover, .wk-nav-menu a.is-active { background: var(--wk-soft); color: var(--wk-accent); }
.wk-nav-menu em { margin-left: auto; color: var(--wk-muted); font-size: 11.5px; font-style: normal; }
.wk-search { position: relative; flex: 0 1 280px; margin-left: auto; }
.wk-search input, .wk-input { width: 100%; height: 36px; padding: 0 12px; border: 1px solid var(--wk-line); border-radius: 8px; background: var(--wk-soft); color: var(--wk-text); font-size: 13.5px; outline: none; }
.wk-search input:focus, .wk-input:focus { border-color: var(--wk-accent); }
.wk-search-results { position: absolute; top: calc(100% + 6px); right: 0; width: min(460px, 92vw); max-height: 60vh; overflow: auto; padding: 6px; border: 1px solid var(--wk-line); border-radius: 10px; background: var(--wk-bg); box-shadow: var(--wk-shadow); }
.wk-search-results a { display: flex; align-items: center; gap: 10px; padding: 7px 9px; border-radius: 7px; color: var(--wk-text); font-size: 13.5px; }
.wk-search-results a:hover, .wk-search-results a.is-current { background: var(--wk-soft); }
.wk-search-results small { margin-left: auto; color: var(--wk-muted); font-size: 11.5px; white-space: nowrap; }
.wk-search-results p { padding: 14px; text-align: center; }

/* Başlıklar ve bölüm kartları */
.wk-hero { margin-bottom: 28px; padding: 34px 20px; border: 1px solid var(--wk-line); border-radius: 14px; background: linear-gradient(135deg, var(--wk-bg), var(--wk-soft)); text-align: center; }
.wk-hero h1 { margin-bottom: 8px; font-size: 30px; font-weight: 800; }
.wk-hero p { max-width: 68ch; margin: 0 auto; }
.wk-hero-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 14px !important; font-size: 12.5px !important; }
.wk-hero-meta b { color: var(--wk-text); }
.wk-head { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.wk-head h1 { margin: 2px 0 4px; font-size: 24px; font-weight: 800; }
.wk-block { margin-bottom: 28px; }
.wk-block > h2 { display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--wk-line); font-size: 17px; font-weight: 800; }
.wk-block > h2 span { color: var(--wk-muted); font: 400 12px "Roboto", sans-serif; }
.wk-sections { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 12px; }
.wk-section { display: flex; align-items: center; gap: 14px; padding: 15px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-bg); color: var(--wk-text) !important; transition: border-color .13s, transform .13s; }
.wk-section:hover { border-color: var(--wk-accent); transform: translateY(-2px); }
.wk-section > i { width: 32px; color: var(--wk-accent); font-size: 20px; text-align: center; }
.wk-section b { display: block; font: 700 14.5px "Exo", sans-serif; }
.wk-section small { display: -webkit-box; margin-top: 2px; overflow: hidden; color: var(--wk-muted); font-size: 12.5px; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wk-section em { margin-left: auto; color: var(--wk-accent); font: 800 19px "Exo", sans-serif; }
.wk-intro { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; align-items: start; margin-bottom: 24px; }
.wk-intro .wk-box { margin-bottom: 0; }

/* Liste: süzgeçler ve kartlar */
.wk-list { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; align-items: start; }
.wk-list.is-plain { grid-template-columns: minmax(0, 1fr); }
.wk-filters { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow: auto; padding: 14px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-bg); }
.wk-filters-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--wk-line); color: var(--wk-muted); font: 700 11px "Roboto", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.wk-filters-head button { padding: 0; border: 0; background: none; color: var(--wk-accent); font-size: 12.5px; cursor: pointer; }
.wk-filter-label { display: block; margin: 14px 0 7px; color: var(--wk-muted); font: 700 10.5px "Roboto", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.wk-options { display: flex; flex-direction: column; gap: 2px; }
.wk-options button, .wk-options a { display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 9px; border: 1px solid transparent; border-radius: 7px; background: none; color: var(--wk-muted); font-size: 13px; text-align: left; cursor: pointer; }
.wk-options button:hover, .wk-options a:hover { background: var(--wk-soft); color: var(--wk-text); }
.wk-options button.is-active { border-color: var(--wk-line); background: var(--wk-soft); color: var(--wk-accent); font-weight: 600; }
.wk-options em { margin-left: auto; color: var(--wk-muted); font-size: 11.5px; font-style: normal; font-weight: 400; }
.wk-filters-apply, .wk-filters-open { display: none; }
.wk-results-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; color: var(--wk-muted); font-size: 13px; }
.wk-results-head span { margin-left: auto; }
.wk-results-head b { color: var(--wk-text); }
.wk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.wk-card { display: flex; flex-direction: column; gap: 9px; padding: 12px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-bg); color: var(--wk-text) !important; transition: border-color .13s, transform .13s; }
.wk-card:hover { border-color: var(--wk-accent); transform: translateY(-2px); }
.wk-card-head { display: flex; align-items: center; gap: 10px; }
.wk-card-name { font: 700 13.5px/1.3 "Exo", sans-serif; overflow-wrap: anywhere; }
.wk-badges { display: flex; flex-wrap: wrap; gap: 5px; }
.wk-badge { padding: 2px 7px; border: 1px solid var(--wk-line); border-radius: 4px; background: var(--wk-soft); color: var(--wk-muted); font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
.wk-badge.r-elit, .wk-badge.r-boss { border-color: #e5484d55; background: #e5484d1f; color: #e5484d; }
.wk-badge.r-efsanevi, .wk-badge.r-eşsiz-parça, .wk-badge.r-mythical { border-color: #d9930055; background: #d993001f; color: #c98500; }
.wk-badge.r-destansı, .wk-badge.r-epik, .wk-badge.r-çok-nadir { border-color: #8a4fff55; background: #8a4fff1f; color: #8a4fff; }
.wk-badge.r-nadir { border-color: #1c95f355; background: #1c95f31f; color: #1c95f3; }
.wk-badge.r-sıra-dışı, .wk-badge.r-yaygın, .wk-badge.r-bu-hafta-isteniyor, .wk-badge.r-bu-ay-isteniyor { border-color: #16a06a55; background: #16a06a1f; color: #16a06a; }
.wk-card-facts { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; font-size: 12.5px; }
.wk-card-facts span { color: var(--wk-muted); }
.wk-card-facts b { font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; }
.wk-card-note { color: var(--wk-muted); font-size: 12px; line-height: 1.45; }
.wk-empty { padding: 40px; text-align: center; }

/* Başarım ağacı */
.wk-tree { overflow-x: auto; padding: 16px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-bg); }
.wk-tree-in { position: relative; }
.wk-tree svg { position: absolute; inset: 0; display: block; }
.wk-tree path { fill: none; stroke: var(--wk-line); stroke-width: 2; }
.wk-node { position: absolute; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 2px solid var(--wk-line); border-radius: 6px; background: var(--wk-soft-2); }
.wk-node.is-yuvarlak { border-radius: 50%; }
.wk-node.is-sivri { border-color: #8a4fff; transform: rotate(45deg); }
.wk-node.is-sivri img { transform: rotate(-45deg); }
.wk-node:hover { z-index: 2; border-color: var(--wk-accent); }

/* Kayıt sayfası */
.wk-record-head { display: flex; align-items: center; gap: 18px; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--wk-line); }
.wk-record-head h1 { margin: 2px 0 8px; font-size: 24px; font-weight: 800; }
.wk-crumbs { font-size: 12.5px !important; }
.wk-pager { display: flex; gap: 8px; margin-left: auto; }
.wk-pager a { padding: 7px 12px; border: 1px solid var(--wk-line); border-radius: 8px; background: var(--wk-bg); color: var(--wk-muted); font-size: 13px; white-space: nowrap; }
.wk-pager a:hover { border-color: var(--wk-accent); color: var(--wk-accent); }
.wk-record { display: grid; grid-template-columns: minmax(300px, 430px) minmax(0, 1fr); gap: 20px; align-items: start; }
.wk-record.is-single { grid-template-columns: minmax(0, 1fr); }
.wk-record-side { position: sticky; top: 16px; }
.wk-box { margin-bottom: 16px; padding: 16px; border: 1px solid var(--wk-line); border-radius: 12px; background: var(--wk-bg); }
.wk-box > h2 { margin-bottom: 12px; color: var(--wk-muted); font: 700 11px "Roboto", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.wk-game, .wk-tip { border: 2px solid #2d0a63; border-radius: 3px; background: #100010; color: #fff; font: 13px/1.5 "Monocraft", "Courier New", monospace; }
.wk-game { padding: 9px 11px; overflow: hidden; white-space: pre-wrap; overflow-wrap: anywhere; }
.wk-game > div, .wk-tip > div { min-height: 1.5em; }
.wk-game-name { margin-bottom: 2px; }
.wk-text { color: var(--wk-text) !important; }
.wk-text + .wk-text { margin-top: 10px; }
.wk-facts { display: grid; grid-template-columns: auto 1fr; gap: 7px 16px; margin: 0; font-size: 13.5px; }
.wk-facts dt { color: var(--wk-muted); font-weight: 400; }
.wk-facts dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wk-scroll { overflow-x: auto; }
.wk-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.wk-table th { padding: 0 8px 8px; border-bottom: 1px solid var(--wk-line); color: var(--wk-muted); font: 700 10.5px "Roboto", sans-serif; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.wk-table td { padding: 7px 8px; border-bottom: 1px solid var(--wk-line); color: var(--wk-text); vertical-align: middle; }
.wk-table tr:last-child td { border-bottom: 0; }
.wk-table small { display: block; margin-top: 1px; color: var(--wk-muted); font-size: 12px; }
.wk-table.is-list tbody tr:hover { background: var(--wk-soft); }
.wk-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wk-table th:last-child:not(:first-child) { text-align: right; }
.wk-table td:last-child:not(:first-child) { text-align: right; }
.wk-table.is-items td:first-child { width: 100%; }
.wk-chance { color: var(--wk-good) !important; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wk-lines { text-align: left; line-height: 1.6; }
.wk-note { margin-top: 10px !important; font-size: 12.5px !important; }
.wk-oge { display: inline-flex; align-items: center; gap: 7px; color: var(--wk-text); vertical-align: middle; }
a.wk-oge { color: var(--wk-accent); font-weight: 500; }
a.wk-oge:hover span { text-decoration: underline; }
.wk-adet { color: var(--wk-muted); font-weight: 500; font-variant-numeric: tabular-nums; }
.wk-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.wk-chips.is-tight { gap: 5px; justify-content: flex-start; }
.wk-chip { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; padding: 4px 9px; border: 1px solid var(--wk-line); border-radius: 6px; background: var(--wk-soft); font-size: 13px; }
.wk-chip small { display: inline !important; margin: 0 !important; color: var(--wk-muted); font-size: 11.5px; }
.wk-chip.is-result { border-color: var(--wk-accent); background: var(--wk-bg); }
.wk-recipe-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 13.5px; }
.wk-recipe-head em { margin-left: auto; padding: 2px 8px; border-radius: 5px; background: var(--wk-soft); color: var(--wk-good); font-style: normal; font-weight: 600; font-variant-numeric: tabular-nums; }
.wk-recipe-body { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.wk-arrow { color: var(--wk-muted); font-size: 22px; line-height: 1; }
.wk-bench { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.wk-bench-grid { display: grid; grid-template-columns: repeat(3, 46px); gap: 4px; }
.wk-slot { position: relative; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 2px solid var(--wk-line); border-radius: 4px; background: var(--wk-soft-2); }
.wk-slot.is-empty { background: var(--wk-soft); }
.wk-slot.is-result { width: 58px; height: 58px; border-color: var(--wk-accent); }
.wk-slot b { position: absolute; right: 3px; bottom: 0; color: #fff; font: 12px "Monocraft", monospace; text-shadow: 1px 1px 0 #000; }
.wk-bench-info { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.wk-bench-info span { color: var(--wk-muted); }
.wk-list-block { margin: 0; padding-left: 20px; color: var(--wk-text); line-height: 1.75; }
.wk-dialog { display: flex; flex-direction: column; gap: 8px; }
.wk-dialog-line { padding: 9px 12px; border-left: 3px solid var(--wk-accent); border-radius: 0 8px 8px 0; background: var(--wk-soft); }
.wk-dialog-line b { display: block; margin-bottom: 2px; font-size: 12.5px; }
.wk-dialog-line p { color: var(--wk-text); }
.wk-similar { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.wk-similar a { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border: 1px solid var(--wk-line); border-radius: 8px; background: var(--wk-soft); color: var(--wk-text); font-size: 12.5px; }
.wk-similar a:hover { border-color: var(--wk-accent); }
.wk-similar span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wk-article h1 { margin-bottom: 14px; font-size: 26px; font-weight: 800; }
.wk-article-body { color: var(--wk-text); font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; }
.wk-article-body p { margin: 0 0 12px; color: inherit; font-size: inherit; line-height: inherit; }
.wk-article-body h2, .wk-article-body h3, .wk-article-body h4 { margin: 22px 0 10px; color: var(--wk-text); font-family: "Exo", sans-serif; font-weight: 800; text-transform: none; }
.wk-article-body img { max-width: 100%; height: auto; border-radius: 8px; }
.wk-article-body blockquote { margin: 0 0 12px; padding: 10px 14px; border-left: 3px solid var(--wk-accent); background: var(--wk-soft); }
.wk-article-body table { width: 100%; margin-bottom: 12px; border-collapse: collapse; }
.wk-article-body td, .wk-article-body th { padding: 7px 9px; border: 1px solid var(--wk-line); }

/* Bağlantının üzerine gelince açılan oyun içi bilgi balonu */
.wk-tip { position: fixed; z-index: 90; max-width: min(460px, 92vw); padding: 7px 9px; overflow: hidden; box-shadow: 0 0 0 2px #100010, 0 10px 30px rgba(0, 0, 0, .6); white-space: pre; pointer-events: none; }
.wk-tip-note { margin-top: 4px; color: #aaa; font-size: 12px; white-space: normal; }

@media (max-width: 1000px) {
  .wk-list, .wk-record { grid-template-columns: minmax(0, 1fr); }
  .wk-record-side { position: static; }
  .wk-filters { position: fixed; inset: 0; z-index: 60; display: none; max-height: none; border: 0; border-radius: 0; }
  .wk-filters.is-open { display: block; }
  .wk-filters-apply { position: sticky; bottom: 0; display: block; width: 100%; margin-top: 16px; padding: 12px; border: 0; border-radius: 9px; background: var(--wk-accent); color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; }
  .wk-filters-open { display: inline-block; padding: 7px 14px; border: 1px solid var(--wk-line); border-radius: 8px; background: var(--wk-bg); color: var(--wk-text); font-size: 13.5px; cursor: pointer; }
  .wk-tip { display: none; }
}
@media (max-width: 700px) {
  .wk-nav { padding: 10px; }
  .wk-search { flex-basis: 100%; }
  .wk-nav-menu { position: static; min-width: 0; margin-top: 4px; box-shadow: none; }
  .wk-nav-groups { width: 100%; flex-direction: column; }
  .wk-record-head, .wk-head { flex-wrap: wrap; }
  .wk-pager { width: 100%; margin-left: 0; }
  .wk-pager a { flex: 1; text-align: center; }
  .wk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .wk-hero { padding: 24px 14px; }
  .wk-hero h1 { font-size: 24px; }
  .wk-intro { grid-template-columns: minmax(0, 1fr); }
  .wk-table { font-size: 12.5px; }
  .wk-table td, .wk-table th { padding: 6px 5px; }
}