.site-notice:not([open]) { display:none; }
.site-notice {
  box-sizing:border-box; width:min(520px,calc(100% - 32px)); max-width:none;
  max-height:calc(100dvh - 32px); margin:auto; padding:36px;
  border:0; border-top:4px solid #0d243f; border-radius:0;
  background:#fff; color:#0d243f; box-shadow:0 20px 70px rgba(0,0,0,.2);
  font-family:var(--font-sans, sans-serif); overflow:auto; overscroll-behavior:contain;
}
.site-notice::backdrop { background:rgba(9,24,42,.48); }
.site-notice .site-notice-brand { display:flex; align-items:center; gap:12px; padding-right:28px; }
.site-notice .site-notice-brand img { display:block; width:36px; height:36px; }
.site-notice .site-notice-eyebrow { margin:0; color:#146cd4; font-size:12px; font-weight:700; letter-spacing:.03em; }
.site-notice .site-notice-title { margin:26px 0 20px; color:#0d243f; font-size:30px; line-height:1.35; font-weight:800; letter-spacing:-.055em; word-break:keep-all; }
.site-notice .site-notice-copy p { margin:0 0 14px; color:#52657b; font-size:16px; line-height:1.8; word-break:keep-all; overflow-wrap:anywhere; }
.site-notice .site-notice-copy p:last-child { margin-bottom:0; }
.site-notice .site-notice-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:28px; }
.site-notice .site-notice-actions :is(a,button) { box-sizing:border-box; display:flex; justify-content:center; align-items:center; min-height:50px; padding:12px 8px; border:1px solid #cbd6e3; border-radius:0; background:#fff; color:#0d243f; font:700 14px var(--font-sans,sans-serif); text-decoration:none; cursor:pointer; }
.site-notice .site-notice-actions a { background:#0d243f; border-color:#0d243f; color:#fff; }
.site-notice .site-notice-actions a:hover { background:#146cd4; border-color:#146cd4; }
.site-notice .site-notice-actions button:hover { background:#f3f6fa; }
.site-notice .site-notice-preference { display:flex; align-items:center; gap:8px; min-height:44px; margin-top:20px; padding-top:16px; border-top:1px solid #cbd6e3; color:#52657b; font-size:13px; cursor:pointer; }
.site-notice .site-notice-preference input { width:17px; height:17px; margin:0; accent-color:#0d243f; flex:none; }
.site-notice .site-notice-close { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:0; background:transparent; color:#0d243f; cursor:pointer; }
.site-notice .site-notice-close svg { width:20px; height:20px; stroke:currentColor; stroke-width:1.6; fill:none; }
.site-notice :is(a,button,input):focus-visible { outline:2px solid #146cd4; outline-offset:3px; }
@media(max-width:540px) {
  .site-notice { padding:28px 24px 20px; }
  .site-notice .site-notice-title { font-size:26px; margin-top:24px; }
  .site-notice .site-notice-copy p { font-size:15px; }
}
@media(max-width:360px) {
  .site-notice { padding-inline:20px; }
  .site-notice .site-notice-title { font-size:24px; }
}