.article-engagement{border-top:1px solid #d9dee6;margin-top:34px;padding-top:26px}.article-engagement-summary{border-bottom:1px solid #e9ecef;align-items:center;gap:22px;padding-bottom:20px;display:flex}.article-like-button,.article-comment-count{color:#6b7280;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:.92rem;font-weight:700;display:inline-flex}.article-like-button:hover,.article-like-button.is-liked{color:#dc3545}.article-like-button:disabled{opacity:.65}.article-comments-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:26px 0 16px;display:flex}.article-comments-heading h2{color:#111827;margin:0 0 4px;font-size:1.25rem;font-weight:800}.article-comments-heading p{color:#6b7280;margin:0;font-size:.9rem}.article-comment-form,.article-reply-form{background:#f8f9fa;border:1px solid #dce1e7;border-radius:14px;flex-direction:column;align-items:flex-end;gap:10px;margin-bottom:22px;padding:14px;display:flex}.article-comment-form textarea,.article-reply-form textarea{resize:vertical;border-color:#d6dce4}.article-comments-loading,.article-comments-empty{color:#6b7280;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:28px 16px;font-size:.92rem;font-weight:700;display:flex}.article-comment-list{flex-direction:column;gap:16px;display:flex}.article-comment-card{background:#fff;border:1px solid #e1e5ea;border-radius:16px;padding:18px;box-shadow:0 5px 16px #0f172a0d}.article-comment-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.article-comment-header time{color:#6b7280;flex-shrink:0;font-size:.75rem;font-weight:700}.article-comment-text{color:#1f2937;overflow-wrap:anywhere;margin:14px 2px;font-size:.96rem;line-height:1.65}.article-comment-reply{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:10px;margin-top:14px;padding:14px}.article-comment-actions{border-top:1px solid #edf0f3;align-items:center;gap:18px;padding-top:10px;display:flex}.article-comment-actions button{color:#6b7280;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.8rem;font-weight:700;display:inline-flex}.article-comment-actions button:hover,.article-comment-actions button.is-liked{color:#dc3545}.article-reply-form{background:#fff;align-items:stretch;margin:14px 0}.article-reply-form>div{justify-content:flex-end;display:flex}.article-comment-text .forumYoutubeEmbedWrap{aspect-ratio:16/9;background:#111827;border-radius:12px;width:min(100%,720px);margin:12px 0;position:relative;overflow:hidden}.article-comment-text .forumYoutubeEmbedWrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.article-dialog-backdrop{z-index:2100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;place-items:center;padding:22px;animation:.16s ease-out article-dialog-fade-in;display:grid;position:fixed;inset:0}.article-dialog{text-align:center;background:#fff;border:1px solid #ffffffb8;border-radius:24px;width:min(100%,420px);padding:30px;animation:.2s ease-out article-dialog-rise-in;position:relative;box-shadow:0 28px 70px #0f172a4d}.article-dialog-close{color:#64748b;background:#f1f5f9;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;position:absolute;top:14px;right:14px}.article-dialog-close:hover{color:#334155;background:#e2e8f0}.article-dialog-close:focus-visible,.article-dialog-secondary:focus-visible,.article-dialog-primary:focus-visible,.article-dialog-danger:focus-visible{outline-offset:2px;outline:3px solid #0d6efd3d}.article-dialog-icon{border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:1.35rem;display:inline-flex}.article-dialog-icon.is-auth{color:#198754;background:#ecfdf5}.article-dialog-icon.is-danger{color:#dc3545;background:#fef2f2}.article-dialog h3{color:#172033;letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:850}.article-dialog p{color:#64748b;margin:10px auto 0;font-size:.93rem;line-height:1.55}.article-dialog-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.article-dialog-secondary,.article-dialog-primary,.article-dialog-danger{border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:.7rem 1.15rem;font-size:.82rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.article-dialog-secondary{color:#64748b;background:#fff;border:1px solid #dbe2ea}.article-dialog-secondary:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.article-dialog-primary{color:#fff;background:#198754;border:1px solid #198754;box-shadow:0 8px 20px #19875438}.article-dialog-primary:hover{color:#fff;background:#146c43;border-color:#146c43}.article-dialog-danger{color:#fff;background:#dc3545;border:1px solid #dc3545;box-shadow:0 8px 20px #dc354533}.article-dialog-danger:hover{background:#bb2d3b;border-color:#bb2d3b}@keyframes article-dialog-fade-in{0%{opacity:0}}@keyframes article-dialog-rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (max-width:767px){.article-engagement{margin-top:26px;padding-top:22px}.article-comment-form,.article-reply-form{align-items:stretch}.article-comment-header{flex-direction:column;gap:7px}.article-comment-card{padding:15px}.article-comment-actions{flex-wrap:wrap}.article-dialog-backdrop{padding:16px}.article-dialog{border-radius:20px;padding:28px 20px 22px}.article-dialog-actions{flex-direction:column-reverse}.article-dialog-secondary,.article-dialog-primary,.article-dialog-danger{width:100%}}@media (prefers-reduced-motion:reduce){.article-dialog-backdrop,.article-dialog{animation:none}}