:root{--bg:#0d1117;--surface:#161b22;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#58a6ff;--accent-dim:#1f6feb;--red:#f85149;--green:#3fb950;--yellow:#d29922}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;max-width:860px;margin:0 auto;padding:2rem 1.5rem}
header{border-bottom:1px solid var(--border);padding-bottom:1.5rem;margin-bottom:2rem}
header h1{font-size:1.75rem;font-weight:700;letter-spacing:-0.02em}
header .meta{color:var(--text-muted);font-size:0.875rem;margin-top:0.5rem}
.lang-switch{display:flex;gap:0.75rem;margin-top:0.75rem}
.lang-switch a{color:var(--accent);text-decoration:none;font-size:0.875rem;padding:0.25rem 0.75rem;border:1px solid var(--border);border-radius:6px;transition:all 0.2s}
.lang-switch a:hover,.lang-switch a.active{background:var(--accent-dim);border-color:var(--accent);color:#fff}
h1{font-size:1.5rem;margin:2rem 0 1rem;border-bottom:1px solid var(--border);padding-bottom:0.5rem}
h2{font-size:1.25rem;margin:1.75rem 0 0.75rem;color:var(--accent)}
h3{font-size:1.1rem;margin:1.5rem 0 0.5rem}
p{margin:0.75rem 0}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
strong{color:#fff}
code{font-family:"SF Mono","Fira Code",monospace;background:var(--surface);padding:0.15em 0.4em;border-radius:4px;font-size:0.875em}
pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0;font-size:0.85rem;line-height:1.5}
pre code{background:none;padding:0}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:0.875rem}
th,td{border:1px solid var(--border);padding:0.5rem 0.75rem;text-align:left}
th{background:var(--surface);font-weight:600;color:var(--accent)}
tr:nth-child(even){background:rgba(22,27,34,0.5)}
img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border);margin:1rem 0}
blockquote{border-left:3px solid var(--accent-dim);padding-left:1rem;color:var(--text-muted);margin:1rem 0}
hr{border:none;border-top:1px solid var(--border);margin:2rem 0}
footer{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:3rem;color:var(--text-muted);font-size:0.8rem}
.tag-fact{color:var(--green);font-weight:700}
.tag-inference{color:var(--yellow);font-weight:700}
.tag-hypothesis{color:var(--red);font-weight:700}
@media(max-width:600px){body{padding:1rem}header h1{font-size:1.35rem}table{font-size:0.75rem}th,td{padding:0.35rem 0.5rem}}