.post-actions{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #e8edf2;flex-wrap:wrap}
.post-action-form{display:inline-flex;margin:0}
.post-action{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce5e9;border-radius:999px;background:#fff;color:#24334a;padding:8px 13px;font:inherit;font-size:.9rem;cursor:pointer}
.post-action:hover{border-color:#14866d;color:#08775f}
.post-action.is-active{background:#e8f6f0;border-color:#9ed7c2;color:#08775f;font-weight:650}
.comments-area{margin-top:14px}
.comments-heading{font-size:.94rem;font-weight:700;margin:0 0 10px}
.comment-list{display:grid;gap:10px;margin-bottom:12px}
.comment-item{background:#f7f9fb;border-radius:12px;padding:10px 12px}
.comment-meta{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}
.comment-meta a{font-weight:700;color:#10203f;text-decoration:none}
.comment-meta small{color:#697789;font-size:.78rem}
.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.comment-form{display:flex;gap:8px;align-items:flex-end}
.comment-form textarea{flex:1;min-width:0;resize:vertical;min-height:42px;max-height:140px;border:1px solid #d6e0e7;border-radius:12px;padding:10px 12px;font:inherit}
.comment-form button{white-space:nowrap}
@media(max-width:560px){.comment-form{align-items:stretch;flex-direction:column}.comment-form button{align-self:flex-end}}

/* Position the three-dot menu in the comment header */
.mv-comment {
    position: relative !important;
}

.mv-comment > .mv-item-head {
    position: relative !important;
    padding-right: 44px !important;
}

.mv-comment > details.mv-menu {
    position: absolute !important;
    top: 4px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    z-index: 100 !important;
}

.mv-comment > details.mv-menu > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    cursor: pointer;
}

.mv-comment > details.mv-menu > .mv-menu-panel {
    position: absolute !important;
    top: 36px !important;
    right: 0 !important;
    left: auto !important;
    width: 220px !important;
    max-width: calc(100vw - 32px) !important;
    z-index: 1000 !important;
}



/* Mobile only: hide comment action dots; leave post menus and desktop unchanged. */
@media (max-width: 640px) {
  .mv-comment > details.mv-menu {
    display: none !important;
  }
}