/* Қосымша әлеуметтік әрекеттер. Негізгі сайт дизайнын өзгертпейді. */
.engagement{margin-top:28px;padding:22px;border:1px solid #ead7bf;border-radius:20px;background:#fffdf9;box-shadow:0 10px 26px rgba(61,34,8,.055);color:#173252}
.engagement-compact{margin-top:18px;padding:15px;border-radius:16px;box-shadow:none;background:#fffaf3}
.engagement-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.engagement-summary form{margin:0}
.like-button{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;border:1px solid #e2c39e;border-radius:999px;background:#fff;color:#8f5721;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.like-button:hover,.like-button.liked{border-color:#c97418;background:#fff0dc;color:#b55715}.like-button>span:first-child{font-size:20px;line-height:1}.like-button b{min-width:20px;padding:2px 6px;border-radius:999px;background:rgba(194,111,31,.11);text-align:center}
.comment-count{color:#8f5721;font-size:14px;font-weight:800;text-decoration:none}.comments-box{margin-top:14px;border-top:1px solid #eedcc6;padding-top:13px}.comments-box>summary{color:#8f5721;font-size:14px;font-weight:800;cursor:pointer;list-style-position:inside}.comments-content{padding-top:15px}
.comment-list{display:grid;gap:10px;margin-bottom:16px;max-height:420px;overflow:auto}.comment-item{padding:12px 14px;border:1px solid #f0dfca;border-radius:13px;background:#fff}.comment-item>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.comment-item strong{color:#082a52;font-size:14px}.comment-item time{color:#9a7a58;font-size:12px}.comment-item p{margin:7px 0 0!important;color:#334b65!important;font-size:14px!important;line-height:1.5!important;font-weight:500!important;white-space:normal}.comments-empty{margin:0 0 14px!important;color:#7c6a57!important;font-size:14px!important}
.comment-form{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr auto;gap:10px;align-items:end}.comment-form label{display:grid;gap:5px;color:#173252;font-size:13px;font-weight:800}.comment-form input,.comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #dfc4a4;border-radius:11px;background:#fff;color:#082a52;font:inherit;font-size:14px;padding:10px 12px;outline:none;resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:#c97418;box-shadow:0 0 0 3px rgba(201,116,24,.1)}.comment-form button{min-height:41px;padding:0 16px;border:0;border-radius:11px;background:#c97418;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.comment-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.poem-content-container>.engagement{max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.engagement{padding:16px}.engagement-compact{padding:13px}.comment-form{grid-template-columns:1fr}.comment-form button{width:100%}.comment-item>div{align-items:flex-start;flex-direction:column;gap:3px}}