* { box-sizing: border-box; letter-spacing: 0; }
:root { color-scheme: dark; }
body { margin: 0; min-height: 100vh; background: #17191b; color: #f7fafc; font-family: "Inter", "Noto Sans Arabic", "Noto Sans Devanagari", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 44% 25% at 50% -4%, rgba(101,225,151,.10), transparent 70%), radial-gradient(ellipse 33% 26% at 4% 37%, rgba(58,182,203,.055), transparent 72%), radial-gradient(ellipse 32% 29% at 96% 68%, rgba(84,146,236,.055), transparent 72%); }
a { color: #a9e3bf; text-underline-offset: 4px; }
a:hover { color: #d5f5e0; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid #88d5a5; outline-offset: 4px; }
.lang-menu { display: none; position: absolute; }
.lang-menu.open { display: block; }
.release-shell { width: min(1100px, calc(100% - 32px)); margin: 18px auto 0; }
.release-heading { padding: 0 0 36px; border-bottom: 1px solid #363c3e; }
h1, h2, p { margin: 0; }
.release-heading h1 { font-size: 2.5rem; font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
.release-intro { margin-top: 16px; color: #edf0ee; font-size: 1.2rem; line-height: 1.5; }
.release-summary { margin-top: 12px; color: #aeb7b9; font-size: 1rem; line-height: 1.75; max-width: 850px; }
.release-start { margin-top: 16px; }
.release-section { padding: 32px 0; display: grid; grid-template-columns: 50px minmax(0,1fr); gap: 22px; border-bottom: 1px solid #303639; }
.section-number { padding-top: 3px; color: #88d5a5; font-size: .85rem; font-weight: 650; direction: ltr; unicode-bidi: isolate; }
.release-section h2 { font-size: 1.25rem; line-height: 1.4; font-weight: 650; color: #f7fafc; overflow-wrap: anywhere; }
.release-section p { margin-top: 12px; color: #bdc4c6; line-height: 1.8; font-size: 1rem; }
.release-section ul { margin: 16px 0 0; padding-inline-start: 20px; color: #d7dfdc; line-height: 1.7; }
.release-section li { padding-inline-start: 3px; margin: 6px 0; }
.release-section li::marker { color: #88d5a5; }
.release-section--existing { border-inline-start: 3px solid #88d5a5; padding-inline-start: 20px; margin-top: 24px; background: linear-gradient(90deg,rgba(136,213,165,.045),transparent 80%); }
html[dir="rtl"] .release-section--existing { background: linear-gradient(270deg,rgba(136,213,165,.045),transparent 80%); }
.release-next { padding: 28px 0 12px; }
.release-next a { font-size: .95rem; font-weight: 600; }
footer { font-size: .9rem; color: rgba(255,255,255,.9); padding: 2rem 1rem; background: rgba(0,0,0,.1); backdrop-filter: blur(10px); margin-top: 2rem; direction: ltr; line-height: 1.2; text-align: center; }
footer img { opacity: .95; }
footer a { color: white; text-decoration: none; font-weight: 600; transition: opacity .3s ease; }
footer a:hover { color: white; opacity: .8; }
@media (max-width: 600px) {
  .release-heading { padding: 0 4px 28px; }
  .release-heading h1 { font-size: 1.8rem; }
  .release-intro { font-size: 1.05rem; }
  .release-section { grid-template-columns: 28px minmax(0,1fr); gap: 12px; padding: 26px 4px; }
  .release-section h2 { font-size: 1.12rem; }
  .release-section p { line-height: 1.75; }
  .release-section--existing { padding-inline-start: 12px; }
  .release-next { padding-inline: 4px; }
}
