.engagement{margin-top:48px;padding-top:28px;border-top:4px solid var(--red)}
.engagement h2{margin:0;color:var(--red-deep);font-size:clamp(1.55rem,3vw,2.2rem)}
.engagement-summary{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.engagement-pill,.engagement button,.share-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);font:800 .88rem/1.3 "Nirmala UI",Arial,sans-serif;text-decoration:none;cursor:pointer}
.engagement-pill strong{color:var(--red)}
.like-button[aria-pressed="true"]{border-color:var(--red);background:#fff0f1;color:var(--red)}
.share-tools{padding:20px;background:var(--soft);border-left:5px solid var(--gold)}
.share-tools h3{margin:0 0 12px;font-size:1.1rem}
.share-row{display:flex;flex-wrap:wrap;gap:9px}
.share-link:hover,.share-link:focus-visible,.engagement button:hover,.engagement button:focus-visible{border-color:var(--red);outline:2px solid #f1c9ca;outline-offset:2px}
.comment-area{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin-top:26px}
.comment-form,.comment-list-wrap{padding:24px;border:1px solid var(--line);background:#fff}
.comment-form h3,.comment-list-wrap h3{margin:0 0 14px;color:var(--red-deep)}
.comment-form label{display:block;margin:14px 0 6px;font-weight:800}
.comment-form input,.comment-form textarea{width:100%;padding:11px 12px;border:1px solid #bfb5ae;background:#fff;color:var(--ink);font:inherit}
.comment-form textarea{min-height:132px;resize:vertical}
.comment-form button{margin-top:14px;border:0;background:var(--red);color:#fff}
.comment-form button:disabled{opacity:.6;cursor:wait}
.comment-help,.comment-status,.comments-empty{color:var(--muted);font-size:.9rem}
.comment-status{min-height:1.5em;margin:12px 0 0;font-weight:700}
.comment-item{padding:16px 0;border-bottom:1px solid var(--line)}
.comment-item:last-child{border-bottom:0}
.comment-item h4{margin:0 0 3px;font-size:1rem}
.comment-item time{color:var(--muted);font-size:.78rem}
.comment-item p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.comment-area{grid-template-columns:1fr}.comment-form,.comment-list-wrap{padding:20px}.engagement-summary>*{flex:1 1 auto}.share-row>*{flex:1 1 calc(50% - 9px)}}
