.b10bw{--b10-gap:32px;--b10-sidebar-w:31%;--b10-media-h:242px;--b10-accent:#2a78ff;width:100%;background:#fff}
.b10bw *{box-sizing:border-box}
.b10bw-grid{display:grid;grid-template-columns:minmax(0, calc(100% - var(--b10-sidebar-w) - var(--b10-gap))) var(--b10-sidebar-w);gap:var(--b10-gap);align-items:start}
.b10bw-main{display:flex;flex-direction:column;gap:36px;min-width:0}
.b10bw-post-card{display:grid;grid-template-columns:minmax(0,1fr) 1fr;border:1px solid #e9e9e9;border-radius:10px;overflow:hidden;background:#fff}
.b10bw-post-content{padding:18px 18px 16px;display:flex;flex-direction:column;min-height:100%}
.b10bw-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.b10bw-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:10px;line-height:1;color:var(--b10-accent);background:#eef5ff;border-radius:4px;font-weight:600}
.b10bw-post-title{margin:0 0 12px;font-size:24px;line-height:1.18;color:#161616;font-weight:700;letter-spacing:-.02em}
.b10bw-post-excerpt{color:#6f6f6f;font-size:15px;line-height:1.85;margin-bottom:18px}
.b10bw-post-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.b10bw-meta{display:inline-flex;align-items:center;gap:6px;color:#777;font-size:12px}
.b10bw-readmore{display:inline-flex;align-items:center;gap:8px;color:#444;font-size:12px;font-weight:600;text-decoration:none}
.b10bw-post-media{position:relative;min-height:var(--b10-media-h);text-decoration:none;overflow:hidden}
.b10bw-post-media img{width:100%;height:100%;object-fit:cover;display:block}
.b10bw-media-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);display:inline-flex;align-items:center;justify-content:center;color:#6f7687;box-shadow:0 10px 30px rgba(0,0,0,.08);font-size:18px}
.b10bw-sidebar{display:block;align-self:start;min-width:0}
.b10bw-sidebar-inner{display:flex;flex-direction:column;gap:24px}
.b10bw-sidebar-box{background:#fff}
.b10bw-side-title{margin:0 0 12px;font-size:16px;line-height:1.25;color:#191919;font-weight:700}
.b10bw-search-wrap{position:relative}
.b10bw-input{width:100%;height:40px;border:1px solid #e9e9e9;border-radius:6px;padding:0 42px 0 14px;font-size:13px;color:#555;outline:none}
.b10bw-search-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#b9b9b9;font-size:14px}
.b10bw-promo-card{position:relative;min-height:250px;border-radius:3px;overflow:hidden}
.b10bw-promo-card img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block}
.b10bw-promo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.56))}
.b10bw-promo-content{position:absolute;inset:auto 14px 14px 14px;color:#fff}
.b10bw-promo-badge{display:inline-flex;padding:4px 8px;border-radius:4px;background:rgba(255,255,255,.18);color:#fff;font-size:10px;font-weight:600;line-height:1;margin-bottom:10px}
.b10bw-promo-title{color:#fff;font-size:20px;line-height:1.18;font-weight:700;margin-bottom:10px;letter-spacing:-.02em}
.b10bw-promo-btn{display:inline-flex;align-items:center;gap:8px;color:#e6e6e6;font-size:13px;font-weight:600}
.b10bw-tags{display:flex;flex-wrap:wrap;gap:8px}
.b10bw-tag{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;background:#f7f7f7;border:1px solid #ececec;border-radius:6px;font-size:12px;color:#666;line-height:1}
.b10bw-recent-list{display:flex;flex-direction:column;gap:10px}
.b10bw-recent-item{position:relative;height:52px;border-radius:4px;overflow:hidden;display:block;text-decoration:none}
.b10bw-recent-item img{width:100%;height:100%;object-fit:cover;display:block}
.b10bw-recent-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,36,55,.78),rgba(32,36,55,.34))}
.b10bw-recent-title{position:absolute;inset:auto 12px 10px 12px;color:#fff;font-size:12px;line-height:1.25;font-weight:600;max-width:80%}
.b10bw-categories{display:flex;flex-direction:column;gap:10px}
.b10bw-category-item{min-height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #ececec;border-radius:4px;background:#fff;color:#666;font-size:12px;text-align:center;padding:10px 14px;text-decoration:none}
.b10bw-empty{padding:18px;border:1px solid #e9e9e9;border-radius:10px;color:#666;font-size:14px;background:#fff}

@media (max-width:1024px){
  .b10bw-post-card{grid-template-columns:minmax(0,1fr)}
  .b10bw-post-media{min-height:260px;order:-1}
  .b10bw-post-title{font-size:22px}
}

@media (max-width:767px){
  .b10bw-grid{grid-template-columns:1fr}
  .b10bw-sidebar{display:none !important}
  .b10bw-main{gap:22px}
  .b10bw-post-card{border-radius:12px}
  .b10bw-post-content{padding:16px}
  .b10bw-post-title{font-size:22px}
  .b10bw-post-excerpt{font-size:14px;line-height:1.75}
  .b10bw-post-footer{flex-wrap:wrap}
  .b10bw-post-media{min-height:220px}
}