/* CommunityHub universal readability-popup zoom tools — whole-window proportional scaling. */
.ch-readable-zoom-tools{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:5px;width:max-content;margin:0 48px 10px auto;padding:4px;border:1px solid rgba(103,160,196,.48);border-radius:999px;background:rgba(15,35,53,.94);box-shadow:0 7px 20px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.ch-readable-zoom-tools button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:999px;background:#1b3852;color:#f4f9fd;font:900 20px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.ch-readable-zoom-tools button:hover:not(:disabled),.ch-readable-zoom-tools button:focus-visible:not(:disabled){background:#24547a;border-color:#65baf3;outline:none}.ch-readable-zoom-tools button:disabled{opacity:.38;cursor:not-allowed}.ch-readable-zoom-tools output{min-width:48px;text-align:center;color:#d8ebf8;font-size:11px;font-weight:950}
.ch-community-progress-modal,.ch-group-rally-modal,.ch-event-detail-modal{overflow:auto!important;align-items:flex-start!important;justify-items:center!important}
.ch-community-progress-modal__dialog,.ch-group-rally-modal__dialog,.ch-event-detail-modal__dialog{transform:none!important;transform-origin:top center!important;margin:clamp(18px,5vh,50px) auto!important}
/* Rally detail modal should be one readable surface, not a panel nested inside a second panel. */
.ch-group-rally-modal__content>.ch-weekly-mission,.ch-group-rally-modal__content>[data-ch-mission-card]{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}
.ch-group-rally-modal__content{clear:both}
:is(html[data-ch-theme-mode="light"] body,body.ch-theme-mode-light,body.ch-light-mode,body.ch-theme-light) .ch-readable-zoom-tools{background:rgba(247,251,254,.97);border-color:#bfd3e2;box-shadow:0 7px 20px rgba(45,77,104,.12)}
:is(html[data-ch-theme-mode="light"] body,body.ch-theme-mode-light,body.ch-light-mode,body.ch-theme-light) .ch-readable-zoom-tools button{background:#e8f3fb;color:#25465f}
:is(html[data-ch-theme-mode="light"] body,body.ch-theme-mode-light,body.ch-light-mode,body.ch-theme-light) .ch-readable-zoom-tools output{color:#355d79}
@media(max-width:760px){.ch-readable-zoom-tools{margin-right:44px}.ch-readable-zoom-tools button{width:34px;height:34px}}