.hp-comments,.hp-comments-body{padding:0;margin:0;border:0;background:transparent}
.hp-comments{--hp-comment-accent:var(--bs-primary);--hp-comment-line:var(--bs-border-color);--hp-comment-soft:var(--bs-tertiary-bg);color:var(--bs-body-color)}
.hp-comments-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-block-end:1rem}
.hp-comments-heading h2{margin:0;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;line-height:1.2}
.hp-comments-kicker{display:flex;align-items:center;gap:.35rem;margin-block-end:.2rem;color:var(--hp-comment-accent);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hp-comments-count{flex:0 0 auto;color:var(--bs-secondary-color);font-size:.75rem}
.hp-comments-layout,.hp-comment-list,.hp-comment-form{display:grid;gap:1rem}
.hp-comments-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.65rem;min-height:7rem;margin:0;background:var(--hp-comment-soft);border-radius:var(--hp-card-radius)}.hp-comments-empty>span,.hp-comments-empty>a{display:inline-flex;align-items:center;gap:.4rem}.hp-comments-empty>a{color:var(--hp-comment-accent);font-size:.82rem;font-weight:700;text-decoration:none}.hp-comments-empty>a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:.2em}
.hp-comment{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;min-width:0}
.hp-comment-avatar{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:color-mix(in srgb,var(--hp-comment-accent) 12%,transparent);color:var(--hp-comment-accent);font-size:.72rem;font-weight:800}
.hp-comment-copy{min-width:0}.hp-comment-copy header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}
.hp-comment-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.hp-comment-copy time{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto;color:var(--bs-secondary-color);font-size:.69rem}
.hp-comment-copy p{margin:.35rem 0 0;font-size:.9rem;line-height:1.55;overflow-wrap:anywhere}
.hp-comment-form{align-content:start}.hp-comment-form-heading{display:flex;align-items:center;gap:.65rem}.hp-comment-form-heading>i{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--hp-comment-accent);color:#fff;font-size:1rem}
.hp-comment-form-panel{align-self:start;margin:0;padding:0;border:0}.hp-comment-form-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.65rem;padding:.55rem .75rem;border:1px solid var(--hp-comment-line);border-radius:.55rem;background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.82rem;font-weight:700;cursor:pointer;list-style:none}.hp-comment-form-panel>summary::-webkit-details-marker{display:none}.hp-comment-form-panel>summary span{display:inline-flex;align-items:center;gap:.4rem}.hp-comment-form-panel>summary span>i{color:var(--hp-comment-accent);font-size:1rem}.hp-comment-form-chevron{transition:transform .2s ease}.hp-comment-form-panel[open] .hp-comment-form-chevron{transform:rotate(180deg)}.hp-comment-form-panel[open]>summary{border-color:var(--hp-comment-accent);border-end-start-radius:0;border-end-end-radius:0}.hp-comment-form-panel>.hp-comment-form{margin-block-start:.75rem}
.hp-comment-form-heading div{display:grid;gap:.05rem}.hp-comment-form-heading strong{font-size:.95rem}.hp-comment-form-heading small{color:var(--bs-secondary-color);font-size:.72rem}
.hp-comment-form label{display:grid;gap:.3rem;margin:0;color:var(--bs-secondary-color);font-size:.73rem;font-weight:600}.hp-comment-name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.hp-comment-form .form-control{min-height:2.6rem;border-color:var(--hp-comment-line);border-radius:.55rem;background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.85rem;box-shadow:none}.hp-comment-form textarea.form-control{min-height:7rem;resize:vertical}.hp-comment-form .form-control:focus{border-color:var(--hp-comment-accent);box-shadow:none}
.hp-comment-message-field{position:relative;display:block}.hp-comment-message-field textarea.form-control{width:100%;padding-inline-end:3rem}.hp-comment-voice{position:absolute;z-index:2;inset-block-start:.55rem;inset-inline-end:.65rem;display:grid;width:1.75rem;height:1.75rem;place-items:center;padding:0;border:0;background:transparent;color:var(--bs-secondary-color);box-shadow:none}.hp-comment-voice[hidden]{display:none!important}.hp-comment-voice:is(:hover,:focus-visible,.is-listening){background:transparent;color:var(--hp-comment-accent);outline:0}.hp-comment-voice.is-listening:after{content:"";position:absolute;width:1.45rem;height:1.45rem;border:1px solid currentColor;border-radius:50%;animation:hp-comment-voice-pulse 1.25s ease-out infinite;pointer-events:none}@keyframes hp-comment-voice-pulse{0%{opacity:.75;transform:scale(.65)}100%{opacity:0;transform:scale(1.45)}}@media(prefers-reduced-motion:reduce){.hp-comment-voice.is-listening:after{animation:none}}
.hp-comment-form-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hp-comment-form-actions small{display:flex;align-items:center;gap:.3rem;color:var(--bs-secondary-color);font-size:.68rem}.hp-comment-form-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;padding-inline:1rem;border:0;border-radius:.55rem;background:var(--hp-comment-accent);font-size:.8rem;font-weight:700}
.hp-comments--minimal-line .hp-comment-list{gap:0}.hp-comments--minimal-line .hp-comment{padding-block:.85rem;border-block-end:1px solid var(--hp-comment-line)}.hp-comments--minimal-line .hp-comment:first-child{padding-block-start:0}.hp-comments--minimal-line .hp-comment.is-reply{margin-inline-start:2rem}.hp-comments--minimal-line .hp-comment-form{margin-block-start:.25rem;padding-block-start:1rem;border-block-start:1px solid var(--hp-comment-line)}
.hp-comments--soft-conversation .hp-comments-heading{padding-block-end:.65rem;border-block-end:2px solid var(--hp-comment-accent)}.hp-comments--soft-conversation .hp-comments-layout{gap:1.25rem}.hp-comments--soft-conversation .hp-comment-copy{padding:.8rem 1rem;border-radius:.25rem 1rem 1rem 1rem;background:var(--hp-comment-soft)}.hp-comments--soft-conversation .hp-comment.is-reply{margin-inline-start:2rem}.hp-comments--soft-conversation .hp-comment.is-reply .hp-comment-copy{border-radius:1rem .25rem 1rem 1rem}.hp-comments--soft-conversation .hp-comment-form-panel{order:-1}.hp-comments--soft-conversation .hp-comment-form-panel[open]{padding:1rem;border-radius:var(--hp-card-radius);background:var(--hp-comment-soft)}.hp-comments--soft-conversation .hp-comment-form-panel[open]>summary{margin:-1rem -1rem 0;border:0;border-block-end:1px solid var(--hp-comment-line);border-radius:var(--hp-card-radius) var(--hp-card-radius) 0 0;background:transparent}.hp-comments--soft-conversation .hp-comment-form .form-control{background:var(--bs-body-bg)}
.hp-comments--editorial-split .hp-comments-heading{position:relative;padding-inline-start:.75rem}.hp-comments--editorial-split .hp-comments-heading::before{position:absolute;inset-block:0;inset-inline-start:0;width:3px;border-radius:2px;background:var(--hp-comment-accent);content:""}.hp-comments--editorial-split .hp-comments-layout{grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr);align-items:start;gap:1.5rem}.hp-comments--editorial-split .hp-comment{padding:.85rem 0}.hp-comments--editorial-split .hp-comment+.hp-comment{border-block-start:1px solid var(--hp-comment-line)}.hp-comments--editorial-split .hp-comment-avatar{border-radius:.45rem;background:var(--hp-comment-accent);color:#fff}.hp-comments--editorial-split .hp-comment-form-panel{padding-inline-start:1rem;border-inline-start:1px solid var(--hp-comment-line)}
.hp-comments-preview{display:grid;width:100%;min-height:10rem;padding:.75rem;background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.55rem;text-align:start}.hp-comments-preview .hp-comments-heading{margin-block-end:.55rem}.hp-comments-preview .hp-comments-heading h2{font-size:.8rem}.hp-comments-preview .hp-comments-kicker,.hp-comments-preview .hp-comments-count{font-size:.45rem}.hp-comments-preview .hp-comments-layout{gap:.55rem}.hp-comments-preview .hp-comment-list{gap:.35rem}.hp-comments-preview .hp-comment{grid-template-columns:1.35rem minmax(0,1fr);gap:.35rem;padding:.25rem 0}.hp-comments-preview .hp-comment-avatar{width:1.35rem;height:1.35rem;font-size:.4rem}.hp-comments-preview .hp-comment-copy strong{font-size:.55rem}.hp-comments-preview .hp-comment-copy p{margin-block-start:.15rem;font-size:.48rem;line-height:1.35}.hp-comments-preview .hp-comment-form{gap:.35rem}.hp-comments-preview .hp-preview-input,.hp-comments-preview .hp-preview-textarea{display:block;height:1.1rem;border:1px solid var(--hp-comment-line);border-radius:.25rem;background:var(--bs-body-bg)}.hp-comments-preview .hp-preview-textarea{height:2rem}.hp-comments-preview .hp-preview-names{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.hp-comments-preview .hp-preview-button{justify-self:end;padding:.22rem .45rem;border-radius:.25rem;background:var(--hp-comment-accent);color:#fff;font-size:.45rem;font-weight:700}.hp-comments-preview.hp-comments--soft-conversation .hp-comment-copy,.hp-comments-preview.hp-comments--soft-conversation .hp-comment-form{padding:.4rem}.hp-comments-preview.hp-comments--editorial-split .hp-comments-layout{grid-template-columns:1.1fr .9fr;gap:.55rem}.hp-comments-preview.hp-comments--editorial-split .hp-comment-form{padding-inline-start:.45rem}
@media (max-width:767.98px){.hp-comments--editorial-split .hp-comments-layout{grid-template-columns:1fr}.hp-comments--editorial-split .hp-comment-form-panel{padding-block-start:1rem;padding-inline-start:0;border-block-start:1px solid var(--hp-comment-line);border-inline-start:0}}
@media (max-width:479.98px){.hp-comment-form-actions{align-items:stretch;flex-direction:column}.hp-comment-form-actions .btn{width:100%}.hp-comment-copy header{align-items:flex-start;flex-direction:column;gap:.15rem}.hp-comments-heading{align-items:flex-start}}
@media (max-width:359.98px){.hp-comment-name-fields{grid-template-columns:1fr}}

/* Panel, hierarchy and interaction layer. Kept last so saved legacy templates inherit the same behavior. */
.hp-comment-form-panel>summary{border-color:var(--hp-comment-accent);background:var(--hp-comment-accent);color:#fff}.hp-comment-form-panel>summary span>i{color:#fff}.hp-comment-form-panel[open]>summary{border-color:var(--hp-comment-accent);background:var(--hp-comment-accent);color:#fff;box-shadow:none}.hp-comment-form-panel>.hp-comment-form{margin:0;padding:.85rem;border:1px solid var(--hp-comment-line);border-block-start:0;border-radius:0 0 .55rem .55rem;background:var(--hp-comment-soft)}
.hp-comment-identity-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.hp-comment-identity-fields[hidden],.hp-comment-saved-identity[hidden]{display:none!important}.hp-comment-saved-identity{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .7rem;border-radius:.45rem;background:var(--bs-body-bg);font-size:.8rem}.hp-comment-saved-identity>span,.hp-comment-saved-identity>a{display:inline-flex;align-items:center;gap:.35rem}.hp-comment-saved-identity>span>i{color:var(--hp-comment-accent);font-size:1.05rem}.hp-comment-saved-identity>a{color:var(--hp-comment-accent);font-size:.7rem;text-decoration:none}
.hp-comments-thread-panel{margin:0;padding:0;border:0}.hp-comments-thread-panel>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.65rem .75rem;border:1px solid var(--hp-comment-line);border-radius:.55rem;background:var(--bs-body-bg);font-size:.82rem;font-weight:700;cursor:pointer;list-style:none}.hp-comments-thread-panel>summary::-webkit-details-marker{display:none}.hp-comments-thread-panel>summary>span:first-child{display:inline-flex;align-items:center;gap:.4rem}.hp-comments-thread-panel>summary>span:first-child i{color:var(--hp-comment-accent)}.hp-comments-thread-summary-count{justify-self:end;color:var(--bs-secondary-color);font-size:.7rem;font-weight:500}.hp-comments-thread-chevron{transition:transform .2s ease}.hp-comments-thread-panel[open] .hp-comments-thread-chevron{transform:rotate(180deg)}.hp-comments-thread-panel[open]>summary{border-end-start-radius:0;border-end-end-radius:0}.hp-comments-thread-panel>.hp-comments-thread{padding:.85rem;border:1px solid var(--hp-comment-line);border-block-start:0;border-radius:0 0 .55rem .55rem}
.hp-comment.is-reply{margin-inline-start:calc(min(var(--hp-comment-depth),3)*1.5rem)!important;padding-inline-start:.75rem;border-inline-start:2px solid color-mix(in srgb,var(--hp-comment-accent) 28%,var(--hp-comment-line))}.hp-comment-meta{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex:0 0 auto}.hp-comment-actions{display:flex;align-items:center;gap:.55rem;visibility:hidden;opacity:0;transition:opacity .16s ease}.hp-comment:is(:hover,:focus-within) .hp-comment-actions{visibility:visible;opacity:1}.hp-comment-actions a{display:inline-flex;align-items:center;gap:.2rem;color:var(--bs-secondary-color);font-size:.68rem;line-height:1;text-decoration:none}.hp-comment-actions a:is(:hover,:focus-visible){color:var(--hp-comment-accent)}
.hp-comment-replying{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border-radius:.4rem;background:color-mix(in srgb,var(--hp-comment-accent) 10%,var(--bs-body-bg));color:var(--bs-body-color);font-size:.76rem}.hp-comment-replying>span{display:inline-flex;align-items:center;gap:.35rem}.hp-comment-replying button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--bs-secondary-color)}
.hp-comment-report-modal .modal-content{border:0;border-radius:var(--hp-card-radius)}.hp-comment-report-modal fieldset{display:grid;gap:.45rem;margin:0;padding:0;border:0}.hp-comment-report-modal legend{margin-block-end:.5rem;font-size:.8rem;font-weight:700}.hp-comment-report-option{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border:1px solid var(--hp-comment-line);border-radius:.5rem;font-size:.82rem;cursor:pointer}.hp-comment-report-option:has(input:checked){border-color:var(--hp-comment-accent);background:color-mix(in srgb,var(--hp-comment-accent) 8%,transparent)}
.hp-comments--editorial-split .hp-comments-layout{grid-template-columns:1fr;gap:1rem}.hp-comments--editorial-split .hp-comment-form-panel{padding:0;border:0}.hp-comments--editorial-split .hp-comment-form-panel[open] .hp-comment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-comments--editorial-split .hp-comment-form-heading,.hp-comments--editorial-split .hp-comment-replying,.hp-comments--editorial-split .hp-comment-form-actions{grid-column:1/-1}.hp-comments--editorial-split .hp-comment-message{grid-column:2;grid-row:2/3}.hp-comments--editorial-split .hp-comment-message textarea{height:100%}
@media (hover:none){.hp-comment-actions{visibility:visible;opacity:1}}
@media (max-width:767.98px){.hp-comments--editorial-split .hp-comment-form-panel[open] .hp-comment-form{grid-template-columns:1fr}.hp-comments--editorial-split .hp-comment-message{grid-column:auto;grid-row:auto}.hp-comment.is-reply{margin-inline-start:calc(min(var(--hp-comment-depth),2)*.75rem)!important}}
@media (max-width:479.98px){.hp-comment-identity-fields{grid-template-columns:1fr}.hp-comment-copy header{align-items:flex-start}.hp-comment-meta{align-items:flex-end;flex-direction:column-reverse;gap:.35rem}.hp-comment-actions{order:1}}