/* Seren Spirits v4.0.44 public changelog */
.page-changelog { --changelog-accent: #58f3e6; }
.changelog-hero { position: relative; background: linear-gradient(90deg, rgba(1,11,18,.96), rgba(2,15,23,.84)); }
.changelog-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) 470px; gap: 3rem; align-items: center; }
.changelog-hero-copy { padding-left: min(31vw, 430px); }
.changelog-hero-copy h1 { max-width: 10ch; }
.changelog-hero-console { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid var(--line-strong); border-radius: 10px; overflow: hidden; background: rgba(2,15,22,.82); }
.changelog-hero-console div { min-height: 104px; padding: .85rem 1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.changelog-hero-console div:nth-child(2n) { border-right: 0; }
.changelog-hero-console div:nth-last-child(-n+2) { border-bottom: 0; }
.changelog-hero-console small,.changelog-hero-console span { display:block; }
.changelog-hero-console small { color:#a9c0c1; font-size:.65rem; font-weight:800; }
.changelog-hero-console strong { display:block; margin:.2rem 0; color:var(--gold); font-family:var(--serif); font-size:1.8rem; line-height:1; white-space:nowrap; }
.changelog-hero-console span { color:var(--muted); font-size:.61rem; }
.changelog-page { padding: 1rem 0 4rem; }
.changelog-toolbar { position: sticky; z-index: 12; top: 74px; min-height: 60px; padding: .65rem .75rem; display:grid; grid-template-columns:minmax(260px,1fr) auto auto; gap:.75rem; align-items:center; }
.changelog-toolbar label { min-height:42px; display:flex; align-items:center; gap:.55rem; padding:0 .72rem; border:1px solid var(--line); border-radius:7px; background:rgba(2,13,19,.76); }
.changelog-toolbar label .icon { color:var(--muted); }
.changelog-toolbar input { width:100%; min-width:0; padding:0; border:0; background:transparent; box-shadow:none; }
.changelog-toolbar > span { color:var(--muted); font-size:.68rem; font-weight:800; white-space:nowrap; }
.changelog-filter-buttons { display:flex; gap:.35rem; }
.changelog-filter-buttons button { min-height:38px; padding:.45rem .68rem; border:1px solid var(--line); border-radius:7px; color:#a9bebe; background:rgba(2,13,19,.62); font-size:.65rem; font-weight:800; cursor:pointer; }
.changelog-filter-buttons button:hover,.changelog-filter-buttons button.active { color:var(--cyan-bright); border-color:var(--line-strong); background:rgba(26,142,143,.16); }
.changelog-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:1rem; align-items:start; margin-top:1rem; }
.changelog-index { position:sticky; top:145px; padding:.8rem; max-height:calc(100vh - 165px); overflow:auto; }
.changelog-index nav { display:grid; gap:.18rem; margin-top:.6rem; }
.changelog-index a { min-height:38px; padding:.5rem .58rem; display:flex; align-items:center; justify-content:space-between; gap:.6rem; border:1px solid transparent; border-radius:6px; color:#b8cbcb; text-decoration:none; font-size:.69rem; font-weight:800; }
.changelog-index a small { color:var(--muted); font-size:.55rem; }
.changelog-index a:hover { color:var(--cyan); border-color:var(--line); background:rgba(22,128,132,.1); }
.changelog-timeline { min-width:0; display:grid; gap:.8rem; }
.changelog-release { position:relative; padding:0; overflow:hidden; scroll-margin-top:150px; }
.changelog-release::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#2a5559; }
.changelog-release.is-latest::before { background:var(--cyan); box-shadow:0 0 18px rgba(71,239,227,.45); }
.changelog-release header { padding:1rem 1.1rem .9rem; display:grid; grid-template-columns:110px minmax(0,1fr) auto; gap:1rem; align-items:start; border-bottom:1px solid var(--line); }
.changelog-version-mark { display:flex; align-items:baseline; gap:.15rem; color:var(--cyan); }
.changelog-version-mark span { font-size:.78rem; font-weight:900; }
.changelog-version-mark strong { font-family:var(--serif); font-size:1.75rem; font-weight:600; white-space:nowrap; }
.changelog-release-title > div { display:flex; flex-wrap:wrap; gap:.35rem; }
.release-channel,.release-latest { display:inline-flex; padding:.22rem .42rem; border:1px solid var(--line); border-radius:999px; font-size:.54rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.channel-production { color:#8ff7bd; border-color:rgba(97,224,148,.32); background:rgba(34,112,70,.18); }
.channel-beta { color:#83e9ff; border-color:rgba(69,202,235,.32); background:rgba(23,93,117,.2); }
.channel-hotfix { color:#ffd39a; border-color:rgba(255,169,79,.34); background:rgba(111,68,21,.2); }
.release-latest { color:var(--gold); border-color:rgba(255,197,80,.32); background:rgba(104,72,12,.2); }
.changelog-release h2 { margin:.45rem 0 .3rem; font-size:1.45rem; }
.changelog-release-title p { margin:0; color:#9cb2b3; font-size:.74rem; }
.changelog-release time { color:var(--muted); font-size:.62rem; white-space:nowrap; }
.changelog-release ul { margin:0; padding:.9rem 1.1rem .9rem 2.1rem; display:grid; gap:.48rem; }
.changelog-release li { color:#c8d7d7; font-size:.75rem; line-height:1.5; }
.changelog-release li::marker { color:var(--cyan); }
.changelog-release footer { padding:.55rem 1.1rem; display:flex; justify-content:flex-end; border-top:1px solid var(--line); background:rgba(1,10,15,.26); }
.changelog-release footer a { display:inline-flex; align-items:center; gap:.35rem; color:#8eaaaa; font-size:.61rem; font-weight:800; text-decoration:none; }
.changelog-release footer a:hover { color:var(--cyan); }
.changelog-empty { padding:2.5rem; display:grid; place-items:center; gap:.45rem; text-align:center; }
.changelog-empty .icon { color:var(--cyan); width:30px; height:30px; }
.changelog-empty span { color:var(--muted); font-size:.72rem; }
@media(max-width:1150px){.changelog-hero-layout{grid-template-columns:1fr 410px}.changelog-hero-copy{padding-left:260px}.changelog-layout{grid-template-columns:1fr}.changelog-index{position:static;max-height:none}.changelog-index nav{grid-template-columns:repeat(5,minmax(0,1fr))}.changelog-index a{justify-content:center}.changelog-index a small{display:none}}
@media(max-width:850px){.changelog-hero-layout{grid-template-columns:1fr}.changelog-hero-copy{padding-left:0}.changelog-hero-console{display:none}.changelog-toolbar{position:static;grid-template-columns:1fr}.changelog-filter-buttons{flex-wrap:wrap}.changelog-layout{margin-top:.75rem}.changelog-index nav{grid-template-columns:repeat(4,minmax(0,1fr))}.changelog-release header{grid-template-columns:1fr}.changelog-release time{grid-row:1;justify-self:end}.changelog-version-mark{grid-row:1}.changelog-release-title{grid-column:1/-1}}
@media(max-width:520px){.changelog-index nav{grid-template-columns:repeat(3,minmax(0,1fr))}.changelog-filter-buttons button{flex:1}.changelog-release header{padding:.8rem}.changelog-release ul{padding:.8rem .8rem .8rem 1.7rem}}