.updates-body { background:radial-gradient(ellipse at 90% 0,#15463d55,transparent 45%),#07110f; }
.updates-page { max-width:1450px; margin:auto; padding:28px clamp(20px,5vw,72px) 0; }
.updates-skip { position:fixed; top:-100px; left:20px; z-index:100; padding:14px; background:#a6ffdb; color:#06100e; }.updates-skip:focus { top:10px; }
.updates-intro { display:grid; grid-template-columns:1fr auto; align-items:end; gap:35px; padding:64px 0 45px; }
.updates-eyebrow { display:flex; gap:8px; align-items:center; margin:0; font-size:10px; font-weight:800; letter-spacing:.18em; color:#72e8bc; }.updates-eyebrow > span { width:6px; height:6px; border-radius:50%; background:#72e8bc; box-shadow:0 0 12px #72e8bc60; }
.updates-intro h1 { font-size:clamp(2.5rem,5.5vw,5rem); line-height:1.07; margin:20px 0; letter-spacing:-.055em; text-transform:none; }.updates-intro h1 em { color:#7df2c4; font-style:normal; }.updates-intro > div > p:not(.updates-eyebrow) { color:#a5bfb4; line-height:1.85; font-size:15px; }
.updates-overview { padding:25px 28px; min-width:250px; border-left:1px solid #55b48b50; background:linear-gradient(90deg,#0c2b2060,transparent); }.updates-overview > span { color:#7a9e8e; font-size:9px; letter-spacing:.16em; font-weight:800; }.updates-overview strong { display:block; font-size:22px; margin:12px 0; color:#ddf9e9; }.updates-overview p { margin:0 0 14px; color:#b7cec1; font-size:13px; }.updates-overview b { color:#7df2c4; }.updates-overview small { color:#7e9b8c; font-size:10px; }
.updates-tools { padding:22px; border:1px solid #315345; background:#0b1b15; border-radius:10px; }.updates-tool-row { display:flex; align-items:end; gap:14px; flex-wrap:wrap; }.updates-tool-row label { display:grid; gap:8px; font-size:10px; font-weight:800; color:#9db8aa; }.updates-search { flex:1; min-width:210px; }.updates-tool-row input,.updates-tool-row select { border:1px solid #345346; border-radius:5px; background:#07140e; color:#d9eddf; padding:12px 14px; min-height:44px; font:inherit; font-size:12px; }.updates-tool-row input::placeholder { color:#749382; }
.updates-button { min-height:44px; padding:11px 16px; border:1px solid #4a8b6b; border-radius:5px; color:#c7ffdf; background:#123c29; font:inherit; font-size:11px; font-weight:800; cursor:pointer; }.updates-button:disabled { opacity:.55; cursor:wait; }
.updates-filter-row { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; align-items:center; margin-top:20px; }.updates-filters { display:flex; gap:7px; flex-wrap:wrap; }.updates-filters button { padding:9px 13px; border:1px solid transparent; border-radius:5px; font:inherit; font-size:11px; color:#91ae9e; background:transparent; cursor:pointer; }.updates-filters button[aria-pressed='true'] { color:#b6ffda; background:#1a4930; border-color:#427759; }.updates-filters button:hover { color:#fff; }.updates-unread { display:flex; align-items:center; gap:8px; font-size:11px; color:#a0baa9; }.updates-unread input { accent-color:#6de7ae; }
.updates-results-row { display:flex; gap:15px; justify-content:space-between; align-items:center; margin:32px 0 19px; }.updates-results-row h2 { margin:0; font-family:var(--body); font-size:16px; letter-spacing:0; text-transform:none; }.updates-results-row > span { color:#829f8c; font-size:11px; }
.updates-layout { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:28px; align-items:start; }.updates-feed { display:grid; gap:20px; }.update-note { padding:25px 28px; border:1px solid #294b39; border-radius:8px; background:linear-gradient(135deg,#10271b,#0a1b13); scroll-margin-top:25px; }.update-note--important { border-color:#6cba88; box-shadow:inset 3px 0 0 #7de4aa; }.update-note-top { display:flex; align-items:center; flex-wrap:wrap; gap:9px; font-size:10px; color:#80a38c; }.update-tag { display:inline-flex; padding:5px 8px; border:1px solid #3d7954; border-radius:4px; background:#16432a; color:#b6f8cf; font-size:9px; font-weight:800; }.update-tag--important { color:#ffe0a0; border-color:#89703b; background:#3b301b; }.update-tag--unread { color:#9dffd0; background:transparent; border-color:transparent; }
.update-note h3 { margin:19px 0 12px; font-size:clamp(19px,2vw,25px); line-height:1.35; color:#e5f6e6; letter-spacing:-.025em; }.update-summary { margin:0; color:#afcbb6; font-size:13px; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; }.update-impact { margin-top:19px; padding:14px 16px; border-left:2px solid #67bb88; background:#1c48251c; }.update-impact strong { color:#a5e9bc; font-size:10px; letter-spacing:.04em; }.update-impact p { margin:7px 0 0; color:#a7c0ac; font-size:12px; line-height:1.8; white-space:pre-line; }
.update-details { margin-top:19px; border-top:1px solid #294b39; }.update-details summary { cursor:pointer; color:#a2edbf; padding:16px 0 0; font-size:12px; font-weight:800; }.update-details ul { padding-left:20px; color:#b1cdb7; font-size:12px; line-height:1.9; }.update-action { padding-top:10px; color:#b1cdb7; font-size:12px; line-height:1.9; }.update-action strong { color:#d4edda; }.update-links { display:flex; flex-wrap:wrap; gap:15px; margin-top:16px; }.update-links a { font-size:11px; color:#8feeb7; text-decoration:underline; text-underline-offset:4px; }.update-note-footer { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:20px; }.update-note-footer button { padding:8px 0; color:#a8d8b8; background:none; border:0; font:inherit; font-size:10px; cursor:pointer; }.update-note-footer button:hover { color:#e3ffed; text-decoration:underline; }
.updates-sidebar { padding:25px 22px; border:1px solid #274637; border-radius:8px; background:#0c2015; }.updates-sidebar h2 { margin:15px 0 22px; font-size:21px; line-height:1.3; text-transform:none; letter-spacing:-.03em; }.updates-sidebar ol { margin:0; padding-left:17px; }.updates-sidebar li { padding:0 0 19px 5px; color:#6ca982; font-size:11px; }.updates-sidebar li strong { color:#c2ddc6; display:block; font-size:11px; }.updates-sidebar li span { display:block; color:#81a28a; line-height:1.8; margin-top:6px; }.updates-sidebar > p { color:#7d9e85; font-size:11px; line-height:1.9; border-top:1px solid #294b39; padding-top:17px; }.updates-sidebar > a { display:block; margin-top:20px; color:#99dfb1; font-size:11px; }
.updates-notice { padding:14px 18px; border:1px solid #8b713b; border-radius:5px; background:#292315; color:#e1cb98; font-size:12px; line-height:1.8; }.updates-empty { padding:35px; text-align:center; border:1px dashed #315d41; color:#a1bba8; border-radius:8px; }.updates-empty h3 { font-size:17px; }.updates-empty p { font-size:12px; line-height:1.8; }.updates-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; margin-top:50px; padding:28px 0; border-top:1px solid #254332; color:#769681; font-size:10px; }.updates-footer a { color:#a5d5b3; }
.updates-page :is(a,button,input,select,summary):focus-visible { outline:2px solid #8de5b0; outline-offset:4px; }
@media(max-width:1000px) { .updates-layout { grid-template-columns:1fr; }.updates-sidebar { display:none; }.updates-overview { min-width:210px; padding:20px; } }
@media(max-width:650px) { .updates-intro { grid-template-columns:1fr; padding:40px 0 28px; gap:12px; }.updates-overview { padding:18px 20px; }.updates-overview strong { font-size:18px; }.updates-tools { padding:16px; }.updates-search { flex-basis:100%; }.updates-tool-row label:not(.updates-search) { flex:1; }.updates-filters { gap:3px; }.updates-filters button { padding:8px; font-size:10px; }.update-note { padding:22px 20px; }.updates-page .info-nav { gap:17px; }.updates-page .info-nav .brand { flex-basis:100%; }.updates-results-row { align-items:start; }.updates-results-row > span { text-align:right; } }