.announcements-page { background:#0b1014; color:#fff; }
.announcements-page h1,.announcements-page h2,.announcements-page h3 { color:#fff; }
.announcements-page [hidden] { display:none!important; }
.announcements-page :focus-visible { outline:2px solid #28f57b; outline-offset:5px; }
.announcements-hero { position:relative; padding:190px 0 100px; background:linear-gradient(90deg,#050b0ff2,#050b0f75),url('../img/bg/contact-email-circuit.png') center/cover; border-bottom:3px solid; border-image:linear-gradient(90deg,#ff2782,#28f57b) 1; }
.announcement-home { display:inline-block; padding:12px 18px; border:1px solid #28f57b; color:#fff; margin-bottom:65px; }
.announcement-hero-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:60px; align-items:center; }
.announcements-kicker { color:#ff2782!important; font:400 17px/1.5 Anton,sans-serif; text-transform:uppercase; }
.announcements-hero h1 { font:400 clamp(54px,6.2vw,92px)/1.02 Anton,sans-serif; text-transform:uppercase; margin-bottom:25px; }
.announcements-hero h1 span { color:#ff2782; }
.announcement-intro { color:#d8dfe0; max-width:670px; font-size:18px; line-height:1.7; }
.announcement-cta { display:inline-flex; padding:15px 20px; background:#28f57b; color:#06110b; font-weight:800; margin-top:16px; gap:12px; }
.announcement-cta:hover { background:#ff2782; color:#fff; }
.announcement-hero-art { border:1px solid #ffffff55; background:#ffffff12; padding:18px; transform:rotate(1deg); }
.announcement-hero-art>div { min-height:365px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:30px; background:#070e11c9; }
.announcement-hero-art i { font-size:76px; color:#28f57b; transform:rotate(-15deg); margin-bottom:28px; }
.announcement-hero-art strong { font:400 44px/1.15 Anton,sans-serif; color:#fff; }
.announcement-hero-art span { margin-top:24px; font-size:11px; letter-spacing:.17em; color:#ff2782; }
.announcements-content { padding:70px 0 100px; }
#announcement-archive { scroll-margin-top:120px; }
.announcements-filters { display:grid; grid-template-columns:minmax(250px,2fr) 1fr 1fr 1fr 48px; gap:15px; align-items:end; }
.announcements-filters label { display:grid; gap:8px; min-width:0; color:#bbc6cb; font-size:13px; }
.announcements-filters input,.announcements-filters select { width:100%; min-width:0; height:52px; background:#151e23; color:white; border:1px solid #ffffff30; border-radius:0; padding:10px 12px; color-scheme:dark; }
.announcements-filters input::placeholder { color:#a8b5bc; opacity:1; }
.announcement-search div { position:relative; border-top:2px solid #28f57b; }
.announcement-search input { padding-left:42px; }
.announcement-search i { position:absolute; left:15px; top:18px; color:#28f57b; }
.announcement-reset { height:52px; background:#151e23; color:#28f57b; border:1px solid #ffffff30; }
.announcement-tabs { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 20px; }
.announcement-tag { padding:13px 22px; border:1px solid #ffffff35; background:#1c2025; color:#fff; font-weight:800; text-transform:uppercase; }
.announcement-tag[aria-pressed="true"] { background:#28f57b; border-color:#28f57b; color:#05100b; box-shadow:0 0 22px #28f57b22; }
#announcement-count { color:#b5c0c5; margin-bottom:28px; }
.announcement-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.announcement-card { position:relative; min-width:0; background:#151e23; border:1px solid #ffffff28; display:flex; flex-direction:column; }
.announcement-card:before,.announcement-card:after { content:''; position:absolute; width:44%; height:26%; pointer-events:none; z-index:2; }
.announcement-card:before { left:-1px; top:-1px; border-left:3px solid #28f57b; border-top:3px solid #28f57b; }
.announcement-card:after { right:-1px; bottom:-1px; border-right:3px solid #ff2782; border-bottom:3px solid #ff2782; }
.announcement-card:hover { border-color:#28f57b77; }
.announcement-card-art { position:relative; height:215px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 70% 15%,#ff278215,transparent 60%),#090f12; }
.announcement-circuit { position:absolute; inset:0; width:100%; height:100%; opacity:.36; stroke-width:1.3; }
.announcement-card-art img { position:relative; z-index:1; width:65%; height:155px; object-fit:contain; filter:drop-shadow(0 5px 12px #000); }
.announcement-card-copy { padding:25px; display:flex; flex-direction:column; flex:1; }
.announcement-card time { color:#b8c3c9; font-size:13px; }
.announcement-category { display:block; color:#28f57b; font-size:12px; font-weight:800; text-transform:uppercase; margin:9px 0; }
.announcement-card h2 { margin:5px 0 17px; font-size:27px; line-height:1.2; }
.announcement-card-open { border:0; padding:0; background:none; color:#fff; font:inherit; text-align:left; }
.announcement-card-open:after { content:''; position:absolute; inset:0; z-index:3; }
.announcement-card p { color:#cad3d7; font-size:14px; line-height:1.65; }
.announcement-highlights { padding:15px 0 15px 17px; color:#aebdc5; font-size:12px; border-top:1px solid #ffffff20; }
.announcement-read { margin-top:auto; font-weight:800; font-size:13px; color:#28f57b; }
#announcement-more { margin:32px auto 0; padding:14px 22px; background:#151e23; border:1px solid #28f57b; color:#28f57b; }
.announcement-empty { grid-column:1/-1; padding:40px; color:#ccd4d8; }
#announcement-dialog { width:min(1000px,calc(100% - 32px)); max-height:88vh; max-height:88dvh; padding:48px; background:#10191e; border:1px solid #59686e; border-top:3px solid #28f57b; border-bottom:3px solid #ff2782; color:#fff; margin:auto; overflow:auto; overscroll-behavior:contain; }
#announcement-dialog::backdrop { background:#03080bd9; backdrop-filter:blur(7px); }
.announcement-close { position:sticky; float:right; top:0; margin:-26px -25px 0 10px; width:44px; height:44px; background:#ff2782; border:0; color:#fff; font-size:30px; z-index:5; }
.announcement-modal-head { display:grid; grid-template-columns:150px 1fr; gap:25px; margin-bottom:28px; }
.announcement-modal-head img { width:150px; height:170px; object-fit:contain; }
.announcement-modal-head h2 { font:400 36px/1.2 Anton,sans-serif; margin:12px 0 18px; }
.announcement-modal-head time { font-size:13px; color:#b5c3c9; }
#announcement-dialog p { color:#d2dbe0; line-height:1.7; }
.announcement-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin:25px 0; }
.announcement-facts>div { background:#1b2429; border:1px solid #ffffff28; padding:18px; min-width:0; }
.announcement-facts dt { color:#28f57b; font-size:12px; text-transform:uppercase; margin-bottom:10px; }
.announcement-facts dd { font-weight:700; color:#fff; margin:0; overflow-wrap:anywhere; }
.announcement-modal-copy { margin:30px 0; }
.announcement-current { background:#0b261d; border-left:4px solid #28f57b; padding:24px; }
.announcement-current h3 { font:400 29px/1.2 Anton,sans-serif; }
.announcement-current code { display:block; color:#fff; overflow-wrap:anywhere; }
.announcement-related { display:block; color:#28f57b; text-decoration:underline; margin:12px 0; }
#announcement-dialog .announcement-origin { color:#9baeb7; font-size:12px; margin-top:25px; }
.announcement-modal-open { overflow:hidden; }
@media(max-width:1100px) { .announcement-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .announcements-filters { grid-template-columns:1fr 1fr 1fr 48px; } .announcement-search { grid-column:1/-1; } .announcement-hero-grid { gap:30px; } }
@media(max-width:767px) { .announcements-hero { padding:135px 0 65px; } .announcement-home { margin-bottom:35px; } .announcement-hero-grid { grid-template-columns:1fr; } .announcement-hero-art { max-width:420px; width:100%; margin:auto; } .announcement-hero-art>div { min-height:260px; } .announcement-hero-art strong { font-size:36px; } .announcement-facts { grid-template-columns:1fr; } #announcement-dialog { padding:30px 22px; } .announcement-close { margin:-15px -8px 5px 10px; } .announcement-modal-head { grid-template-columns:1fr; } .announcement-modal-head img { width:110px; height:100px; } .announcement-modal-head h2 { font-size:30px; } }
@media(max-width:575px) { .announcement-grid { grid-template-columns:1fr; } .announcements-filters { grid-template-columns:1fr 1fr; } .announcements-filters label:nth-child(2) { grid-column:1/-1; } .announcement-reset { width:48px; } .announcement-tag { padding:11px 14px; font-size:12px; } .announcement-current { padding:18px; } }

/* Cancel the global 60px select line-height inside the 52px filters. */
.announcements-filters select {
  line-height: normal;
  padding: 0 12px;
  appearance: auto;
  -webkit-appearance: menulist;
}

.announcement-modal-copy p { white-space: pre-line; }
.announcement-modal-copy a { color:#28f57b; text-decoration:underline; overflow-wrap:anywhere; }

.announcement-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0}.announcement-actions button{border:1px solid #28f57b;background:#14231d;color:#fff;padding:10px 16px;font:inherit;cursor:pointer}.announcement-actions button:hover,.announcement-actions button[aria-pressed="true"]{background:#28f57b;color:#07100b}.announcement-actions button:disabled{opacity:.5;cursor:default}.announcement-actions button:focus-visible{outline:2px solid #ff2782;outline-offset:3px}.announcement-actions p{flex-basis:100%;font-size:14px;margin:0}.announcement-actions input{width:100%;color:#fff;background:#14231d}