/* Листинг раздела «Советы» — сетка карточек (2026-11-01) */
#posts.rkb-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
#posts.rkb-grid > .clear, #posts.rkb-grid > .center { grid-column:1/-1; }

.rkb-card { background:#303030; border:1px solid #4a4a4a; border-radius:8px; overflow:hidden;
  display:flex; flex-direction:column; transition:border-color .2s, transform .2s; margin:0; }
.rkb-card:hover { border-color:#f0932b; transform:translateY(-3px); }

.rkb-thumb { display:block; height:180px; position:relative; overflow:hidden; }
.rkb-thumb img { width:100%; height:100%; object-fit:cover; display:block; margin:0; }
.rkb-badge { position:absolute; left:14px; top:14px; padding:4px 10px; border-radius:3px;
  font-size:11px; font-weight:700; letter-spacing:.3px; line-height:1.4; }
.rkb-badge.is-new { background:#f0932b; color:#1e1e1e; }
.rkb-badge.is-upd { background:#3f9e6e; color:#fff; }

.rkb-body { padding:18px 20px 20px; display:flex; flex-direction:column; flex:1; }
.rkb-meta { font-size:12px; color:#8f8f8f; margin-bottom:9px; }
.rkb-meta .rkb-upd { color:#f0932b; }
.rkb-title { margin:0 0 9px; font-size:17px; line-height:1.35; font-weight:600; text-transform:none; }
.rkb-title a { color:#fff; }
.rkb-title a:hover { color:#f0932b; }
.rkb-anons { font-size:13px; color:#a8a8a8; line-height:1.55; margin:0 0 14px; flex:1; }
.rkb-more { font-size:13px; color:#f0932b; font-weight:600; }
.rkb-more:hover { text-decoration:underline; color:#f0932b; }

.rkb-card.rkb-featured { grid-column:1/-1; flex-direction:row; }
.rkb-featured .rkb-thumb { width:46%; height:auto; min-height:250px; flex-shrink:0; }
.rkb-featured .rkb-title { font-size:22px; }

.rkb-card.rkb-cta { background:linear-gradient(135deg,#f0932b,#d87f1b); border:none;
  justify-content:center; padding:26px; }
.rkb-cta h3 { color:#1e1e1e; font-size:20px; margin:0 0 7px; text-transform:none; }
.rkb-cta p { color:#45300f; font-size:13px; line-height:1.5; margin:0 0 16px; }
.rkb-cta .rkb-btn { background:#2b2b2b; color:#fff; font-size:13px; font-weight:700;
  padding:11px 20px; border-radius:4px; display:inline-block; width:max-content; }
.rkb-cta .rkb-btn:hover { background:#1a1a1a; color:#fff; }

@media (max-width:767px) {
  #posts.rkb-grid { grid-template-columns:1fr; gap:16px; }
  .rkb-card.rkb-featured { flex-direction:column; }
  .rkb-featured .rkb-thumb { width:100%; height:190px; min-height:0; }
  .rkb-featured .rkb-title { font-size:18px; }
  .rkb-thumb { height:160px; }
}