.notification-page{min-height:65vh;padding:7rem 1rem 3rem}.notification-message{box-sizing:border-box;color:#102735;background:#fcf9f1;border:1px solid #bca773;border-radius:16px;width:min(40rem,100%);max-width:none;margin:0 auto;padding:0;position:relative;inset:auto;overflow:hidden;box-shadow:0 16px 64px #071a2940}.notification-message[open]{flex-direction:column;display:flex}.notification-message:not([data-interactive]) .notification-message-tools,.notification-message:not([data-interactive]) button{display:none}.notification-message:modal{width:min(40rem, calc(100% - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100vh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin:auto;position:fixed;inset:0}.notification-message::backdrop{background:#04121bc7}.notification-message-header{color:#f9f5e9;background:#071a29;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.notification-message-header>span{overflow-wrap:anywhere;min-width:0;font:600 1rem/1.4 var(--font-sans,system-ui);align-items:center;gap:8px;display:flex}.notification-message-header>span svg{color:#e6c786;flex-shrink:0}.notification-message-close{color:#e6c786;border:1px solid #a28b56;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.notification-message-tools{border-bottom:1px solid #d9d2c3;flex:none;padding:.25rem 1rem}.notification-message-tools button{color:#68512b;min-height:44px;font:650 1rem/1.4 var(--font-sans,system-ui);cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:.5rem .25rem;text-decoration:underline}.notification-message-content{overscroll-behavior:contain;overflow-wrap:anywhere;min-height:0;padding:clamp(1.15rem,4vw,2rem);overflow-y:auto}.notification-message-church{color:#6c542b;text-transform:uppercase;letter-spacing:.14em;font:750 .8rem/1.5 var(--font-sans,system-ui);margin:0 0 .75rem}.notification-message h1{color:#102735;margin:0 0 1.25rem;font:400 clamp(1.75rem,5vw,2.5rem)/1.15 Georgia,serif}.notification-message-body{white-space:pre-wrap;font:400 1.125rem/1.7 var(--font-sans,system-ui);margin:0}.notification-message-destination{box-sizing:border-box;color:#fcf9f1;text-align:left;width:100%;min-height:48px;font:650 1rem/1.5 var(--font-sans,system-ui);cursor:pointer;background:#071a29;border:1px solid #071a29;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin:1.75rem 0 0;padding:.85rem 1rem;text-decoration:none;display:flex}.notification-message-destination svg{flex-shrink:0}.notification-message-destination small{color:#e6c786;font:400 .9rem/1.5 var(--font-sans,system-ui);margin-top:.25rem;display:block}.notification-history-intro{font:400 1rem/1.6 var(--font-sans,system-ui);margin:0 0 1rem}.notification-history-list{margin:0;padding:0;list-style:none}.notification-history-list li+li{border-top:1px solid #d9d2c3}.notification-history-list article{color:#102735;font:400 1rem/1.6 var(--font-sans,system-ui);padding:1.35rem 0}.notification-history-list h2{color:#102735;font:650 1.2rem/1.4 var(--font-sans,system-ui);margin:.4rem 0 .65rem}.notification-history-list time{color:#68512b;font-size:.85rem;display:block}.notification-history-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.notification-history-destination{color:#68512b;text-underline-offset:.2em;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;margin-top:.8rem;padding:.5rem 0;font-weight:650;text-decoration:underline;display:flex}.notification-history-destination small{color:#43525a;font-size:.9rem;font-weight:400;display:block}.notification-history-destination svg{flex-shrink:0}.notification-history-latest{color:#68512b;text-underline-offset:.2em;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.notification-message :focus-visible{outline-offset:3px;outline:3px solid #a16f15}.notification-message-close:focus-visible{outline-color:#e6c786}.notification-message-content:focus-visible{outline-offset:-4px}@media (forced-colors:active){.notification-message,.notification-message-close,.notification-message-destination{border-color:buttontext}}