.sv-section-moderators { margin: 16px 0 20px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--sv-radius, 10px); background: var(--surface); }
.sv-section-moderators > header { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.sv-section-moderators > header > span { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; color: #087f89; background: #e2f5f3; }
.sv-section-moderators > header .sv-icon { width: 21px; height: 21px; }
.sv-section-moderators h2 { margin: 0; color: var(--ink); font-size: 16px; line-height: 1.4; }
.sv-section-moderators header p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.sv-section-moderators header > b { margin-left: auto; padding: 4px 9px; border-radius: 16px; color: #087f89; background: #e2f5f3; font-size: 12px; }
.sv-section-moderators ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 14px 16px; list-style: none; }
.sv-section-moderators li { min-width: 0; max-width: 100%; }
.sv-section-moderators li a { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 14px 8px 9px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: var(--surface); text-decoration: none; }
.sv-section-moderators li a:hover, .sv-section-moderators li a:focus-visible { border-color: #15919a; background: color-mix(in srgb, var(--surface) 94%, #15919a); }
.sv-section-moderators li img { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.sv-section-moderators li span { min-width: 0; }
.sv-section-moderators li strong, .sv-section-moderators li small { display: block; overflow-wrap: anywhere; }
.sv-section-moderators li strong { font-size: 13px; line-height: 1.4; }
.sv-section-moderators li small { margin-top: 2px; color: #087f89; font-size: 10px; }
.sv-member-card .svpbd-identity .svpbd-role.is-section-moderator { display: inline-flex; align-items: center; justify-content: center; gap: 5px; max-width: 100%; padding: 5px 9px; border: 1px solid #acd9d4; border-radius: 20px; color: #066b72; background: linear-gradient(110deg,#e4f6f1,#e8f5ff); white-space: normal; line-height: 1.35; text-align: center; }
.sv-member-card .svpbd-role.is-section-moderator .sv-icon { flex: 0 0 13px; width: 13px; height: 13px; }
[data-theme='dark'] .sv-section-moderators h2, [data-theme='dark'] .sv-section-moderators li a { color: #e8efff; }
[data-theme='dark'] .sv-section-moderators > header > span, [data-theme='dark'] .sv-section-moderators header > b { color: #75dfd2; background: #163f43; }
[data-theme='dark'] .sv-section-moderators li small { color: #75dfd2; }
[data-theme='dark'] .sv-member-card .svpbd-identity .svpbd-role.is-section-moderator { border-color: #307579; color: #91efe0; background: linear-gradient(110deg,#153d3b,#18374f); }
@media (max-width: 680px) {
  .sv-section-moderators > header { padding: 12px; gap: 8px; }
  .sv-section-moderators h2 { font-size: 15px; }
  .sv-section-moderators ul { padding: 12px; gap: 8px; }
  .sv-section-moderators li { width: 100%; }
  .sv-section-moderators li a { width: 100%; }
}