:root{color-scheme:dark}
*{box-sizing:border-box}
html{background:#171717}
body{margin:0;color:#E8E8E5;font:16px/1.65 "Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
header{position:sticky;top:0;background:#202020;border-bottom:1px solid #303030;z-index:2}
header .bar{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:23px Georgia,"Times New Roman",serif}
nav a{color:#B8B8B4;text-decoration:none;margin-left:18px;font-size:14px}
nav a:hover,nav a[aria-current]{color:#fff}
main{max-width:860px;margin:0 auto;padding:40px 24px 72px}
h1{font:40px/1.2 Georgia,"Times New Roman",serif;margin:0 0 6px;font-weight:400;color:#fff}
.meta{color:#9a9a96;margin:0 0 28px;font-size:14px}
.summary{background:#202020;border:1px solid #333;border-radius:14px;padding:18px 22px;margin:0 0 32px}
.summary h2{margin-top:0}
h2{font-size:21px;margin:36px 0 10px;color:#fff;font-weight:600}
h3{font-size:17px;margin:22px 0 6px;color:#f2f2f0;font-weight:600}
p,li{color:#D6D6D2}
ul{padding-left:22px}
li{margin:4px 0}
a{color:#8ab4ff}
strong{color:#fff}
table{border-collapse:collapse;width:100%;margin:10px 0 18px;font-size:14px;display:block;overflow-x:auto}
th,td{border:1px solid #363636;padding:8px 10px;text-align:left;vertical-align:top}
th{background:#232323;color:#fff}
.toc{columns:2;column-gap:28px;padding-left:20px;font-size:14px}
footer{border-top:1px solid #303030;color:#8a8a86;font-size:13px;text-align:center;padding:22px}
footer a{color:#B8B8B4}
@media (max-width:640px){h1{font-size:32px}.toc{columns:1}nav a{margin-left:12px}header .bar{padding:10px 16px}main{padding:28px 16px 56px}}