:root { --bg:#e9e6f5; --panel:#f7f5fc; --ink:#2f2a4a; --sub:#5f5880; --line:#cfc9e6; --point:#6a55c9; --mark:#fff0b8; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.7 -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; word-break:keep-all; overflow-wrap:anywhere; }
main { width:min(760px,100%); margin:0 auto; padding:32px 16px 64px; }
.sheet { background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:24px; }
nav { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:12px; font-size:14px; }
a { color:var(--point); }
h1 { margin:0 0 4px; font-size:24px; line-height:1.3; }
h2 { margin:28px 0 6px; font-size:17px; line-height:1.4; }
p { margin:6px 0; }
ul { margin:6px 0; padding-left:20px; }
.meta { color:var(--sub); font-size:13.5px; }
.draft { margin:14px 0 4px; padding:10px 12px; background:var(--mark); border-radius:4px; font-size:13.5px; }
mark { background:var(--mark); color:inherit; padding:0 3px; border-radius:3px; }
.wrap { overflow-x:auto; }
table { width:100%; min-width:520px; margin:8px 0; border-collapse:collapse; font-size:14px; }
th, td { padding:8px; border:1px solid var(--line); text-align:left; vertical-align:top; }
th { background:#ece8f8; font-weight:600; }
@media (max-width:480px) { .sheet { padding:16px; } h1 { font-size:21px; } }