/* Opt-in presentation for the existing score/comment components. No data changes. */
.su-community-b{--cb-ink:#253546;--cb-muted:#647589;--cb-surface:#fff;--cb-soft:#f2f5f8;--cb-line:#dce5ed;--cb-link:#215f91;--cb-gold:#956015;--cb-gold-bg:#fff2dc;--cb-reply:#fff;--cb-shadow:0 4px 18px rgba(24,45,66,.06)}
html[data-theme=dark] .su-community-b{--cb-ink:#edf3fa;--cb-muted:#b2bfce;--cb-surface:#202d3b;--cb-soft:#283747;--cb-line:#415264;--cb-link:#b6d9ff;--cb-gold:#ffd18a;--cb-gold-bg:#433a2e;--cb-reply:#1d2b39;--cb-shadow:0 4px 18px rgba(0,0,0,.12)}
/* These declarations replace legacy dark-theme backgrounds marked important. */
html body .comment-box.su-community-b{float:none;clear:both;box-sizing:border-box;width:auto;margin:0 0 16px;padding:0;border:1px solid var(--cb-line)!important;border-radius:16px;background:var(--cb-soft)!important;box-shadow:var(--cb-shadow)!important;overflow:hidden;color:var(--cb-ink)}
html body .comment-box.su-community-b>.viewhead{display:flex;align-items:center;flex-wrap:wrap;gap:10px;height:auto;min-height:0;padding:15px 18px 12px;margin:0;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
.comment-box.su-community-b .su-comment-identity{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;flex:1}
.comment-box.su-community-b .su-comment-portrait{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;border:1px solid var(--cb-line);background:var(--cb-reply);color:var(--cb-muted)}
.comment-box.su-community-b .su-comment-portrait svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.comment-box.su-community-b .su-comment-portrait img{display:block;width:34px;height:34px;min-width:34px;max-width:34px;object-fit:cover;border:0;margin:0;border-radius:50%}
.comment-box.su-community-b .su-comment-meta{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.3}
.comment-box.su-community-b .su-comment-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
html body .comment-box.su-community-b .su-comment-name>.maintitle2{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere;color:var(--cb-ink)!important;min-width:0;max-width:100%;display:block}
.comment-box.su-community-b .su-comment-name>.maintitle2 a{color:var(--cb-link);text-decoration:none}
.comment-box.su-community-b .su-comment-name>.maintitle2 a:hover{text-decoration:underline}
html body .comment-box.su-community-b .su-comment-meta>.comment-date{display:block;flex:none;margin:0;color:var(--cb-muted);font-size:11px;font-weight:400;white-space:normal}
html body .comment-box.su-community-b>.viewmain{padding:12px 18px 16px!important;background:transparent!important;color:var(--cb-ink)!important;border:0!important;border-top:1px solid var(--cb-line)!important;margin:0!important;box-shadow:none!important;line-height:1.65}
.comment-box.su-community-b>.viewmain .postbody{font:400 15px/1.65 Arial,Helvetica,sans-serif;color:inherit;overflow-wrap:anywhere;word-break:normal}
.comment-box.su-community-b>.viewmain .postbody img{max-width:100%;height:auto}
.comment-box.su-community-b>.viewmain a{color:var(--cb-link)}
.comment-box.su-community-b>.viewmain .gensmall,.comment-box.su-community-b .su-comment-context{color:var(--cb-muted)}
html body .comment-box.su-community-b.su-comment-reply{width:auto;margin:0 16px 16px 24px;background:var(--cb-reply)!important;border:1px solid var(--cb-line)!important;border-radius:12px;box-shadow:none!important}
html body .comment-box.su-community-b.su-comment-reply>.viewhead{padding:12px 14px 10px}
html body .comment-box.su-community-b.su-comment-reply>.viewmain{padding:10px 14px 12px!important}
.comment-box.su-community-b .su-comment-actions{margin-top:12px}
.comment-box.su-community-b .su-comment-reply-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;min-height:32px;border:1px solid var(--cb-line);background:var(--cb-reply);color:var(--cb-link);font:700 12px/1.4 Arial,Helvetica,sans-serif;border-radius:7px;text-decoration:none;box-shadow:0 1px 2px rgba(20,40,60,.04)}
.comment-box.su-community-b .su-comment-reply-button::before{content:"";width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 4L3 9l5 5M3 9h8c4 0 6 2 6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.comment-box.su-community-b .su-comment-reply-button:hover{background:var(--cb-soft);border-color:var(--cb-link);text-decoration:none;color:var(--cb-link)}
.comment-box.su-community-b .su-comment-context{display:block;margin:0 0 8px;font-size:11px;line-height:1.4;color:var(--cb-muted)}
.comment-box.su-community-b .su-reply-editor{background:var(--cb-reply);border:1px solid var(--cb-line);border-radius:10px;padding:12px}
.comment-box.su-community-b .su-reply-editor label,.comment-box.su-community-b .su-reply-editor [role=status]{color:var(--cb-muted)}
.comment-box.su-community-b .su-reply-editor textarea{background:var(--cb-surface);border:1px solid var(--cb-line);color:var(--cb-ink);border-radius:7px}
.comment-box.su-community-b .su-reply-controls button{background:var(--cb-soft);border:1px solid var(--cb-line);color:var(--cb-link);border-radius:7px;padding:7px 11px}
.comment-box.su-community-b .su-reply-controls button:hover{background:var(--cb-surface)}
.comment-box.su-community-b .su-comment-own-label{color:var(--cb-link)}
html body #wrapper .hs-card.su-community-b{position:relative;isolation:isolate;width:100%;clear:both;box-sizing:border-box;margin:18px 0;border:1px solid var(--cb-line)!important;border-radius:18px;background:var(--cb-surface)!important;box-shadow:var(--cb-shadow)!important;color:var(--cb-ink);overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.hs-card.su-community-b::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:95px;background:var(--community-art) center/cover;filter:blur(25px);opacity:.09;pointer-events:none}
html[data-theme=dark] .hs-card.su-community-b::before{opacity:.16}
html body #wrapper .hs-card.su-community-b>.hs-card-head{background:transparent;border:0;color:var(--cb-ink);padding:20px 22px 14px;font-family:inherit;font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.3px;text-transform:none;text-align:left;text-shadow:none}
html body .hs-card.su-community-b>.hs-card-body{background:transparent;padding:0 18px 14px}
html body .hs-card.su-community-b .hs-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(95px,160px) 106px;gap:10px;align-items:center;padding:13px 8px;min-height:44px;box-sizing:border-box;font-size:14px;color:var(--cb-ink)!important;background:transparent;border:0!important;border-bottom:1px solid var(--cb-line)!important;transition:background .15s}
html body .hs-card.su-community-b .hs-row:last-child{border-bottom:0!important}
html body .hs-card.su-community-b .hs-row.hs-row-head{background:transparent!important;color:var(--cb-muted)!important;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;padding-top:6px;padding-bottom:10px;min-height:0}
.hs-card.su-community-b .hs-c-rank{color:var(--cb-muted);text-align:center;font-weight:700}
.hs-card.su-community-b .hs-c-user{display:flex;align-items:center;gap:7px;min-width:0;font-weight:600;overflow-wrap:anywhere;overflow:visible}
.hs-card.su-community-b .hs-c-user span{min-width:0;white-space:normal;overflow-wrap:anywhere;overflow:visible}
.hs-card.su-community-b .hs-c-user a{color:var(--cb-link);overflow-wrap:anywhere}
.hs-card.su-community-b .hs-c-user img{width:20px;height:20px;object-fit:contain;flex:0 0 20px}
.hs-card.su-community-b .hs-c-score{text-align:right;padding:0;font-variant-numeric:tabular-nums;font-weight:700;color:var(--cb-link);overflow-wrap:anywhere}
.hs-card.su-community-b .hs-c-date{color:var(--cb-muted);font-size:11px;text-align:right;white-space:normal}
html body .hs-card.su-community-b .hs-row-head+.hs-row:not(.hs-row-own){margin:1px 0 8px;padding:18px 8px;background:var(--cb-gold-bg);border:0!important;border-radius:12px;min-height:78px}
.hs-card.su-community-b .hs-row-head+.hs-row .hs-c-rank{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--cb-gold);color:var(--cb-gold);font-size:21px;justify-self:center}
.hs-card.su-community-b .hs-row-head+.hs-row .hs-c-score{font-size:23px;color:var(--cb-ink)}
.hs-card.su-community-b .hs-row-head+.hs-row .hs-c-user{font-size:16px;color:var(--cb-ink)}
html body .hs-card.su-community-b .hs-row.hs-row-data:hover{background:var(--cb-soft)!important;color:var(--cb-ink)!important;font-weight:inherit}
html body .hs-card.su-community-b .hs-row.hs-row-data:hover .hs-c-score,html body .hs-card.su-community-b .hs-row.hs-row-data:hover .hs-c-rank{color:var(--cb-ink)}
.hs-card.su-community-b .hs-own-separator{background:transparent;color:var(--cb-link);border-top:1px solid var(--cb-line);padding:14px 8px 7px;font-size:11px;letter-spacing:0;text-transform:none}
.hs-card.su-community-b .hs-own-separator:after{background:var(--cb-line)}
html body .hs-card.su-community-b .hs-row-own{background:var(--cb-soft);border-radius:10px}
.hs-card.su-community-b .hs-row-own .hs-c-user,.hs-card.su-community-b .hs-row-own .hs-c-score{color:var(--cb-link)}
@media(max-width:767px){
 html body .comment-box.su-community-b{margin:0 7px 14px;border-radius:14px}
 html body .comment-box.su-community-b>.viewhead{padding:13px 13px 10px;gap:8px}
 html body .comment-box.su-community-b>.viewmain{padding:11px 13px 13px!important}
 html body .comment-box.su-community-b .su-comment-name>.maintitle2{font-size:14px}
 html body .comment-box.su-community-b .su-comment-meta>.comment-date{font-size:11px}
 html body .comment-box.su-community-b.su-comment-reply{margin:0 10px 10px 14px}
 .comment-box.su-community-b>.viewmain .postbody{font-size:14px}
 html body #wrapper .hs-card.su-community-b{width:calc(100% - 14px);margin:16px 7px;border-radius:16px}
 html body #wrapper .hs-card.su-community-b>.hs-card-head{padding:18px 15px 12px;font-size:19px}
 html body .hs-card.su-community-b>.hs-card-body{padding:0 10px 10px}
 html body .hs-card.su-community-b .hs-row{grid-template-columns:28px minmax(0,1fr) minmax(62px,90px);gap:4px 8px;padding:12px 4px;font-size:13px}
 .hs-card.su-community-b .hs-c-date{grid-column:2/4;text-align:left;font-size:10px;padding:0}
 .hs-card.su-community-b .hs-row-head .hs-c-date{display:none}
 .hs-card.su-community-b .hs-c-user{gap:5px}
 .hs-card.su-community-b .hs-c-user img{width:16px;height:16px;flex-basis:16px}
 html body .hs-card.su-community-b .hs-row-head+.hs-row:not(.hs-row-own){padding:14px 6px;min-height:80px}
 .hs-card.su-community-b .hs-row-head+.hs-row .hs-c-rank{width:27px;height:27px;font-size:16px}
 .hs-card.su-community-b .hs-row-head+.hs-row .hs-c-score{font-size:19px}
 .hs-card.su-community-b .hs-row-head+.hs-row .hs-c-user{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.hs-card.su-community-b .hs-row{transition:none}}