#sozluk-wrapper {
  --bg:#f7f6f2; --bg2:#eeecea; --surface:#ffffff;
  --border:#d8d4cc; --border-light:#e8e4de;
  --accent:#1a56db; --accent2:#7c3aed; --accent3:#b45309;
  --text:#1a1916; --text-muted:#5a574f; --text-dim:#9a968e;
  --tag-pseo-bg:#dbeafe; --tag-pseo:#1d4ed8;
  --tag-geo-bg:#ede9fe;  --tag-geo:#6d28d9;
  --tag-aeo-bg:#fef3c7;  --tag-aeo:#92400e;
  --tag-tech-bg:#d1fae5; --tag-tech:#065f46;
  --tag-core-bg:#fee2e2; --tag-core:#991b1b;
  --font-head:'Syne',sans-serif; --font-mono:'DM Mono',monospace; --font-body:'DM Sans',sans-serif;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);
  font-family:var(--font-body);font-weight:500;line-height:1.6;color:var(--text);background:var(--bg);
}
#sozluk-wrapper *,#sozluk-wrapper *::before,#sozluk-wrapper *::after{box-sizing:border-box;margin:0;padding:0}
#sozluk-wrapper .sozluk-header{background:var(--surface);border-bottom:1px solid var(--border);padding:56px 48px 44px;position:relative;overflow:hidden}
#sozluk-wrapper .sozluk-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3))}
#sozluk-wrapper .sozluk-header::after{content:'SÖZLÜK';position:absolute;right:40px;top:50%;transform:translateY(-50%);font-family:var(--font-head);font-size:120px;font-weight:800;color:var(--bg2);letter-spacing:-.04em;line-height:1;pointer-events:none;user-select:none}
#sozluk-wrapper .sozluk-h1{font-family:var(--font-head);font-size:clamp(30px,4vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:14px;position:relative;z-index:1}
#sozluk-wrapper .sozluk-h1 .a1{color:var(--accent)}
#sozluk-wrapper .sozluk-h1 .a2{color:var(--accent2)}
#sozluk-wrapper .header-sub{color:var(--text-muted);font-size:15px;max-width:560px;margin-bottom:32px;position:relative;z-index:1;font-style:italic}
#sozluk-wrapper .controls{position:sticky;top:0;z-index:100;background:rgba(247,246,242,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:12px 48px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#sozluk-wrapper .search-wrap{position:relative;flex:1;min-width:180px;max-width:380px}
#sozluk-wrapper .search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}
#sozluk-wrapper #search{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px 12px 42px;color:var(--text);font-family:var(--font-body);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}
#sozluk-wrapper #search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,86,219,.1)}
#sozluk-wrapper #search::placeholder{color:var(--text-dim)}
#sozluk-wrapper .filters{display:flex;gap:6px;padding:10px 48px;border-bottom:1px solid var(--border-light);flex-wrap:wrap;background:var(--surface)}
#sozluk-wrapper .filter-btn{padding:10px 22px;border-radius:100px;font-size:17px;font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:all .15s;text-transform:uppercase}
#sozluk-wrapper .filter-btn:hover{background:var(--bg2)}
#sozluk-wrapper .filter-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}
#sozluk-wrapper .filter-btn[data-cat="PSEO"].active{background:var(--tag-pseo-bg);color:var(--tag-pseo);border-color:var(--tag-pseo)}
#sozluk-wrapper .filter-btn[data-cat="GEO"].active{background:var(--tag-geo-bg);color:var(--tag-geo);border-color:var(--tag-geo)}
#sozluk-wrapper .filter-btn[data-cat="AEO"].active{background:var(--tag-aeo-bg);color:var(--tag-aeo);border-color:var(--tag-aeo)}
#sozluk-wrapper .filter-btn[data-cat="TECH"].active{background:var(--tag-tech-bg);color:var(--tag-tech);border-color:var(--tag-tech)}
#sozluk-wrapper .filter-btn[data-cat="CORE"].active{background:var(--tag-core-bg);color:var(--tag-core);border-color:var(--tag-core)}
#sozluk-wrapper .az-nav{display:flex;flex-wrap:nowrap;gap:0;padding:12px 24px;border-bottom:1px solid var(--border-light);background:var(--bg2);justify-content:space-between;overflow:hidden}
#sozluk-wrapper .az-nav a{display:inline-flex;align-items:center;justify-content:center;flex:1;height:46px;border-radius:8px;font-family:var(--font-mono);font-size:17px;font-weight:700;color:var(--text-dim);text-decoration:none;transition:all .12s;min-width:0}
#sozluk-wrapper .az-nav a.has-terms:hover{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}
#sozluk-wrapper .az-nav a.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(26,86,219,.3)}
#sozluk-wrapper .sozluk-main{padding:0 48px 80px;background:var(--bg)}
#sozluk-wrapper .letter-section{margin-top:40px;break-inside:avoid}
#sozluk-wrapper .letter-heading{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:2px solid var(--border);margin-bottom:6px}
#sozluk-wrapper .letter-big{font-family:var(--font-head);font-size:36px;font-weight:800;color:var(--accent);line-height:1}
#sozluk-wrapper details.term-item{border-bottom:1px solid var(--border-light);transition:all .15s}
#sozluk-wrapper details.term-item[open]{background:var(--surface);border-radius:8px;border:1px solid var(--border);margin:4px 0;box-shadow:var(--shadow)}
#sozluk-wrapper summary.term-summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none;user-select:none}
#sozluk-wrapper summary.term-summary::-webkit-details-marker{display:none}
#sozluk-wrapper summary.term-summary:hover .term-name{color:var(--accent)}
#sozluk-wrapper .term-arrow{width:16px;height:16px;color:var(--text-dim);transition:transform .18s,color .15s;flex-shrink:0}
#sozluk-wrapper details[open] .term-arrow{transform:rotate(90deg);color:var(--accent)}
#sozluk-wrapper .term-name{font-family:var(--font-head);font-size:17px;font-weight:700;flex:1;color:var(--text);transition:color .15s}
#sozluk-wrapper .term-tag{padding:4px 12px;border-radius:6px;font-family:var(--font-mono);font-size:13px;letter-spacing:.07em;font-weight:700;flex-shrink:0}
#sozluk-wrapper .tag-PSEO{background:var(--tag-pseo-bg);color:var(--tag-pseo)}
#sozluk-wrapper .tag-GEO{background:var(--tag-geo-bg);color:var(--tag-geo)}
#sozluk-wrapper .tag-AEO{background:var(--tag-aeo-bg);color:var(--tag-aeo)}
#sozluk-wrapper .tag-TECH{background:var(--tag-tech-bg);color:var(--tag-tech)}
#sozluk-wrapper .tag-CORE{background:var(--tag-core-bg);color:var(--tag-core)}
#sozluk-wrapper .term-body{padding:0 14px 16px 44px;font-size:15px;color:var(--text-muted);line-height:1.8;animation:sozlukFadeIn .18s ease}
@keyframes sozlukFadeIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
#sozluk-wrapper .sozluk-yukleniyor{text-align:center;padding:60px 20px;color:var(--text-dim);font-family:var(--font-mono);font-size:14px}
@media(max-width:768px){
  #sozluk-wrapper .sozluk-header,#sozluk-wrapper .sozluk-main,#sozluk-wrapper .controls,#sozluk-wrapper .az-nav,#sozluk-wrapper .filters{padding-left:20px;padding-right:20px}
  #sozluk-wrapper .sozluk-header::after{display:none}
  #sozluk-wrapper .sozluk-header{padding-top:36px}
}