body{font:16px/1.6 -apple-system,Segoe UI,Roboto,sans-serif;max-width:840px;margin:0 auto;padding:24px;color:#1a1a1a}
header{padding:18px 0;border-bottom:1px solid #eee;margin-bottom:8px}
nav.top{font-size:.9em} nav.top a{margin-right:14px}
h1{font-size:30px;line-height:1.2;margin:.3em 0}
h2{margin-top:1.8em;border-bottom:2px solid #eee;padding-bottom:.2em}
h3{margin:1.2em 0 .2em}
a{color:#4338ca}
.tag{color:#4338ca;font-weight:600}
.lede{background:#f5f5ff;border:1px solid #ddddf5;border-radius:10px;padding:16px 20px;margin:20px 0}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.95em}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eee;vertical-align:top}
th{background:#fafafe}
.st{font-size:.78em;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap}
.live{background:#e8f7ec;color:#1f8a44;border:1px solid #a8e0ba}
.build{background:#fff4e0;color:#b9770e;border:1px solid #e8c98a}
.frame{background:#f0f0f3;color:#666;border:1px solid #ddd}
pre{background:#0f1021;color:#e6e6f0;padding:16px;border-radius:8px;overflow:auto;font-size:13px;line-height:1.5}
code{background:#f0f0f5;padding:1px 5px;border-radius:4px;font-size:.9em}
pre code{background:none;padding:0}
.law{background:#fdf6ec;border-left:4px solid #b9770e;padding:14px 18px;border-radius:6px}
footer{margin-top:3em;border-top:1px solid #eee;padding-top:1em;font-size:.85em;color:#555}
