.league-updates-page { background: #050a10; }
.league-updates-page main { width: min(100% - 32px,1280px); margin: 0 auto; padding: 26px 0 72px; }
.updates-hero { display: grid; grid-template-columns: minmax(0,1fr) 230px; gap: 24px; align-items: end; padding: clamp(26px,5vw,58px); border: 1px solid #35465a; border-left: 5px solid #55dce8; border-radius: 7px; background: linear-gradient(120deg,#101b27 0%,#15132a 58%,#0c1d22 100%); overflow: hidden; }
.updates-hero h1 { margin: 4px 0 12px; color: #fff; font-size: clamp(2rem,6vw,4.6rem); line-height: .98; }
.updates-hero p { max-width: 760px; margin: 0; color: #b5c3d1; font-size: 1.05rem; line-height: 1.65; }
.updates-hero nav,.update-release nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.updates-hero a,.update-release nav a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 1px solid #456271; border-radius: 999px; background: #0b1821; color: #e7fbff; font-weight: 800; text-decoration: none; }
.updates-hero a:hover,.update-release nav a:hover { border-color: #63dde8; color: #7ce9f1; }
.updates-hero aside { display: grid; place-items: center; min-height: 190px; padding: 22px; border: 1px solid #6e5d9c; border-radius: 6px; background: #17162a; text-align: center; }
.updates-hero aside i { color: #70e1ea; font-size: 2rem; }.updates-hero aside strong { color: #fff; font-size: 3rem; }.updates-hero aside span { color: #ded6ff; font-weight: 800; }.updates-hero aside small { margin-top: 8px; color: #8f9fb0; }
.updates-explainer { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 18px 0 54px; }
.updates-explainer article { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 12px; align-items: center; min-width: 0; padding: 15px; border: 1px solid #2d3d4d; border-radius: 6px; background: #0d151f; }
.updates-explainer b,.update-release li > b { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #59828b; border-radius: 5px; background: #17313a; color: #fff; font-size: 1.05rem; }
.updates-explainer strong,.updates-explainer p { display: block; min-width: 0; }.updates-explainer strong { color: #fff; }.updates-explainer p { margin: 3px 0 0; color: #8fa1b2; font-size: .82rem; line-height: 1.45; }
.updates-list > header { margin-bottom: 20px; }.updates-list > header h2 { margin: 3px 0 8px; color: #fff; font-size: clamp(1.8rem,4vw,3rem); }.updates-list > header > p:last-child { margin: 0; color: #9cadaf; }
.update-release { margin-top: 18px; border: 1px solid #34485a; border-top: 4px solid #55dce8; border-radius: 7px; background: #0c141e; overflow: hidden; scroll-margin-top: 90px; }.update-release.is-builds { border-top-color: #a981ee; }.update-release.is-rift { border-top-color: #d6aa4f; }
.update-release > header { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: 16px; align-items: center; padding: 22px; background: linear-gradient(100deg,rgba(54,211,224,.09),rgba(159,111,230,.07)); }.update-release > header > span { display: grid; place-items: center; width: 60px; height: 60px; border: 1px solid #4f7580; border-radius: 5px; background: #142934; color: #69e1ea; font-size: 1.55rem; }.update-release time { color: #6edee7; font-size: .72rem; font-weight: 900; text-transform: uppercase; }.update-release h3 { margin: 3px 0; color: #fff; font-size: 1.35rem; }.update-release header p { margin: 0; color: #aab8c6; line-height: 1.5; }.update-release header > b { padding: 7px 11px; border: 1px solid #6a5c96; border-radius: 999px; color: #ddd2ff; font-size: .72rem; text-transform: uppercase; }
.update-release ol { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: #263441; }.update-release li { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 13px; align-items: center; padding: 14px 18px; background: #0e1721; color: #c9d4df; line-height: 1.5; }.update-release li > b { width: 34px; height: 34px; font-size: .86rem; }.update-release nav { margin: 0; padding: 17px 18px; background: #0a1119; }
@media(max-width:720px){.league-updates-page main{width:min(100% - 18px,1280px);padding-top:14px}.updates-hero{grid-template-columns:1fr;padding:24px 18px}.updates-hero aside{grid-template-columns:auto auto;justify-content:center;gap:6px 12px;min-height:0}.updates-hero aside i{grid-row:1/3}.updates-hero aside small{grid-column:1/-1}.updates-explainer{grid-template-columns:1fr;margin-bottom:38px}.update-release>header{grid-template-columns:52px minmax(0,1fr)}.update-release>header>span{width:50px;height:50px}.update-release header>b{grid-column:2;justify-self:start}.update-release li{grid-template-columns:36px minmax(0,1fr);padding:12px}.updates-hero a,.update-release nav a{flex:1 1 150px;justify-content:center}}