
.release-banner{display:flex;gap:16px;align-items:flex-start;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:left}
.release-banner>span:last-child{min-width:0}.release-banner strong,.release-banner span span{display:block}.release-banner span span{font-size:14px;color:var(--muted)}
.release-badge{flex-shrink:0;border-radius:7px;padding:5px 8px;background:#ee3e4020;color:#ff9798;font-size:13px;font-weight:700}.release-banner .release-banner-link{color:var(--cyan);margin-top:5px}
.release-banner:hover{border-color:var(--cyan)}.release-banner:focus-visible,.release-page a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.release-page .site-header{justify-content:space-between}.release-main{width:min(960px,calc(100% - 40px));margin:0 auto;padding:48px 0;overflow-wrap:anywhere}
.release-intro{padding:36px 0}.release-intro h1{font-size:clamp(32px,5vw,58px);letter-spacing:-1.2px;max-width:850px;margin:16px 0 22px}.release-intro .section-lead{max-width:740px;margin-bottom:24px;color:var(--muted)}
.release-card{padding:clamp(20px,4vw,38px);border:1px solid var(--line);border-radius:20px;background:var(--panel);margin-top:20px}.release-card h2{font-size:clamp(25px,3.5vw,36px);margin-top:12px;letter-spacing:-.6px}
.release-card ul{padding-left:23px;margin:24px 0 0}.release-card li{padding-left:5px;margin:12px 0;color:#dce3ec}.release-card li::marker{color:var(--cyan)}
.release-mode-title{margin:34px 0 18px}.release-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.release-modes section{padding:22px;background:var(--bg);border:1px solid var(--line);border-radius:14px;min-width:0}
.release-modes h4{font-size:22px;margin:0 0 14px}.release-modes p{color:#d0d9e5}.release-modes .release-notice{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:#ffd2a1}
.release-enable{margin-top:24px;padding:22px;border-radius:14px;background:#92c6dc0d;border:1px solid #92c6dc45}.release-enable h3{margin-bottom:16px}.release-enable p+p{margin-top:14px}
.release-footer{width:min(960px,calc(100% - 40px));margin:0 auto;padding:24px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted)}
html[lang="th"] .release-main{line-height:1.85}html[lang="th"] .release-main h1,html[lang="th"] .release-main h2,html[lang="th"] .release-main h3{letter-spacing:0;line-height:1.4}
@media(max-width:1050px) and (min-width:801px){.site-header .nav-links{gap:12px}.site-header .nav-links a{font-size:12px}}
@media(max-width:640px){.release-modes{grid-template-columns:1fr}.release-main{padding-top:32px}.release-banner{gap:10px;padding:14px}}

.release-card>p:not(.section-kicker){margin-top:16px;color:#dce3ec;line-height:1.75}
.release-highlight{border-color:#92c6dc55}
.release-toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.release-toc a{display:inline-flex;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px;text-decoration:none}
.release-toc a:hover{border-color:var(--cyan);color:var(--cyan)}
.release-card .release-progress{padding:18px;border-left:3px solid #f0b777;border-radius:0 10px 10px 0;background:#f0b7770d;color:#ffd2a1}
.release-progress strong{font-weight:500}
.release-thanks{margin-top:32px;color:var(--muted);line-height:1.75}
.release-history-link{display:inline-block;margin-top:18px}
.release-card h2{scroll-margin-top:32px}

.release-list{display:grid;gap:20px}
.release-entry{display:block;margin-top:0;text-decoration:none;color:inherit}
.release-entry:hover{border-color:var(--cyan)}
.release-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;color:var(--muted);font-size:14px}
.release-entry-meta time{margin-left:auto}
.release-entry-link{display:inline-block;margin-top:22px;color:var(--cyan);font-weight:600}
@media(max-width:480px){.release-entry-meta time{margin-left:0;flex-basis:100%}}
