.sy-bc {
    display: flex !important; align-items: center; gap: 20px;
    box-sizing: border-box; max-width: 100%; margin: 24px 0; padding: 20px;
    background: #fff; border: 1px solid #d9e3df; border-radius: 12px;
    color: #29362f !important; text-decoration: none !important;
    box-shadow: 0 2px 9px rgba(41,54,47,.04);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.sy-bc:hover { border-color: #477562; box-shadow: 0 3px 12px rgba(41,54,47,.09); }
.sy-bc:focus-visible { outline: 3px solid #2d6b8a; outline-offset: 4px; }
.sy-bc__image { display: block; flex: 0 0 140px; width: 140px; max-width: 35%; }
.sy-bc .sy-bc__image img {
    display: block !important; width: 100% !important; height: 96px !important;
    object-fit: cover; border-radius: 8px; margin: 0 !important;
}
.sy-bc .sy-bc__image--screen img { object-fit: contain; background: #f4f6f5; border: 1px solid #e1e7e3; }
.sy-bc__body { display: block; min-width: 0; flex: 1; }
.sy-bc__label { display: block; font-size: 12px; color: #477562; font-weight: 700; margin-bottom: 6px; }
.sy-bc__title { display: block; font-size: 17px; font-weight: 700; line-height: 1.65; overflow-wrap: anywhere; }
.sy-bc__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.8; color: #52645b; margin-top: 8px; }
.sy-bc__site { display: block; font-size: 11px; color: #65766d; overflow-wrap: anywhere; margin-top: 8px; }
.sy-bc-editor { padding: 16px; border: 1px dashed #88afc7; border-radius: 8px; }
.sy-bc-editor__name { color: #2d6b8a; font-weight: 700; }
.sy-bc-editor .sy-bc { pointer-events: none; }
@media (max-width: 600px) {
    .sy-bc { padding: 14px; gap: 14px; }
    .sy-bc__image { flex-basis: 88px; width: 88px; }
    .sy-bc .sy-bc__image img { height: 70px !important; }
    .sy-bc__title { font-size: 15px; }
    .sy-bc__description { font-size: 13px; }
}