.pn-comments{margin-top:30px;scroll-margin-top:85px}.pn-comments>h3{font-size:1.2rem;border-bottom:2px solid var(--primary-red,#e11d48);padding-bottom:10px;margin-bottom:18px}.pn-comments>h3 span{font-size:1rem;color:#64748b}
.pn-comment-form{margin:12px 0 20px}.pn-comment-form label,.pn-comment-report label{display:grid;gap:8px;font-size:14px}.pn-comment-form textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-family:var(--font-body);font-size:17px;line-height:1.6;min-height:100px;background:#fff;color:#172033}
.pn-comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.pn-comment-form-footer span{font-size:12px;color:#64748b}
.pn-comment-form button,.pn-comment-report button,.pn-comment-moderate button{background:#10192d;color:#fff;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;font:inherit;font-size:14px}
.pn-comment-notice,.pn-comment-login{padding:14px;border:1px solid #dce1e8;border-radius:8px;background:#f8fafc}.pn-comment-login a,.pn-comment-pagination a{color:#be123c;text-decoration:underline}.pn-comment-empty,.pn-comment-account{font-size:14px;color:#64748b}
.pn-comment{padding:20px 0;border-bottom:1px solid #e2e8f0;min-width:0}.pn-comment header{display:flex;align-items:center;gap:10px}.pn-comment-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef2f6;color:#334155;font-weight:600}.pn-comment time{display:block;color:#64748b;font-size:12px;margin-top:3px}.pn-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-body);font-size:17px;line-height:1.7;margin:12px 0;color:#334155}.pn-comment blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #cbd5e1;background:#f8fafc;overflow-wrap:anywhere;font-size:14px}.pn-comment blockquote span{color:#64748b}
.pn-comment-actions details{margin-top:10px}.pn-comment-actions summary{font-size:13px;color:#475569;cursor:pointer;width:fit-content}.pn-comment-report{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:12px}.pn-comment-report select{padding:8px;border:1px solid #cbd5e1;border-radius:5px;font:inherit}
.pn-comment-pagination,.pn-comment-moderate{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.pn-comment-pagination [aria-current]{font-weight:700}.pn-comment-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pn-comments :focus-visible{outline:2px solid #e11d48;outline-offset:3px}
.pn-moderation-cards{display:grid;gap:18px;margin-top:24px}
.pn-moderation-cards .pn-moderation-card{padding:22px;border:1px solid #dce3ec;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.04);overflow-wrap:anywhere}
.pn-moderation-card>a{display:block;margin-bottom:10px;color:#1e40af;text-decoration:none;font-weight:600}
.pn-moderation-card>a:hover{text-decoration:underline}
.pn-moderation-card>p:not(.pn-comment-body){font-size:13px;color:#64748b;line-height:1.6}
.pn-moderation-card .pn-comment-body{padding:14px 16px;background:#f8fafc;border-radius:8px;margin:16px 0}
.pn-moderation-card .pn-comment-moderate{margin:0;padding-top:16px;border-top:1px solid #e8edf3;gap:10px}
.pn-moderation-card :focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:540px){.pn-moderation-cards .pn-moderation-card{padding:16px}.pn-moderation-card .pn-comment-moderate button{flex:1}}
@media(max-width:540px){.pn-comment-form-footer{align-items:stretch;flex-direction:column}.pn-comment-form-footer button{align-self:flex-start}}