:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.6}
body{margin:0;background:#0e1720;color:#e2ebf0}a{color:#66d4ce}a:hover{text-decoration:none}
header{border-bottom:1px solid #33434f;padding:1rem max(1rem,calc((100vw - 1060px)/2));background:#15242e}
nav{display:flex;flex-wrap:wrap;gap:1.3rem;font-size:.95rem}nav a{text-decoration:none}
main{max-width:1060px;margin:0 auto;padding:2rem 1.3rem 4rem}h1,h2,h3{line-height:1.2;color:#f4f8fa}
h1{font-size:2.9rem}h2{margin-top:2.6rem}img{max-width:100%;height:auto;border-radius:8px}
pre{background:#091017;border:1px solid #33434f;border-radius:8px;padding:1rem;overflow:auto}
code{font-family:ui-monospace,monospace;font-size:.9em}blockquote{border-left:4px solid #d6b062;margin:1rem 0;padding:.8rem 1rem;background:#23303a}
table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}td,th{padding:.7rem;border-bottom:1px solid #33434f;text-align:left}
summary{cursor:pointer;padding:.7rem 0;font-weight:600}footer{font-size:.85rem;color:#a5b9c6;margin-top:3rem}