:root { --ink:#1c1c1c; --muted:#6b6b66; --line:#e3e3df; --accent:#2f5d3a; --accent-bg:#e6f2e9; --link:#2b5aa8; }
* { box-sizing:border-box; }
body { margin:0; background:#fff; color:var(--ink); font-family:-apple-system,"Segoe UI",Roboto,"Malgun Gothic","Apple SD Gothic Neo",Helvetica,Arial,sans-serif; line-height:1.55; }
.wrap { max-width:720px; margin:0 auto; padding:24px 20px 60px; }
header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:26px; }
.logo { font-weight:800; font-size:22px; text-decoration:none; color:var(--ink); }
.logo span { color:var(--accent); }
nav a { color:var(--muted); font-size:14px; text-decoration:none; margin-left:14px; }
nav button { background:none; border:0; color:var(--muted); cursor:pointer; font-size:14px; padding:0 4px; }
nav button.on { color:var(--ink); font-weight:700; }
.kicker { color:var(--muted); font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
h1 { font-size:30px; margin:4px 0 6px; line-height:1.2; }
.sub { color:#333; font-size:16px; margin:0 0 14px; }
.verified { display:inline-block; background:var(--accent-bg); color:var(--accent); font-size:13px; font-weight:600; padding:4px 10px; border-radius:4px; }
.machine { display:inline-block; background:#eef0f3; color:#4a5568; font-size:12px; font-weight:600; padding:2px 8px; border-radius:4px; margin-left:6px; }
.meta { color:var(--muted); font-size:13px; margin:10px 0 0; }
h2 { font-size:19px; margin:34px 0 10px; padding-top:16px; border-top:1px solid var(--line); }
ul { padding-left:20px; margin:8px 0; }
li { margin:0 0 9px; font-size:15px; }
.src { color:var(--link); font-size:13px; text-decoration:none; white-space:nowrap; }
blockquote { margin:8px 0; padding:6px 12px; border-left:3px solid #d7d7d2; color:#333; font-size:14px; background:#fafaf8; }
.qnote { font-size:12px; color:#7a7a75; }
.note { color:var(--muted); font-size:14px; }
table { border-collapse:collapse; width:100%; font-size:13.5px; margin-top:8px; }
th, td { text-align:left; padding:6px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-weight:600; }
footer { margin-top:44px; color:var(--muted); font-size:12.5px; line-height:1.6; border-top:1px solid var(--line); padding-top:14px; }
[data-lang] { display:none; }
html[data-ui="en"] [data-lang="en"], html[data-ui="ko"] [data-lang="ko"] { display:block; }
html[data-ui="en"] li[data-lang="en"], html[data-ui="ko"] li[data-lang="ko"] { display:list-item; }
html[data-ui="en"] span[data-lang="en"], html[data-ui="ko"] span[data-lang="ko"] { display:inline; }
html[data-ui="en"] tr[data-lang="en"], html[data-ui="ko"] tr[data-lang="ko"] { display:table-row; }
@media (max-width:600px) { h1 { font-size:25px; } .src { white-space:normal; } }