:root { color-scheme: dark; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; background: #101217; color: #f5f6fa; }
header.top, main, footer { max-width: 62rem; margin: 0 auto; padding: 0.75rem 1rem; }
header.top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
a { color: #ffb020; }
img { max-width: 100%; height: auto; background: #fff; border-radius: 0.4rem; }
table { border-collapse: collapse; margin: 1rem 0; display: block; overflow-x: auto; }
th, td { border: 1px solid rgba(245, 246, 250, 0.2); padding: 0.25rem 0.5rem; text-align: left; }
code { background: rgba(245, 246, 250, 0.1); padding: 0 0.25rem; border-radius: 0.2rem; }
.schemes { display: flex; gap: 0.5rem; margin: 1rem 0; }
.schemes a { padding: 0.3rem 0.8rem; border: 1px solid rgba(245, 246, 250, 0.25); border-radius: 0.4rem; text-decoration: none; }
.schemes a[aria-current="page"] { background: #ffb020; color: #0d0e12; font-weight: 600; }
.rule { border-left: 3px solid #ffb020; padding-left: 0.75rem; }
