.blog-engagement{max-width:780px;margin:48px auto;padding:24px;background:#f4f6f8;color:#152237;border:1px solid #dce1e7;border-radius:12px}
.blog-engagement h2,.blog-engagement h3,.blog-engagement label{color:#152237}
.blog-engagement h3{margin-top:28px}
.blog-engagement form,.blog-engagement label{display:grid;gap:10px}
.blog-engagement form{gap:18px}
.blog-engagement input,.blog-engagement textarea{width:100%;box-sizing:border-box;padding:12px;background:#fff;border:1px solid #748399;border-radius:6px;color:#152237;font:inherit;font-size:16px}
.blog-engagement input::placeholder,.blog-engagement textarea::placeholder{color:#576478;opacity:1}
.blog-engagement .trap{display:none}
.blog-engagement button{font-size:16px}
.blog-engagement button:disabled{opacity:.6}
.blog-engagement p{color:#576478;overflow-wrap:anywhere}
.engagement-buttons{display:flex;flex-wrap:wrap;gap:12px}
.blog-engagement .engagement-buttons button,.blog-engagement form button{min-height:44px;padding:12px 18px;border:1px solid #748399;border-radius:8px;background:#fff;color:#152237;cursor:pointer;font:inherit;font-size:1rem}
.blog-engagement .engagement-buttons button[aria-pressed=true]{background:#0b182b;border-color:#0b182b;color:#fff}
.engagement-buttons span{margin-left:8px;font-weight:700}
.blog-engagement :focus-visible{outline:3px solid #176bbb;outline-offset:3px}
.blog-engagement .share-help{font-size:.875rem;color:#576478}
.blog-engagement form button{background:#bd2333;border-color:#bd2333;color:#fff;font-weight:700}