:root {
    --primary-color: #2563eb;
    --text-color: #1f2937;
    --border-color: #e5e7eb;
    --accent-bg: #f8fafc;
    --warning-bg: #fff1f2;
    --warning-border: #f43f5e;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background-color: #ffffff;
    line-height: 1.8;
    padding: 30px 20px;
}
.container, main {
    max-width: 900px;
    margin: 0 auto;
}
h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: #0f172a; }
.meta-info { font-size: 13px; color: #64748b; margin-bottom: 24px; }
.highlight-box {
    background-color: var(--accent-bg);
    border-left: 4px solid var(--primary-color);
    padding: 16px 20px;
    margin: 20px 0;
    font-size: 14px;
}
.warning-box {
    background-color: var(--warning-bg);
    border-left: 4px solid var(--warning-border);
    padding: 16px 20px;
    margin: 20px 0;
    font-size: 14px;
}
.warning-box p { color: #9f1239; font-weight: 500; }
.warning-box ul, .warning-box li { color: #9f1239; }
h2 { font-size: 18px; font-weight: 600; margin: 32px 0 12px 0; color: #0f172a; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
h3 { font-size: 15px; font-weight: 600; margin: 20px 0 8px 0; }
p, li { font-size: 14px; color: #334155; margin-bottom: 12px; }
ul, ol { padding-left: 20px; }
a { color: var(--primary-color); word-break: break-all; }
code { background-color: #f1f5f9; padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 13px; }
.table-wrapper { overflow-x: auto; margin: 20px 0; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { border: 1px solid var(--border-color); padding: 12px; text-align: left; vertical-align: top; }
th { background-color: #f8fafc; font-weight: 600; white-space: nowrap; }
.copyright { margin-top: 50px; padding-top: 24px; border-top: 1px solid var(--border-color); text-align: center; font-size: 13px; color: #94a3b8; }
@media (max-width: 640px) {
    body { padding: 16px 12px; }
    h1 { font-size: 22px; }
}