/* History content shares the product's styles.css and site.css chrome. */
.release-intro > p:last-child { max-width:560px; color:var(--muted); font-size:14px; line-height:1.8; }
.back-link { display:inline-block; padding:8px 0; margin-bottom:24px; color:var(--cyan); font-size:12px; text-decoration:none; }
.history-layout { display:grid; grid-template-columns:208px minmax(0,1fr); gap:40px; padding:30px 0 48px; align-items:start; }
.history-index { position:sticky; top:28px; }
.history-index h2 { font-size:19px; letter-spacing:-.3px; margin:0 0 12px; }
.history-index nav { display:flex; flex-direction:column; margin-bottom:25px; }
.history-index nav a { font-size:12px; color:var(--muted); padding:12px 0; border-bottom:1px solid var(--line); line-height:1.6; text-decoration:none; }
.history-index nav a:hover { color:var(--gold); }
.release-history { min-width:0; }
.release-history > p { color:var(--muted); font-size:12px; line-height:1.7; margin:0 0 14px; }
.release-history .offline-note { color:var(--cyan); }
.release-history article { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:30px; scroll-margin-top:28px; }
.release-history article:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.release-history article + article { margin-top:28px; }
.release-history-date { color:var(--cyan); font-size:12px; margin:0 0 12px; }
.release-history h3 { color:var(--gold); font-size:24px; line-height:1.3; margin:0 0 12px; letter-spacing:-.5px; }
.release-permalink { color:var(--gold); font-size:11px; display:inline-block; padding:6px 0; margin-bottom:16px; }
.release-history ul { padding-left:20px; line-height:1.8; color:var(--muted); font-size:13px; }
.release-history li { margin:0 0 14px; }
.release-history li strong { color:var(--text); }
.release-video { margin:8px 0 24px; }
.release-video figcaption { font-size:14px; font-weight:650; margin-bottom:12px; }
.release-video video { display:block; width:100%; aspect-ratio:8/5; border:1px solid var(--line); border-radius:8px; background:#0d1020; }
.release-video p { font-size:12px; color:var(--muted); line-height:1.7; }
.release-video a { color:var(--gold); font-size:12px; display:inline-block; padding:6px 0; }
#release-history-retry { border:0; border-radius:9px; background:var(--gold); color:#302619; padding:12px 18px; }
@media(max-width:850px) { .history-layout { grid-template-columns:180px minmax(0,1fr); gap:26px; } .release-history article { padding:24px; } }
@media(max-width:620px) { .release-intro { padding:25px 0; } .history-layout { grid-template-columns:1fr; gap:26px; padding-top:26px; } .history-index { position:static; } .history-index .play-link { display:none; } .release-history article { padding:22px 18px; } .release-history h3 { font-size:23px; } .release-history ul { font-size:12px; } .back-link { margin-bottom:20px; } }