/* (same CSS as 2.1.0) */
.cogito-blog-wrap{
  --c-bg: transparent;
  --c-card-bg: #fff;
  --c-divider: rgba(0,0,0,.08);
  --c-title: #111;
  --c-text: #333;
  --c-meta: #666;
  --c-accent: #c7152b;
  --cat-color: var(--c-accent);
  --readmore-color: var(--c-accent);
  --c-btn-bg: #111;
  --c-btn: #fff;
  --c-btn-bg-h: #333;
  --c-btn-h: #fff;
  --rows-thumb-w: 34%;
  --rows-aspect: 16/9;
  --grid-aspect: 16/9;
  --c-radius: 16px;
  --gap: 16px;
  --card-pad: 16px;
  --cols-d: 3; --cols-t: 2; --cols-m: 1;
  --shadow: var(--shadow-sm);
  --shadow-none: none;
  --shadow-sm: 0 2px 10px rgba(0,0,0,.06);
  --shadow-md: 0 6px 18px rgba(0,0,0,.10);
  --shadow-lg: 0 10px 28px rgba(0,0,0,.16);
  --avatar-size: 28px;
  --excerpt-lines: 2;
  background: var(--c-bg);
}
.cogito-blog-wrap .cogito-grid{ display:grid; gap:var(--gap); }
.cogito-blog-wrap.style-rows .cogito-grid{ grid-template-columns:1fr; }
.cogito-blog-wrap.style-grid .cogito-grid{ grid-template-columns: repeat(var(--cols-m), 1fr); }
@media (min-width:768px){ .cogito-blog-wrap.style-grid .cogito-grid{ grid-template-columns: repeat(var(--cols-t), 1fr);} }
@media (min-width:1025px){ .cogito-blog-wrap.style-grid .cogito-grid{ grid-template-columns: repeat(var(--cols-d), 1fr);} }
.cogito-card{ display:flex; background: var(--c-card-bg); border:1px solid var(--c-divider); border-radius: var(--c-radius); overflow:hidden; box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease; }
.cogito-card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-md); }
.style-rows.img-right .cogito-card{ flex-direction:row-reverse; }
.style-rows.img-left .cogito-card{ flex-direction:row; }
.style-grid .cogito-card{ flex-direction:column; }
.cogito-thumb{ position:relative; flex:0 0 var(--rows-thumb-w); max-width:var(--rows-thumb-w); }
.style-grid .cogito-thumb{ flex:0 0 auto; max-width:100%; }
.cogito-thumb img{ width:100%; height:100%; object-fit:cover; aspect-ratio: var(--rows-aspect); display:block; }
.style-grid .cogito-thumb img{ aspect-ratio: var(--grid-aspect); }
.cogito-thumb.placeholder svg{ display:block; width:100%; height:100%; aspect-ratio: var(--rows-aspect); }
.cogito-cat-badge{ position:absolute; top:10px; inset-inline-start:10px; background:var(--cat-color); color:#fff; font-weight:800; padding:6px 10px; border-radius:999px; }
.cogito-cat-badge a{ color:#fff; text-decoration:none; }
.cogito-card-body{ flex:1; padding:var(--card-pad); display:flex; flex-direction:column; justify-content:center; }
.cogito-blog-wrap.rows-dividers .cogito-card{ border:0; border-bottom:1px solid var(--c-divider); border-radius: var(--c-radius); background: var(--c-card-bg); padding-bottom:16px; box-shadow: none; }
.cogito-blog-wrap.rows-dividers .cogito-card:hover{ transform:none; box-shadow:none; }
.cogito-title{ margin:0 0 6px; font-size:24px; color: var(--c-title); }
.cogito-title a{ color:inherit; text-decoration:none; }
.cogito-title a:hover{ color:var(--c-accent); }
.cogito-meta{ color: var(--c-meta); font-size:13px; margin-bottom:6px; display:flex; align-items:center; gap:10px; }
.cogito-meta .cogito-sep{ opacity:.6; }
.cogito-avatar img{ width:var(--avatar-size); height:var(--avatar-size); border-radius:999px; display:inline-block; }
.cogito-cat-wrap{ margin-bottom:4px; }
.cogito-cat{ color: var(--cat-color); font-weight:800; text-decoration:none; letter-spacing:.3px; }
.cogito-cat::after{ content:' —'; color: var(--cat-color); font-weight:800; margin-inline-start:6px; }
.cogito-excerpt{ color: var(--c-text); margin-bottom:6px; display:-webkit-box; -webkit-line-clamp: var(--excerpt-lines); -webkit-box-orient: vertical; overflow:hidden; }
.cogito-readmore{ color: var(--readmore-color); font-weight:700; text-decoration:none; }
.cogito-btn{ display:inline-block; padding:8px 14px; border-radius:999px; background:var(--c-btn-bg); color:var(--c-btn); text-decoration:none; }
.cogito-btn:hover{ background: var(--c-btn-bg-h); color: var(--c-btn-h); }
.cogito-toolbar{ display:flex; gap:10px; justify-content:space-between; align-items:center; margin-bottom:10px; }
.cogito-toolbar .filters{ display:flex; gap:8px; flex-wrap:wrap; }
.cogito-toolbar .filters button{ border:1px solid var(--c-divider); background:#fff; padding:6px 10px; border-radius:999px; cursor:pointer; }
.cogito-toolbar .filters button.active{ background: var(--c-accent); color:#fff; border-color: var(--c-accent); }
.cogito-toolbar .search{ margin-inline-start:auto; display:flex; gap:6px; }
.cogito-toolbar .search input{ padding:6px 10px; border:1px solid var(--c-divider); border-radius:8px; }
.cogito-toolbar .sort{ margin-inline-start:auto; display:flex; gap:6px; align-items:center; }
.cogito-toolbar select{ padding:6px 10px; border:1px solid var(--c-divider); border-radius:8px; background:#fff; }
.cogito-pagination{ display:flex; justify-content:center; margin-top:10px; }
.cogito-load-more{ padding:10px 16px; border:0; border-radius:999px; background: var(--c-btn-bg); color: var(--c-btn); font-weight:700; cursor:pointer; }
.cogito-load-more:hover{ background: var(--c-btn-bg-h); color: var(--c-btn-h); }
.cogito-pages{ display:flex; gap:6px; }
.cogito-pages button{ border:1px solid var(--c-divider); background:#fff; padding:6px 10px; border-radius:8px; cursor:pointer; }
.cogito-pages button.active{ background: var(--c-accent); color:#fff; border-color: var(--c-accent); }
.cogito-skeleton .cogito-card{ position:relative; overflow:hidden; }
.cogito-skeleton .cogito-card::after{ content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0.02) 100%); animation: cogito-shimmer 1.2s infinite; }
@keyframes cogito-shimmer{ 0%{transform:translateX(-100%);} 100%{transform:translateX(100%);} }
@media (max-width:767px){
  .style-rows .cogito-card{ flex-direction: column; border-radius: var(--c-radius); border:1px solid var(--c-divider); }
  .cogito-blog-wrap.rows-dividers .cogito-card{ border:0; border-bottom:1px solid var(--c-divider); border-radius: var(--c-radius); }
  .cogito-thumb{ max-width:100%; flex-basis:auto; }
  .mobile-img-after .cogito-card{ flex-direction: column-reverse; }
}