.nbp-article-recommendation{display:grid;grid-template-columns:minmax(150px,32%) minmax(0,1fr);gap:22px;align-items:center;padding:18px;border:1px solid #786632;border-radius:14px;background:#181a1b;color:inherit;text-decoration:none!important;overflow:hidden;box-sizing:border-box;width:100%}
.nbp-article-recommendation>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px}
.nbp-article-recommendation:not(:has(>img)){grid-template-columns:1fr}
.nbp-article-recommendation-body{min-width:0}
.nbp-article-recommendation h3{font-size:1.15rem;line-height:1.4;margin:6px 0!important;color:#fff}
.nbp-article-recommendation p{font-size:.95rem;line-height:1.6;margin:8px 0!important;color:#d4d8df;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nbp-article-recommendation-label{font-size:.8rem;color:#d8b85a}
.nbp-article-recommendation-more{display:block;margin-top:10px;color:#e4c46a;font-weight:600}
a.nbp-article-recommendation:hover{border-color:#e4c46a;background:#202222}
a.nbp-article-recommendation:focus-visible{outline:3px solid #e4c46a;outline-offset:4px}
.ab-recommendation-editor input{display:block;width:100%;box-sizing:border-box;padding:10px;margin-top:8px;background:#10151b;border:1px solid #686868;border-radius:6px;color:white}
.ab-recommendation-result{display:block;width:100%;text-align:left;padding:10px;margin:5px 0;color:white;background:#252a32;border:1px solid #777;border-radius:6px;cursor:pointer}
.ab-recommendation-result:hover{border-color:#e4c46a}
.ab-link-rich-editor{min-height:100px;padding:12px;border:1px solid #626674;border-radius:8px;background:#111720;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere}
.ab2-editable a,.nbp-html a{color:#e4c46a;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.nbp-article-recommendation{grid-template-columns:1fr;gap:12px;padding:14px}.nbp-article-recommendation>img{max-height:240px}}