/* Isolated test-release entry; stable download components stay unchanged. */
.test-release { margin: 0 36px 28px; padding: 20px 22px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px 24px; border: 1px solid #afe2dc; border-radius: 14px; background: #effbf8; }
.test-release-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.test-release h4 { margin: 0; color: #102a3d; font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; }
.test-release-badge { padding: 3px 9px; border-radius: 6px; color: #07684f; background: #d6f3e9; font-size: 11px; font-weight: 700; white-space: nowrap; }
.test-release-note { margin: 8px 0 0; color: #315c57; font-size: 13px; line-height: 1.7; }
.test-release-note a { color: #07684f; text-decoration: underline; text-underline-offset: 3px; }
.test-release-download { min-width: 180px; display: grid; gap: 1px; color: #fff; background: #087f6b; box-shadow: none; text-align: center; }
.test-release-download:hover { background: #066954; box-shadow: 0 5px 14px rgba(8, 127, 107, .15); }
.test-release-download small { color: #e4fff5; font-size: 10px; font-weight: 500; }
.test-release a:focus-visible { outline: 3px solid #08749c; outline-offset: 4px; }
@media (max-width: 820px) { .test-release { grid-template-columns: 1fr; gap: 16px; } .test-release-download { width: 100%; } }
@media (max-width: 560px) { .test-release { margin: 0 20px 20px; padding: 18px 16px; } .test-release h4 { font-size: 17px; } }