/* ProwessApps lesson progress and discussion */
.progress-complete-box {
    position: relative;
    width: 100%;
    max-width: none;
    overflow: hidden;
    background: linear-gradient(145deg, #f8fbff 0%, #f1f7ff 100%);
    border-color: #cbdced;
    border-left: 4px solid var(--pa-tutorial-blue, #1769e0);
}
.progress-complete-box h2 { margin: 0 0 .65rem; color: var(--pa-tutorial-navy, #17324d); }
.progress-complete-box form { margin: 0; }
.progress-complete-box .btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; }
.pa-discussion-wrapper {
    width: 100%;
    max-width: none;
    margin-block: 1rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    background: #fff;
    border: 1px solid #d8e2ec;
    border-radius: .75rem;
}

.pa-discussion-wrapper > :first-child {
    margin-top: 0;
}

.tutorial-article .pa-discussion-wrapper > h2,
.pa-discussion-wrapper h2 {
    margin: 0 0 0.75rem;
    margin-top: 0;
    color: var(--pa-tutorial-navy, #17324d);
    font-size: clamp(1.35rem, 2vw, 1.6rem);
    line-height: 1.15;
}

.pa-discussion-wrapper > p {
    width: 100%;
    max-width: none;
    margin-bottom: 1rem;
}

.pa-discussion-guest-message {
    margin-top: 1rem;
    padding: 1rem;
    background: #f8fbff;
    border: 1px solid #dbe7f4;
    border-radius: 0.65rem;
}

.pa-discussion-guest-message .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}
.pa-comment-list { display: flex; flex-direction: column; margin-block: 1rem; max-height: 350px; overflow-y: auto; padding-right: 0.5rem; }
.pa-comment-list::-webkit-scrollbar { width: 6px; }
.pa-comment-list::-webkit-scrollbar-track { background: transparent; }
.pa-comment-list::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 4px; }
.pa-comment-list::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; }
.pa-thread-root { padding: 1rem 0; background: transparent; border-bottom: 1px solid #e2e8f0; }
.pa-thread-root:last-child { border-bottom: none; }
.pa-comment-meta { display: flex; align-items: center; gap: 0.4rem; font-size: 0.9rem; margin-bottom: 0.4rem; }
.pa-comment-meta strong { color: #1e293b; font-weight: 600; }
.pa-comment-meta time { color: #64748b; font-size: 0.85rem; }
.pa-comment-body { color: #334155; line-height: 1.6; margin-bottom: 0.75rem; width: 100%; max-width: none; overflow-wrap: anywhere; }
.pa-reply-body { color: #334155; line-height: 1.5; width: 100%; max-width: none; overflow-wrap: anywhere; }
.pa-avatar { object-fit: cover; flex-shrink: 0; }
.pa-comment-actions { display: flex; align-items: center; gap: 1rem; }
.pa-comment-actions button { font-size: 0.85rem; font-weight: 600; color: #64748b; padding: 0; }
.pa-comment-actions button:hover { color: #0f172a; text-decoration: none; }
.pa-thread-replies { margin-top: 0.5rem; padding-left: 1rem; border-left: 2px solid #f1f5f9; }
.pa-reply-item { padding: 0.5rem 0; }
.pa-reply-item:not(:last-child) { border-bottom: 1px solid #f8fafc; }
.pa-comment-form, .pa-reply-form { margin-top: 1rem; }
@media (max-width: 575.98px) {
    .progress-complete-box .btn,
    .progress-complete-box form,
    .progress-complete-box form .btn { width: 100%; }
}

.pa-discussion-title { display: flex; align-items: center; gap: 0.5rem; color: var(--pa-tutorial-blue, #1769e0); }
.pa-discussion-intro { margin-bottom: 1rem; color: #64748b; font-size: 0.95rem; }
.pa-discussion-login-notice { padding: 1rem; color: #37474f; background: #e0f7fa; border: 1px solid #b2ebf2; border-radius: 0.5rem; }
.pa-avatar { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; color: #fff; font-weight: 600; background: #64748b; border-radius: 50%; object-fit: cover; }
.pa-avatar-root { width: 32px; height: 32px; font-size: 14px; }
.pa-avatar-reply { width: 24px; height: 24px; font-size: 11px; }
.pa-reply-count { font-size: 0.85rem; color: #64748b; font-weight: 500; }
.pa-new-discussion { margin-top: 1rem; }
.pa-new-discussion h3 { font-size: 1.1rem; color: var(--pa-tutorial-navy, #17324d); margin-bottom: 0.25rem; }
.pa-new-discussion p { font-size: 0.9rem; color: #64748b; margin-bottom: 0.75rem; }
.pa-reply-form-heading { font-size: 0.85rem; color: #64748b; margin-bottom: 0.5rem; }

/* Replaced inline styles */
.pa-discussion-hr { border-color: #cbdced; }
.pa-pending-badge { font-size: 0.75em; }
.pa-discussion-alert { font-size: 0.9em; }
.pa-tutorial-breadcrumb { font-size: 0.9rem; }
.pa-read-time-icon { color: #6f42c1; }