/* A compact, high-visibility discussion entry point; native comments stay deferred. */
#comments {
    --pfpc-comments-control-accent: var(--pfpc-user-accent, var(--pfpc-comment-accent, #8e0202));
    --pfpc-comments-control-contrast: #fff;
}
#comments.pfpc-comments-deferred { width: 100%; min-width: 0; margin: 0; padding: 0; padding-inline: clamp(12px, 2vw, 20px); box-sizing: border-box; box-shadow: none; }
#comments.pfpc-comments-deferred:has(> .pfpc-comments-toggle[aria-expanded="false"]) { padding-inline: 0; }
/* Override the theme's white #comments surface only while the card is closed. */
#comments.pfpc-comments-deferred:has(> .pfpc-comments-toggle[aria-expanded="false"]) { border-radius: 12px; background: transparent !important; }
#comments.pfpc-comments-deferred:has(> .pfpc-comments-toggle[hidden]) { padding-block: clamp(12px, 2vw, 20px); }
#comments .pfpc-comments-toggle {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    min-height: 96px;
    padding: 20px;
    border: 0;
    border-radius: 12px;
    background: var(--pfpc-comment-surface, #fff);
    color: var(--pfpc-comment-text, #242b38);
    text-decoration: none;
    box-shadow: none;
    font: inherit;
    text-align: start;
    cursor: pointer;
}
#comments .pfpc-comments-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--pfpc-comments-control-accent);
    color: var(--pfpc-comments-control-contrast);
}
#comments .pfpc-comments-summary { display: grid; gap: 4px; min-width: 0; }
#comments .pfpc-comments-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 20px; font-weight: 700; line-height: 1.2; }
#comments .pfpc-comments-count { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 24px; padding: 0 8px; height: 24px; flex-shrink: 0; align-self: center; transform: translateY(2px); box-sizing: border-box; border-radius: 20px; background: var(--pfpc-comments-control-accent); color: var(--pfpc-comments-control-contrast); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; }
#comments .pfpc-comments-invite { color: var(--pfpc-comment-muted, #626c7c); font-size: 13px; line-height: 1.4; }
#comments .pfpc-comments-action { display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 8px; background: var(--pfpc-comments-control-accent); color: var(--pfpc-comments-control-contrast); font-size: 13px; font-weight: 700; line-height: 1.4; }
#comments .pfpc-comments-action svg { flex-shrink: 0; transition: transform 160ms ease; }
#comments .pfpc-comments-toggle[aria-expanded="true"] .pfpc-comments-action svg { transform: rotate(180deg); }
#comments .pfpc-comments-toggle:focus-visible { outline: 3px solid var(--pfpc-comments-control-accent); outline-offset: 3px; }
#comments .pfpc-comments-toggle[aria-disabled="true"] { opacity: 0.7; cursor: wait; }
#comments .pfpc-comments-toggle[hidden] { display: none; }
#comments .pfpc-comments-status { margin: 8px 0 0; color: var(--pfpc-comment-muted, #626c7c); font-size: 12px; }
#comments .pfpc-comments-status:empty { display: none; }
#comments #pfpc-comments-content:not([hidden]) { margin-top: 22px; }
#comments:has(> .pfpc-comments-toggle[hidden]) #pfpc-comments-content:not([hidden]) { margin-top: 0; }
@media (max-width: 520px) {
    #comments .pfpc-comments-toggle { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 16px; }
    #comments .pfpc-comments-icon { width: 40px; height: 40px; border-radius: 11px; }
    #comments .pfpc-comments-heading { font-size: 18px; }
    #comments .pfpc-comments-action { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
    #comments .pfpc-comments-toggle, #comments .pfpc-comments-action svg { transition: none; }
}