:root{
  --ana-card-radius:14px;
  --ana-gap:16px;
  --ana-avatar-size:72px;
  --ana-link: inherit;
  --ana-link-hover: inherit;
  --ana-cols-desk: 3;
  --ana-cols-tab: 2;
  --ana-cols-mob: 1;
  --ana-lines: 2;
}
/* Widget kendi katmanında kalsın */
.ana-widget{ position:relative; isolation:isolate; z-index:1; display:block }
.ana-list-frontend{ display:flex; flex-direction:column; gap:var(--ana-gap) }

/* Stil: card & flat */
.ana-style-card .ana-author{
  display:flex; align-items:center; gap:12px;
  background:#fff; border:1px solid #e5e7eb;
  border-radius:var(--ana-card-radius); padding:12px 14px;
  box-shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.03);
}
.ana-style-card .ana-author:hover{ background:rgba(0,0,0,.03) }
.ana-style-flat .ana-author{
  display:flex; align-items:center; gap:12px;
  background:transparent; border:1px solid rgba(0,0,0,.08);
  border-radius:var(--ana-card-radius); padding:10px 12px;
  box-shadow:none;
}

/* Avatar: orijinal oran; circle seçilirse kırp */
.ana-avatar{ max-width:var(--ana-avatar-size); max-height:var(--ana-avatar-size); flex:0 0 auto }
.ana-avatar img.avatar{
  width:auto !important; height:auto !important;
  max-width:var(--ana-avatar-size) !important; max-height:var(--ana-avatar-size) !important;
  object-fit:contain !important; border-radius:8px; box-shadow:none;
}
.ana-widget[data-avatar-shape="circle"] .ana-avatar img.avatar{
  width:var(--ana-avatar-size) !important; height:var(--ana-avatar-size) !important;
  object-fit:cover !important; border-radius:50%;
}

/* Metinler ve link renkleri */
.ana-meta{ display:flex; flex-direction:column; gap:4px; min-width:0 }
.ana-name{ font-weight:700; line-height:1.2; margin:0 }
.ana-latest{
  color: var(--ana-link);
  display:-webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--ana-lines);
  overflow:hidden; text-overflow:ellipsis;
  white-space:normal; line-height:1.35;
}
.ana-latest:hover{ color: var(--ana-link-hover); text-decoration:underline }
.ana-none{ opacity:.6 }

/* Horizontal grid - değişken kolonlar */
.ana-layout-horizontal .ana-list-frontend{
  display:grid; gap:var(--ana-gap);
  grid-template-columns: repeat(var(--ana-cols-desk), 1fr);
}
@media (max-width: 1024px){
  .ana-layout-horizontal .ana-list-frontend{ grid-template-columns: repeat(var(--ana-cols-tab), 1fr); }
}
@media (max-width: 640px){
  .ana-layout-horizontal .ana-list-frontend{ grid-template-columns: repeat(var(--ana-cols-mob), 1fr); }
}

.ana-layout-horizontal .ana-author{ flex-direction:column; align-items:center; text-align:center }
.ana-layout-horizontal .ana-meta{ align-items:center }