/* Makaleler sayfası arama kutusu — makaleler.php, yöneten: assets/js/makale-ara.js
   Ayrı dosya ve sürüm ekiyle (?v=): style.css tarayıcıda bir ay saklanıyor. */
.ara{margin:0 0 26px}
.ara__kutu{position:relative; display:flex; align-items:center; gap:8px; max-width:560px;
  background:var(--card-2); border:1px solid var(--line); border-radius:var(--pill); padding:6px 6px 6px 48px;
  transition:border-color .2s, background .2s, box-shadow .2s}
.ara__kutu:focus-within{border-color:var(--sage); background:#fff; box-shadow:0 0 0 4px rgba(169,179,148,.22)}
.ara__ic{position:absolute; left:18px; top:50%; transform:translateY(-50%); color:var(--mut); pointer-events:none}
.ara__kutu input{flex:1; min-width:0; height:44px; border:0; background:transparent; outline:none;
  font:16px/1.4 var(--body); color:var(--ink)}   /* 16px: iPhone odaklanınca sayfayı büyütmesin */
.ara__kutu input::placeholder{color:var(--fai)}
.ara__kutu input::-webkit-search-cancel-button{-webkit-appearance:none; appearance:none}   /* kendi × düğmemiz var */
.ara__temizle{flex:none; width:36px; height:36px; border-radius:50%; border:0; background:transparent; color:var(--mut);
  display:grid; place-items:center; cursor:pointer; transition:background .2s, color .2s}
.ara__temizle:hover{background:var(--line); color:var(--ink)}
.ara__temizle[hidden], .ara__git[hidden]{display:none}
.ara__git{flex:none; height:40px; padding:0 20px; border-radius:var(--pill); border:0; background:var(--olive); color:#fff;
  font-family:var(--disp); font-weight:600; font-size:12px; letter-spacing:.06em; cursor:pointer}
.ara__sonuc{margin:12px 0 0 20px; font-family:var(--disp); font-weight:600; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--mut); min-height:1em}
.ara :focus-visible{outline:2px solid var(--olive); outline-offset:2px}
.ara__kutu input:focus-visible{outline:none}   /* kutunun kendisi zaten vurgulanıyor */

/* Gizlenen satırlar: .entry "display:grid" olduğu için [hidden]'ı eziyordu */
.entry[hidden], .ara__yok[hidden]{display:none}
.ara__yok{padding:10px 4px}
/* Aralık "gap" ile: gizlenen satırın komşusu fazladan boşluk almasın */
[data-ara-liste]{display:flex; flex-direction:column; gap:11px}
[data-ara-liste] .entry + .entry{margin-top:0}