:root{color-scheme:light dark}body{font:17px/1.7 system-ui,sans-serif;max-width:800px;margin:auto;padding:32px 24px;background:light-dark(#f6f8fc,#10151e);color:light-dark(#152238,#e6edf7)}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:light-dark(#175bba,#8dbaff)}h1{font-size:clamp(32px,6vw,48px);line-height:1.2}main{margin-top:48px}p{white-space:pre-line}footer{margin-top:48px;border-top:1px solid #8895;padding-top:20px;font-size:14px}code{overflow-wrap:anywhere}img{max-width:100%;height:auto}@media(max-width:480px){body{font-size:16px;padding:20px 16px}nav{gap:12px 18px}main{margin-top:28px}}
nav{align-items:center}.lang-switch{margin-left:auto;position:relative}.lang-switch summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;padding:4px 10px;border:1px solid #8896;border-radius:999px;font-size:15px;user-select:none}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch summary::after{content:"▾";font-size:12px}.lang-switch ul{position:absolute;right:0;top:calc(100% + 6px);z-index:10;margin:0;padding:6px 0;list-style:none;min-width:190px;background:light-dark(#fff,#18202c);border:1px solid #8895;border-radius:10px;box-shadow:0 8px 24px #0003}.lang-switch li a{display:block;padding:6px 16px;text-decoration:none;font-size:15px;line-height:1.5}.lang-switch li a:hover,.lang-switch li a:focus{background:light-dark(#e8eef9,#223047)}.lang-switch a[aria-current]{font-weight:600}@media(max-width:480px){.lang-switch summary{font-size:14px;padding:3px 8px}.lang-switch ul{min-width:170px;max-height:70vh;overflow-y:auto}}