body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.58;margin:0;color:#1f2937}
header{padding:18px 28px;border-bottom:1px solid #e5e7eb;background:#f9fafb}
nav a{margin-right:13px;color:#2563eb;text-decoration:none}
main{max-width:980px;margin:36px auto;padding:0 22px}
.card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:18px 0;background:#f9fafb}
.note{border-left:4px solid #93c5fd;padding:8px 14px;background:#eff6ff;margin:18px 0}
.archive{border-left:4px solid #f59e0b;padding:8px 14px;background:#fffbeb;margin:18px 0}
.meta,.caption,footer{color:#6b7280;font-size:.92rem}
pre,code{background:#f3f4f6;border-radius:6px} code{padding:2px 5px} pre{padding:14px;overflow-x:auto;border:1px solid #e5e7eb}
table{border-collapse:collapse;width:100%;margin:18px 0} td,th{border:1px solid #e5e7eb;padding:8px;text-align:left;vertical-align:top}
.assistive{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.faint{color:#f8fafc;font-size:1px}
footer{max-width:980px;margin:60px auto 28px;padding:22px;border-top:1px solid #e5e7eb}