:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #0b0e11; color: #e6e6e6; font-family: Inter, system-ui, -apple-system, sans-serif; line-height: 1.7; }
.wrap { max-width: 780px; margin: 0 auto; padding: 44px 22px 80px; }
header { display: flex; align-items: center; gap: 10px; }
.brand { font-size: 18px; font-weight: 600; text-decoration: none; color: #e6e6e6; }
.brand b { color: #2dd4bf; }
h1 { font-size: 25px; font-weight: 600; margin: 26px 0 2px; }
h2 { font-size: 17px; font-weight: 600; margin: 28px 0 6px; }
p, li { color: #c7ccd1; }
.muted { color: #9a9a9a; font-size: 13px; }
a { color: #2dd4bf; }
nav { display: flex; gap: 16px; flex-wrap: wrap; margin: 18px 0 6px; font-size: 14px; }
hr { border: 0; border-top: 1px solid #262b31; margin: 26px 0; }
.note { background: #15181c; border: 1px solid #262b31; border-radius: 10px; padding: 12px 14px; margin: 20px 0; font-size: 13px; color: #9a9a9a; }
.v { margin: 22px 0; }
.tag { display: inline-block; background: rgba(20,184,166,0.15); color: #2dd4bf; border-radius: 999px; padding: 2px 10px; font-size: 12px; margin-right: 8px; }
ul { padding-left: 20px; }
li { margin: 4px 0; }