#news-dialog.calendar-dialog{width:min(1160px,calc(100vw - 32px));padding:0;box-sizing:border-box;background:#e1e3e6ed;color:#282c32;border:1px solid #ffffffb3;border-radius:24px;max-height:92svh;overflow:auto;isolation:isolate;box-shadow:0 30px 90px #0005,inset 0 1px 0 #ffffffe0;color-scheme:light;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
#news-dialog::backdrop{background:#15181d80;backdrop-filter:blur(12px)}
#news-dialog[open]{animation:calendar-rise .55s cubic-bezier(.2,.75,.25,1) both}
.calendar-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,#ffffffc9,transparent 58%),radial-gradient(ellipse at 100% 85%,#b5bcc63d,transparent 58%),linear-gradient(145deg,#e8eaedef,#cfd3daeb)}
.calendar-content{position:relative;padding:68px 28px 28px}
#news-dialog .calendar-season{font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.7;letter-spacing:2.1px;text-align:center;margin:0 0 24px;color:#555c67;font-weight:500}
#news-dialog .close{width:44px;height:44px;top:12px;right:12px;background:#ffffff73;color:#343b45;border:1px solid #747c8938;transition:background .2s}
#news-dialog .close:hover{background:#ffffffc7}
#news-dialog button:focus-visible{outline:2px solid #404b5c;outline-offset:4px}
.calendar-overview{display:block;width:100%}
.calendar-overview img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px #4d566b12)}
@keyframes calendar-rise{from{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#news-dialog.calendar-dialog{width:calc(100vw - 20px);border-radius:20px}.calendar-content{padding:66px 16px 22px}#news-dialog .calendar-season{letter-spacing:1px;margin-bottom:20px}.calendar-overview{max-width:380px;margin:auto}}
@media(prefers-reduced-motion:reduce){#news-dialog[open]{animation:none}}

/* The silver outline remains active until the calendar button is clicked. */
@property --calendar-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.news-trigger.calendar-highlight{isolation:isolate;box-shadow:0 0 8px #c7cdd180,0 0 18px #f2f3f433}
.news-trigger.calendar-highlight::after{content:'';position:absolute;inset:-2px;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--calendar-border-angle),#c7cdd130 0deg,#c7cdd130 225deg,#c7cdd1 285deg,#fff 325deg,#c7cdd130 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:calendar-border-trace 3s linear infinite}
@keyframes calendar-border-trace{from{--calendar-border-angle:0deg}to{--calendar-border-angle:720deg}}
@media(prefers-reduced-motion:reduce){.news-trigger.calendar-highlight::after{animation:none;background:#c7cdd1}}

#news-dialog .close:focus-visible{outline:2px solid #333;outline-offset:4px}