:root{
  --ink:#1a2140; --soft:#2b3552; --muted:#6a759f;
  --bg:#f5f6ff; --card:#fff; --bd:#e9eef6;
  --ac:#6f81ff; --ac2:#9aa8ff; --ring:rgba(111,129,255,.28);
}

/* Sayfa üstü */
.container > h1{
  margin:18px 0 6px; font-weight:900; letter-spacing:-.01em;
  font-size:clamp(1.6rem,2.8vw,2.1rem);
  background:linear-gradient(90deg,#23336f 0%,var(--ac) 55%,var(--ac2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  display:flex; align-items:center; gap:10px;
}
.container .intro{color:#2e3a5a; line-height:1.6; margin-bottom:14px}

/* Arama */
.search-box{margin:12px 0}
.search-box input{
  width:100%; padding:12px 14px 12px 40px; border-radius:12px; border:1px solid #cad2ff;
  background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="%236f81ff"><path d="M11.742 10.344h-.79l-.28-.27a6.471 6.471 0 001.57-4.24A6.534 6.534 0 105.667 12.37a6.47 6.47 0 004.24-1.57l.27.28v.79l4.999 4.99 1.49-1.49-4.99-4.999zm-6.075 0A4.87 4.87 0 011.8 5.473 4.87 4.87 0 015.667 1.6a4.87 4.87 0 013.872 3.872 4.87 4.87 0 01-3.872 4.872z"/></svg>') no-repeat 12px 50%;
  outline:none; box-shadow:0 8px 18px rgba(106,126,255,.08);
  font:inherit;
}
.search-meta{margin-top:6px; color:#44507a; font-weight:700; display:flex; gap:10px; align-items:center}
.search-meta .count{background:#fff; border:1px solid var(--bd); padding:6px 10px; border-radius:999px}

/* Alfabe çubuğu */
.alphabet-nav{
  position:sticky; top:72px; z-index:5;
  background:linear-gradient(180deg,#ffffffd8,#ffffffb8);
  border:1px solid var(--bd); border-radius:14px; padding:8px 10px; margin:14px 0;
  box-shadow:0 8px 18px rgba(24,32,64,.06);
  overflow:auto; -webkit-overflow-scrolling:touch;
}
.alphabet-nav a{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:34px; height:34px; padding:0 10px; margin:0 4px;
  border-radius:999px; font-weight:800; color:#1a2140; text-decoration:none;
  border:1px solid #cad2ff; background:#fff; transition:.15s ease;
}
.alphabet-nav a:hover{transform:translateY(-1px); box-shadow:0 4px 10px rgba(106,126,255,.15)}
.alphabet-nav a.active{
  color:#fff; border-color:#b9c4ff;
  background:linear-gradient(135deg,var(--ac),var(--ac2));
  box-shadow:0 6px 14px rgba(140,160,255,.35), 0 0 14px rgba(160,130,255,.25);
}

/* Bölümler */
.letter-section{scroll-margin-top:86px; margin:18px 0 10px}
.letter-section > h2{
  margin:0 0 10px; font-size:1.15rem; font-weight:900; letter-spacing:-.01em; color:#1a2140;
  display:flex; align-items:center; gap:10px;
}
.letter-section > h2::after{
  content:attr(id); margin-left:auto; font-size:.8rem; font-weight:800; color:#5b69a0;
  background:#fff; border:1px solid var(--bd); border-radius:999px; padding:4px 9px;
}

/* Terimler */
.glossary{display:block}
.term{
  background:var(--card); border:1px solid var(--bd); border-radius:14px;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
  padding:12px 14px; margin:10px 0; transition:transform .15s ease, box-shadow .15s ease;
}
.term:hover{transform:translateY(-2px); box-shadow:0 14px 28px rgba(24,32,64,.08)}
.term h3{margin:0 0 6px; font-weight:800; color:#23336f; font-size:1.02rem}
.term p{margin:0; color:#2e3a5a; line-height:1.55; font-size:.98rem}

/* Arama vurgusu */
mark.hl{
  background:linear-gradient(180deg,#fff1a6,#ffd873);
  padding:0 .15em; border-radius:.25em; box-shadow:inset 0 0 0 1px #ffe28a;
}

/* Boş sonuç mesajı */
#noResults{
  display:none; margin:10px 0; padding:14px; border-radius:12px;
  background:linear-gradient(180deg,#ffffff,#f7f8ff);
  border:1px dashed #dbe0fd; color:#2b3552; font-weight:700;
}

/* Mobil ince ayarlar */
@media (max-width:768px){
  .alphabet-nav{top:64px}
  .letter-section{scroll-margin-top:76px}
  .term{padding:12px}
  .term h3{font-size:1rem}
  .term p{font-size:.95rem}
}