body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.6;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    color: #333;
}
h1, h2, h3 {
    color: #23282d;
    margin-top: 30px;
}
h1 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
code {
    background: #f5f5f5;
    padding: 2px 5px;
    border-radius: 3px;
}
.note {
    background: #f8f9fa;
    border-left: 4px solid #007cba;
    padding: 15px;
    margin: 15px 0;
}
.warning {
    background: #fff8e5;
    border-left: 4px solid #dba617;
    padding: 15px;
    margin: 15px 0;
}
ol li, ul li {
    margin-bottom: 10px;
}
img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 15px 0;
}
.version {
    background: #f0f0f1;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 0.9em;
}
.tip { 
    background:#f0faf0; 
    border-left:4px solid #46b450; 
    padding:15px; 
    margin:15px 0; 
}
.tool-table { 
    width:100%; 
    border-collapse:collapse; 
    margin:15px 0; 
}
.tool-table th { 
    background:#23282d; 
    color:#fff; 
    text-align:left; 
    padding:8px 12px; 
}
.tool-table td { 
    padding:8px 12px; 
    border-bottom:1px solid #e5e5e5; 
    vertical-align:top; 
}
.tool-table tr:nth-child(even) td { 
    background:#f9f9f9; 
}
.badge { 
    display:inline-block; 
    font-size:0.8em; 
    padding:2px 7px; 
    border-radius:10px; 
    font-weight:600; 
}
.badge-core { 
    background:#e8f4fd; 
    color:#0073aa; 
}
.badge-bogo { 
    background:#fef7e0; 
    color:#856404; 
}
pre { 
    background:#f5f5f5; 
    padding:15px; 
    border-radius:4px; 
    overflow-x:auto; 
    font-size:0.9em; 
    line-height:1.5; 
}