/* Temporary announcement. Independent of the homepage layout. */
.campaign-notice{position:fixed;z-index:30;right:28px;bottom:64px;width:350px;padding:22px 24px 20px;border:1px solid #334057;border-radius:18px;background:linear-gradient(135deg,#141e2cf5,#0d131ef7);box-shadow:0 16px 55px #0008;backdrop-filter:blur(20px);color:#e7edf7;animation:notice-enter .5s ease both}
.notice-close{position:absolute;right:5px;top:5px;width:44px;height:44px;display:grid;place-items:center;background:none;color:inherit;border-radius:50%;cursor:pointer}
.notice-close img{opacity:.65}.notice-close:hover{background:#ffffff0a}.notice-close:hover img{opacity:1}
.notice-heading{display:flex;align-items:center;gap:10px;padding-right:18px}.notice-heading>img{width:34px;height:34px;border-radius:50%;border:1px solid #39475b;flex:none}
.notice-heading p{font-size:11px;line-height:1.55;color:#b8c6da}.notice-heading .notice-status{display:block;font-size:10px;color:#8b9bb4}
.campaign-notice h2{font-size:20px;font-weight:500;letter-spacing:-.03em;line-height:1.45;margin:16px 0 8px}
.notice-copy{font-size:12px;line-height:1.85;color:#a5b1c5;max-width:280px}
.notice-link{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-top:1px solid #2c384a;margin-top:14px;padding-top:11px;font-size:12px;color:#c9dcff}.notice-link:hover{color:#fff}.notice-link img{width:16px;height:16px}
.campaign-notice :focus-visible{outline:2px solid #afcaff;outline-offset:3px}
@keyframes notice-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.campaign-notice{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:366px;padding:15px 18px 12px;border-radius:16px}.notice-heading{gap:8px}.notice-heading>img{width:28px;height:28px}.notice-heading p{font-size:10px}.notice-heading .notice-status{display:inline;margin-left:8px;font-size:9px}.campaign-notice h2{font-size:18px;margin:10px 0 4px}.notice-copy{font-size:11px;line-height:1.7;max-width:100%}.notice-link{margin-top:9px;padding-top:5px;min-height:38px}}
@media(max-height:650px){.campaign-notice{bottom:12px;max-height:calc(100svh - 24px);padding:13px 18px 8px;overflow:auto}.notice-heading,.notice-copy{display:none}.campaign-notice h2{font-size:16px;margin:0;padding-right:24px}.notice-link{margin-top:6px;padding-top:0;min-height:38px;border-top:0}.notice-close{top:2px;right:3px}}
@media(prefers-reduced-motion:reduce){.campaign-notice{animation:none}}