.needhelp-app #home-announcement{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:520px;height:fit-content;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #d6e3dc;border-radius:24px;background:#fffefb;color:#203b36;box-shadow:0 24px 80px #102f3933;overflow:hidden}
.needhelp-app #home-announcement:not([open]){display:none!important}.needhelp-app #home-announcement[open]{display:flex;flex-direction:column;gap:0}
#home-announcement::backdrop{background:rgb(15 35 40 / 48%)}
.needhelp-app #home-announcement .announcement-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e5ece7;flex:0 0 auto}
.needhelp-app #home-announcement h2{margin:0;font-size:20px}.needhelp-app #home-announcement .announcement-head button{width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#35584f;font-size:26px}
.needhelp-app #home-announcement .announcement-items{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px;flex:1 1 auto}
.needhelp-app #home-announcement article{padding:20px 0;overflow-wrap:anywhere}.needhelp-app #home-announcement article+article{border-top:1px solid #e5ece7}.needhelp-app #home-announcement h3{font-size:22px;line-height:1.45;margin:0 0 10px}.needhelp-app #home-announcement p{font-size:16px;line-height:1.65;margin:0 0 12px}.needhelp-app #home-announcement .announcement-date{font-size:14px;color:#536c64}
.needhelp-app #home-announcement a{color:#12695e;font-weight:650;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.needhelp-app #home-announcement .announcement-actions{padding:12px 24px 20px;border-top:1px solid #e5ece7;background:#f5f8f5;flex:0 0 auto}.needhelp-app #home-announcement label{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 8px;font-size:15px}.needhelp-app #home-announcement input{width:20px;height:20px;margin:0;accent-color:#12695e}.needhelp-app #home-announcement .announcement-buttons{display:flex;justify-content:space-between;align-items:center;gap:16px}.needhelp-app #home-announcement .announcement-buttons button{min-height:44px;padding:8px 24px;border:0;border-radius:12px;background:#12695e;color:white;font-weight:650}.needhelp-app #home-announcement :focus-visible{outline:3px solid #cc751e;outline-offset:3px}
@media(max-height:460px){.needhelp-app #home-announcement .announcement-head{padding:4px 16px}.needhelp-app #home-announcement .announcement-actions{padding:4px 16px}.needhelp-app #home-announcement label{margin:0}.needhelp-app #home-announcement h3{font-size:18px}}

html[data-dialog-viewport] .needhelp-app #home-announcement[open]{inset:0;top:0;left:0;transform:none;margin:auto;max-width:520px;width:calc(100% - 32px);max-height:calc(var(--dialog-height,100dvh) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;padding:0}

.needhelp-app #home-announcement .announcement-buttons{flex-wrap:wrap}.needhelp-app #home-announcement .announcement-buttons a{min-width:0;overflow-wrap:anywhere}.needhelp-app #home-announcement .announcement-buttons button{flex-shrink:0}.needhelp-app #home-announcement label input,.needhelp-app #home-announcement .announcement-head button{flex-shrink:0}