/* V3.3 reward announcements and accurate, server-backed page-view display. */
.visit-counter{display:inline-flex;gap:12px;align-items:center;margin-top:22px;padding:13px 17px;background:#fffdf4;border:1px solid #d2a344;border-radius:14px;box-shadow:0 9px 23px #97702b1f;color:#21486d}
.visit-symbol{font-size:24px;color:#b98822}.visit-counter>div{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}
.visit-label{font-size:12px;font-weight:800}.visit-counter strong{font-variant-numeric:tabular-nums;font-size:25px;color:#b6751a;line-height:1}
.visit-counter small{font-size:11px;color:#6d7180}
.reward-notices{background:radial-gradient(circle at 100% 10%,#ffedb8 0,transparent 48%),#fffbef;border-top:1px solid #e9d18d;border-bottom:1px solid #e5ca82}
.reward-notices .section-intro{margin-bottom:25px}.notice-guard{border:1px solid #dcbd6d;border-left:5px solid #b98b2e;border-radius:13px;background:#fff4d3;padding:15px 22px;display:flex;gap:15px;align-items:center;color:#745318}
.notice-guard p{margin:0;font-size:13px;line-height:1.85}.notice-guard-icon{font-size:27px}
.notice-subheading{font-size:22px;color:#153c67;margin:37px 0 19px}.notice-feed{display:grid;gap:16px}
.notice-item{background:#fff;border:1px solid #d9c18e;border-radius:17px;padding:25px 28px;box-shadow:0 12px 32px #7a602215}
.notice-item .notice-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:#6d7786;font-size:12px;font-weight:750}
.notice-meta span{display:inline-block}.notice-tag{background:#ecf1f6;color:#28537d;border:1px solid #c4d4e5;border-radius:999px;padding:2px 10px}
.notice-tag.effective{background:#e2f5e9;color:#176746;border-color:#99d0ae}.notice-tag.draft{background:#fff3cf;color:#8c6519;border-color:#d9bd64}
.notice-item h4{font-size:20px;color:#17426d;margin:12px 0}.notice-item p{margin:0;color:#56677a;font-size:14px;line-height:1.85}
.notice-item details{margin-top:12px;border-top:1px solid #efe5cd;padding-top:11px}.notice-item summary{cursor:pointer;color:#98641d;font-size:13px;font-weight:800}.notice-item details p{margin-top:11px;white-space:pre-line}
.notice-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.notice-roadmap article{background:#fff;border:1px solid #dfc793;border-radius:16px;padding:23px;box-shadow:0 8px 25px #7660230a}
.notice-roadmap span{display:inline-flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:50%;background:#1b4873;color:#ffe6a0;font-weight:900}
.notice-roadmap h4{font-size:18px;color:#173b66;margin:15px 0 7px}.notice-roadmap p{color:#627083;font-size:13px;line-height:1.8;min-height:48px;margin:0 0 13px}
.notice-roadmap small{display:inline-block;padding:4px 12px;background:#fff1cc;border:1px solid #e4c47b;border-radius:999px;color:#815d1c;font-weight:800}
.notice-publish-help{font-size:12px;color:#6b737f;margin-top:20px}.notice-loading{background:#fff;border-radius:12px;padding:20px;color:#61748a}
.fixednav-notices{background:#fff1be!important;border-color:#b88421!important}
@media(max-width:1100px){
  .header-inner{gap:12px;justify-content:space-between}
  .mobile-toggle{display:inline-flex}
  nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffbef;padding:18px;box-shadow:0 18px 28px #664e2c25;flex-direction:column;gap:15px}
  nav.open{display:flex;max-height:calc(100dvh - 90px);overflow-y:auto}
  nav a{font-size:15px}
  .header-actions{margin-left:auto}
}
@media(max-width:750px){.notice-roadmap{grid-template-columns:1fr}.notice-roadmap p{min-height:0}.notice-item{padding:21px}.visit-counter{width:100%}}
@media(max-width:520px){.visit-counter>div{gap:6px}.visit-label{width:100%}.visit-counter strong{font-size:22px}.fixednav{max-width:calc(100vw - 18px);justify-content:flex-end}.fixednav a,.fixednav button{font-size:10px}}