*,*::before,*::after{box-sizing:border-box}
html{font-family:system-ui,sans-serif;line-height:1.5;color-scheme:light dark}
body{margin:0}main,body>header,body>nav,body>footer{width:min(72rem,100% - 2rem);margin-inline:auto}
main{padding-block:1.5rem}img,video,canvas{max-width:100%;height:auto}
[data-slam-layout=row],[data-slam-layout=column]{display:flex;gap:1rem}
[data-slam-layout=row]{flex-flow:row wrap}[data-slam-layout=column]{flex-direction:column}
label{display:grid;gap:.25rem}button,input,select,textarea{font:inherit;padding:.5rem}
output{display:block;min-height:1.5em}[data-slamhaus-error]{color:#b42318}
pre{overflow:auto;padding:1rem;background:#171717;color:#f5f5f5;border-radius:4px}
.tok-keyword,.tok-meta{color:#ff7ab2}.tok-string{color:#a8cc8c}.tok-number{color:#d4bfff}.tok-comment{color:#8b949e}
@media(max-width:40rem){[data-slam-layout=row]{flex-direction:column}}