body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;max-width:880px;margin:40px auto;padding:0 16px;line-height:1.5}
header h1{margin:0 0 4px}
code,pre{background:#f6f8fa;padding:2px 6px;border-radius:6px}
.muted{color:#666}
.box{border:1px solid #e4e7eb;border-radius:10px;padding:16px;margin:16px 0}
h2{margin-top:28px}
a{color:#0b66ff;text-decoration:none}
a:hover{text-decoration:underline}

/* Pass 3 visual fix: long inline formulas/identifiers ran ~367px past a phone screen. */
code { overflow-wrap: anywhere; word-break: break-word; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }