.release-link {
  align-self: center; flex-shrink: 0; padding: 9px 12px; margin: 0;
  border: 0; background: transparent; color: #6B5536;
  font: 700 12px/1.5 var(--round); text-decoration: underline; text-underline-offset: 3px;
  touch-action: manipulation;
}
#menu .release-link { color: var(--ink); }
#homeVersion { background: var(--panel); border-radius: 999px; }
.release-link:focus-visible, .release-close:focus-visible { outline: 3px solid #5AAE5E; outline-offset: 3px; }
.release-dialog {
  width: min(480px, calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 32px);
  padding: 0; border: 2px solid #D8C9A3; border-radius: 18px; color: #6B5536; background: #FFF9E8;
  font-family: var(--round); overflow: hidden; box-sizing: border-box;
}
.release-dialog[open] { display: flex; flex-direction: column; }
.release-dialog::backdrop { background: #14220DB3; }
.release-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-bottom: 1px solid #D8C9A3; flex: none; }
.release-head p { margin: 0 0 3px; font-size: 11px; }
.release-head h2 { margin: 0; font-size: 21px; line-height: 1.4; }
.release-close { flex: none; border: 1px solid #D8C9A3; border-radius: 999px; min-height: 44px; padding: 8px 14px; color: #6B5536; background: #FFF4D0; font: 700 13px var(--round); touch-action: manipulation; }
.release-body { min-height: 0; overflow-y: auto; padding: 14px 18px 20px; overscroll-behavior: contain; touch-action: pan-y; -webkit-user-select: text; user-select: text; }
.release-current { margin: 0 0 20px; font-size: 13px; font-weight: 700; }
.release-list { list-style: none; padding: 0; margin: 0; }
.release-list > li + li { margin-top: 22px; padding-top: 20px; border-top: 1px solid #D8C9A3; }
.release-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 8px; font-size: 12px; }
.release-meta b { color: #39754B; font-size: 17px; }
.release-latest { border-radius: 999px; padding: 3px 8px; background: #DCECCB; font-size: 10px; }
.release-list h3 { font-size: 15px; line-height: 1.6; margin: 0 0 8px; }
.release-list ul { margin: 0; padding-left: 1.3em; font-size: 13px; font-weight: 400; line-height: 1.85; }
.release-list ul li + li { margin-top: 5px; }
.release-legacy { margin-top: 24px; padding-top: 16px; border-top: 1px solid #D8C9A3; }
.release-legacy summary { cursor: pointer; padding: 8px 0; font-size: 13px; }
.release-legacy .release-list { margin-top: 12px; }
@media (max-height: 400px) { .release-head { padding: 9px 16px; } .release-head h2 { font-size: 18px; } .release-body { padding-top: 10px; } }
