body{font-family:-apple-system,'Malgun Gothic',sans-serif;max-width:1200px;margin:20px auto;padding:0 16px;color:#222}
h1{margin:0 0 4px}
.updated{color:#888;font-size:12px;margin-bottom:16px}
.nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;border-bottom:2px solid #ddd;padding-bottom:8px}
.nav a{padding:8px 14px;border:1px solid #ccc;background:#f7f7f7;border-radius:6px;font-size:14px;text-decoration:none;color:#222}
.nav a.active{background:#2c5aa0;color:#fff;border-color:#2c5aa0}
.nav a:hover{background:#e8eef7}
.variant{display:block}
.note{background:#fffae6;border-left:4px solid #f0c020;padding:8px 12px;margin:0 0 12px;font-size:13px;color:#444;border-radius:4px}
.summary{background:#eef3fb;padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:14px}
details{margin-bottom:12px;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px}
details>summary{cursor:pointer;font-size:14px;padding:4px 0}
table.trades{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}
table.trades th,table.trades td{border:1px solid #ddd;padding:4px 6px;text-align:center}
table.trades th{background:#f0f0f0}
table.trades tr.win{background:#d4f0d0}
table.trades tr.loss{background:#f7d0d0}
table.trades tr.open{background:#fff0b3}
table.trades tr.open-new{background:#ffd966;font-weight:bold}
table.trades tr.pending{background:#cfe3ff;font-weight:bold}
.empty{color:#999;font-size:12px}
table.analysis{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 16px}
table.analysis th,table.analysis td{border:1px solid #ddd;padding:6px 10px;text-align:center}
table.analysis th{background:#e8eef7;font-weight:bold}
table.analysis tr.win{background:#e6f5e0}
table.analysis tr.loss{background:#fbe5e5}
.variant h3{margin-top:20px;font-size:15px;color:#444}
.good{background:#d9f0d0}
.bad{background:#f7d0d0}
.mid{background:#fff3cf}
.key{background:#e3f0ff;border-left:4px solid #2c5aa0;padding:12px 16px;border-radius:4px;margin:16px 0;font-size:15px;line-height:1.7}