.site-notices{position:fixed;z-index:80;inset:auto 24px 24px;display:flex;align-items:stretch;justify-content:space-between;gap:20px;pointer-events:none}
.site-notice{display:flex;align-items:center;gap:20px;min-width:0;flex:1 1 0;max-width:none;padding:20px 24px;background:#fff;color:#272526;border:1px solid #e9e5e3;border-radius:14px;box-shadow:0 6px 24px #30101612;pointer-events:auto;font:400 15px/1.6 Inter,Arial,sans-serif}
.site-notice p{margin:0;color:inherit;line-height:inherit;font-size:inherit}
.site-notice a{color:#76020a;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.site-notice a:hover{color:#65040d}
.site-notice button{flex-shrink:0;border:0;border-radius:999px;padding:11px 18px;background:#76020a;color:#fff;font:500 14px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.site-notice button:hover{background:#65040d}
.site-notice--metrics{max-width:none}
body:has(dialog[open]) .site-notices{display:none}
@media(max-width:1100px){.site-notices{inset:auto 16px 16px;flex-direction:column;align-items:stretch;gap:10px}.site-notice,.site-notice--metrics{flex:none;max-width:none;padding:16px;gap:14px;font-size:14px}.site-notices{max-height:70dvh;overflow-y:auto}.site-notice button{padding:10px 14px}}
@media(max-width:400px){.site-notice{align-items:flex-start;flex-direction:column;gap:10px}.site-notice button{align-self:flex-end}}

/* A remaining notice stays on the left at the original card width. */
@media(min-width:1101px){.site-notices{justify-content:flex-start}.site-notice:only-child{flex:0 1 calc((100% - 20px)/2)}}