body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0}.content{background:white;padding:20px;max-width:800px;margin:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)}h1,h2,h3{color:#333}table{width:100%;border-collapse:collapse;margin:20px 0}table,th,td{border:1px solid #ccc}th,td{padding:10px;text-align:left}ul,ol{margin:10px 0;padding:0 20px}a{color:#0645ad;text-decoration:none}a:hover{text-decoration:underline}strong{font-weight:bold}em{font-style:italic}u{text-decoration:underline}s{text-decoration:line-through}pre{background:#f5f5f5;padding:10px;border-radius:5px;overflow-x:auto;position:relative}.code-header{display:flex;justify-content:space-between;align-items:center;background:#eee;padding:5px 10px;border-top-left-radius:5px;border-top-right-radius:5px}.copy-button{background:#007bff;color:white;border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.copy-button:hover{background:#0056b3}blockquote{border-left:4px solid #ccc;padding-left:10px}.callout{border:1px solid #ccc;padding:10px;border-radius:5px;display:flex;align-items:center}.callout img{width:24px;height:24px;margin-right:8px}.code-block{background:#f5f5f5;padding:10px;border-radius:5px;margin:20px 0}.mermaid-block{background:#f5f5f5}