:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: #f4f7ff; background: #080b14; line-height: 1.55; }
a { color: #91b8ff; }
header, main, footer { width: min(980px, calc(100% - 40px)); margin-inline: auto; }
header { padding: 48px 0 44px; }
.back { display: inline-block; margin-bottom: 36px; text-decoration: none; }
.eyebrow { margin: 0 0 8px; color: #76a8ff; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(48px, 9vw, 82px); line-height: .95; letter-spacing: -.055em; }
h2 { margin: 0; font-size: clamp(30px, 5vw, 45px); letter-spacing: -.035em; }
h3 { margin: 0; font-size: clamp(25px, 4vw, 36px); letter-spacing: -.03em; }
h4 { margin: 0 0 8px; color: #dce6f8; font-size: 16px; }
.lede { max-width: 720px; margin: 22px 0 0; color: #aeb8cd; font-size: 18px; }
.header-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.header-links a { padding: 9px 13px; border: 1px solid #29334a; border-radius: 999px; text-decoration: none; background: #101625; }
main { padding: 54px 0 64px; border-top: 1px solid #20283a; }
.release-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 18px; }
.updated { margin: 0; color: #7f8ba3; font-size: 13px; }
.release { margin-top: 18px; padding: 27px; border: 1px solid #242e43; border-radius: 22px; background: linear-gradient(145deg, #121827, #0c111d); }
.release.current { border-color: #315187; box-shadow: inset 0 0 0 1px rgba(61,118,214,.12); }
.release-top { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.release-meta { margin: 6px 0 0; color: #8e9ab1; font-size: 13px; }
.badge { padding: 6px 9px; border-radius: 999px; color: #8ff0b7; background: rgba(50,180,105,.14); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.summary { max-width: 760px; margin: 18px 0 0; color: #b7c1d5; }
.sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.section { min-width: 0; padding: 18px; border-radius: 15px; background: #080d17; }
.section ul { margin: 0; padding-left: 20px; color: #aeb8cd; }
.section li + li { margin-top: 8px; }
.platforms { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.platform { padding: 5px 8px; border: 1px solid #2d3951; border-radius: 999px; color: #a9b7ce; font-size: 11px; font-weight: 750; }
.warning { padding: 16px; border: 1px solid #654b21; border-radius: 14px; color: #f2d4a5; background: #211a0e; }
footer { display: flex; justify-content: space-between; gap: 22px; padding: 32px 0 48px; border-top: 1px solid #20283a; color: #79859b; font-size: 13px; }
@media (max-width: 680px) {
  header, main, footer { width: min(100% - 28px, 980px); }
  header { padding-top: 28px; }
  .release-heading, .release-top, footer { display: block; }
  .updated, .badge { display: inline-block; margin-top: 8px; }
  .sections { grid-template-columns: 1fr; }
  .release { padding: 21px; }
  footer span { display: block; margin-top: 10px; }
}