*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1a1a1a;background:#fff;overflow-wrap:anywhere}
main,.site-header,.site-footer{max-width:960px;margin:0 auto;padding:16px}
.site-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.site-header nav{display:flex;gap:16px;flex-wrap:wrap}
a{color:#0b57d0}
.brand{font-weight:700;text-decoration:none}
.btn{display:inline-block;padding:10px 16px;border:1px solid #0b57d0;border-radius:6px;text-decoration:none}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px}
.site-footer{color:#555;font-size:14px}
.donate img{max-width:100%;height:auto;border-radius:8px}
@media (prefers-color-scheme:dark){body{background:#121212;color:#eee}a{color:#8ab4f8}.site-footer{color:#aaa}}
.hero{padding:24px 0}.hero h1{font-size:1.75rem;line-height:1.25;margin:0 0 8px}
.highlights{padding-left:20px}.highlights li{margin:8px 0}
.muted{color:#555}.doc section{margin:16px 0}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}
img{max-width:100%;height:auto}
@media (prefers-color-scheme:dark){.muted{color:#aaa}}