/* Forum and reputation system candidate v2.20.0. */
.community-hero{padding-bottom:64px}
.community-hero__inner{gap:54px}
.community-hero__copy>p{max-width:520px}
.community-hero__actions{gap:12px}
.community-mod-button{display:inline-flex;min-height:45px;align-items:center;gap:10px;padding:10px 14px;border-color:rgba(16,56,74,.15);background:#fff;color:#153d4c;font-size:12px}
.community-mod-button b{display:grid;min-width:22px;height:22px;padding:0 5px;place-items:center;border-radius:999px;background:#ec5d61;color:#fff;font-size:10px}

.community-reputation{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px 18px;border:0;border-top:1px solid var(--community-line);background:#123747;color:#fff;text-align:left;cursor:pointer}
.community-reputation__mark{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#34b779;font-weight:950;box-shadow:0 0 0 5px rgba(52,183,121,.12)}
.community-reputation>span:nth-child(2){display:grid;gap:2px}
.community-reputation small{color:#9fbdc4;font-size:8px;font-weight:950;letter-spacing:.11em}
.community-reputation b{font-size:13px}
.community-reputation__scores{display:flex!important;gap:8px!important}
.community-reputation__scores i{display:grid;min-width:72px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#a9c3c9;font-size:8px;font-style:normal;text-align:center}
.community-reputation__scores em{color:#fff;font-size:13px;font-style:normal;font-weight:950}
.community-reputation>strong{font-size:17px}

.community-aside-card.is-reputation{background:linear-gradient(155deg,#133b4b,#102f3c);color:#fff}
.community-aside-card.is-reputation .community-aside-card__head h3{color:#fff}
.community-aside-card.is-reputation .community-aside-card__head>.community-emblem{background-color:#1c4d5e}
.community-mini-score{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);color:#b8d0d5;font-size:11px}
.community-mini-score b{color:#fff;font-size:16px}
.community-aside-card>button{width:100%;margin-top:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:11px;font-weight:900;cursor:pointer}

.topic-card.is-pending{border-style:dashed;background:linear-gradient(90deg,#fffaf0,#fff)}
.topic-card.is-pinned{box-shadow:0 9px 28px rgba(47,145,219,.12)}
.topic-tags .is-review,.topic-detail-meta .is-review{background:#fff1cf!important;color:#9b6800!important}
.topic-tags .is-pin{background:#e8f4ff;color:#2478b6}
.topic-detail-meta .is-hidden{background:#ffe8e8!important;color:#b74444!important}
.topic-locked-note{margin-top:14px;padding:10px 12px;border-radius:10px;background:#eef3f4;color:#5b7078;font-size:11px;font-weight:850}
.community-checks{display:flex!important;align-items:flex-start;justify-content:center;gap:8px!important;padding-top:18px}
.community-checks span{display:flex;align-items:center;gap:6px;font-size:10px}
.community-checks input{width:auto!important}
.community-comment.is-pending{border-style:dashed;background:#fffaf0}
.community-comment.is-hidden{opacity:.62;background:#f4f4f4}
.community-comment header span{margin-left:auto;color:#a06c06;font-size:9px;font-weight:900}

.is-moderation-console{width:min(980px,100%);max-height:92vh}
.community-moderation-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.moderation-report{min-width:0;box-shadow:0 8px 22px rgba(22,61,70,.05)}
.moderation-report:only-child{grid-column:1/-1}
.moderation-report>small{display:block;margin-top:8px;color:#7a8e93;font-size:9px}
.moderation-report blockquote{display:grid;gap:4px;margin:12px 0 0;padding:11px 13px;border-left:3px solid #ec5d61;background:#fff4f3;color:#5b6668;font-size:11px;line-height:1.5;white-space:pre-wrap}
.moderation-report blockquote small{color:#b06161;font-size:8px;font-weight:950;text-transform:uppercase}
.moderation-triage{display:grid;gap:3px;margin-top:11px;padding:9px 10px;border-radius:9px;background:#eef6f7}
.moderation-triage span{color:#286171;font-size:9px;font-weight:950;text-transform:uppercase}
.moderation-triage small{color:#678087;font-size:9px;line-height:1.4}
.moderation-report form{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #e4ecea}
.moderation-report form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.moderation-report form label{display:grid;gap:5px;color:#667d84;font-size:9px;font-weight:900}
.moderation-report form select,.moderation-report form textarea{width:100%;box-sizing:border-box;padding:8px 9px;border:1px solid #d6e3e0;border-radius:8px;background:#fff;color:#244854;font:inherit}
.moderation-report form textarea{min-height:56px;resize:vertical}
.moderation-report form footer{margin-top:0}
.moderation-report.is-pending-content header span{background:#fff0c9;color:#976400}

.is-reputation-dialog{width:min(820px,100%)}
.reputation-detail{padding:24px 28px 30px}
.reputation-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.reputation-score-grid article{padding:17px;border:1px solid #dce9e6;border-radius:16px;background:#f9fcfb}
.reputation-score-grid article header{display:flex;align-items:end;justify-content:space-between;gap:12px}
.reputation-score-grid article header span{color:#587078;font-size:12px;font-weight:850}
.reputation-score-grid article header b{color:#123a49;font-size:25px}
.reputation-score-grid article>div{height:8px;margin:13px 0 8px;overflow:hidden;border-radius:99px;background:#dce9e5}
.reputation-score-grid article>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f0ae34,#35b977)}
.reputation-score-grid article>small{color:#2d9365;font-size:10px;font-weight:950;text-transform:uppercase}
.reputation-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.reputation-columns>section>small{color:#6f858b;font-size:9px;font-weight:950;letter-spacing:.12em}
.reputation-columns ul,.reputation-events{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}
.reputation-columns ul li{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;background:#f3f8f6}
.reputation-columns ul li>i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#dff3e8;color:#168254;font-style:normal;font-weight:950}
.reputation-columns ul li.is-locked>i{background:#f6e5e5;color:#bd4f4f}
.reputation-columns ul li span{display:grid;gap:2px}
.reputation-columns ul li b{font-size:11px}
.reputation-columns ul li small{color:#788b90;font-size:9px}
.reputation-events li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #e6eeec;font-size:10px}
.reputation-events time{color:#84969a;font-size:8px}
.reputation-events span{color:#4e6870}
.reputation-events b.is-plus{color:#168254}.reputation-events b.is-minus{color:#bd4f4f}
.reputation-events .is-empty{display:block;color:#84969a}
.reputation-note{margin:22px 0 0;padding:12px 14px;border-radius:11px;background:#eef6fb;color:#526f7b;font-size:10px;line-height:1.5}
.reputation-login{display:grid;justify-items:center;padding:32px 10px;text-align:center}
.reputation-login>span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#e2f6eb;color:#18875a;font-size:25px;font-weight:950}
.reputation-login h3{margin:14px 0 5px}.reputation-login p{max-width:420px;margin:0 0 18px;color:#6f848b}

@media(max-width:760px){
  .community-reputation{grid-template-columns:auto minmax(0,1fr) auto}
  .community-reputation__scores{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr}
  .community-reputation>strong{grid-column:3;grid-row:1}
  .community-moderation-list{grid-template-columns:1fr;padding:16px}
  .reputation-detail{padding:18px}
  .reputation-score-grid,.reputation-columns{grid-template-columns:1fr}
  .community-checks{padding-top:0;justify-content:flex-start}
}

@media(max-width:380px){
  .community-reputation{padding:13px}
  .community-reputation__scores i{min-width:0}
  .moderation-report form>div{grid-template-columns:1fr}
  .reputation-detail{padding:14px}
}
