/* Home page pop-up: church announcements in the app (main.js) */
.annpop{position:fixed;z-index:60;left:16px;bottom:16px;width:min(380px,calc(100% - 128px));display:flex;align-items:center;gap:12px;padding:12px 8px 12px 12px;border-radius:18px;background:#0a1f4d;color:#fff;box-shadow:0 0 0 2px rgba(245,196,49,.85),0 18px 40px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s;font-family:Figtree,system-ui,sans-serif}
.annpop.on{opacity:1;transform:none}
.annpop-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.1);color:#f5c431}
.annpop-ic svg{width:21px;height:21px}
.annpop-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.annpop-main strong{font:600 17px/1.2 Newsreader,Georgia,serif}
.annpop-main a{color:#f5c431;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.annpop-main a:hover,.annpop-main a:focus-visible{color:#fff}
.annpop-x{width:40px;height:40px;flex:none;border:0;border-radius:999px;background:none;color:rgba(255,255,255,.8);font-size:26px;line-height:1;cursor:pointer}
.annpop-x:hover,.annpop-x:focus-visible{background:rgba(255,255,255,.12);color:#fff}
@media (max-width:480px){.annpop{left:10px;bottom:10px;width:calc(100% - 100px);gap:8px;padding:10px 4px 10px 10px}.annpop-ic{width:34px;height:34px}.annpop-main strong{font-size:15.5px}.annpop-main a{font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.annpop{transition:none}}