.qb-announcement-bar{display:flex;align-items:center;gap:14px;min-width:0;width:100%;border:1px solid #e5e3da;background:#fffdf9;border-radius:8px;padding:12px 16px;text-align:left;color:#777e71;font-size:12px;grid-column:1/-1}
.qb-announcement-track{display:block;flex:1;overflow:hidden;min-width:0}
.qb-announcement-track>span{display:inline-block;white-space:nowrap;animation:qb-announcement-scroll 150s linear infinite}
.qb-announcement-bar:hover span,.qb-announcement-bar:focus span{animation-play-state:paused}
.qb-announcement-dialog{width:600px;max-width:calc(100vw - 32px);max-height:80vh;border:1px solid #e1dfd5;border-radius:12px;padding:24px;background:#fffdf9;color:#41473e}
.qb-announcement-dialog::backdrop{background:#0005}.qb-announcement-dialog>button{float:right;border:0;background:#edf0e6;border-radius:6px;padding:7px 14px;cursor:pointer}.qb-announcement-dialog>div{clear:both;white-space:pre-wrap;line-height:1.9;font-size:14px;padding-top:18px}
@keyframes qb-announcement-scroll{from{transform:translateX(0)}to{transform:translateX(-90%)}}
@media(prefers-reduced-motion:reduce){.qb-announcement-track>span{animation:none}}

/* Place the ticker between the hero and the forum feed on desktop. */
#root .qb-announcement-bar{grid-row:3}
#root [code-path^="src/pages/Home.tsx:397:"],#root [code-path^="src/pages/Home.tsx:228:"],#root .qb-desktop-aside{grid-row:4}
#root [code-path^="src/pages/Home.tsx:143:"]>.qb-post-pagination{grid-row:5}
@media(max-width:1180px){#root .qb-desktop-aside{grid-row:5}}