:root{--bg:#f6f3ec;--ink:#2a2620;--mute:#7a7266;--line:#ddd5c6;--acc:#7a3b2e;--card:#fffdf8}
@media(prefers-color-scheme:dark){:root{--bg:#1c1a17;--ink:#e8e2d6;--mute:#a39a8c;--line:#3a352e;--acc:#d39a85;--card:#24211d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.85 "Nanum Myeongjo",system-ui,-apple-system,"Apple SD Gothic Neo",serif;word-break:keep-all}
header{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line)}
.bar{max-width:820px;margin:0 auto;padding:10px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font:15px/1.4 system-ui,sans-serif}
.bar b{font-family:"Nanum Myeongjo",serif;font-size:17px;margin-right:auto}
.bar a,a{color:var(--acc);text-decoration:none}
.bar a.on{font-weight:700;border-bottom:2px solid var(--acc)}
main{max-width:820px;margin:0 auto;padding:30px 18px 80px}
h1{font:400 2rem/1.3 "Nanum Myeongjo",serif;margin:.3em 0 .2em}
.sub{color:var(--mute);font:italic 17px "EB Garamond",serif;margin-bottom:1.6em}
h2{font:600 1.15rem system-ui,sans-serif;color:var(--acc);border-top:1px solid var(--line);padding-top:1.1em;margin:2.6em 0 .8em;letter-spacing:.02em}
h3{font:600 1rem system-ui,sans-serif;margin:1.8em 0 .4em}
p{margin:0 0 1em}
.lead{background:var(--card);border-left:3px solid var(--acc);padding:12px 16px;border-radius:0 6px 6px 0;margin:1em 0 1.4em}
.lead b{display:block;color:var(--acc);font:600 13px system-ui,sans-serif;letter-spacing:.08em;margin-bottom:.2em}
.fact{font:14px/1.7 system-ui,sans-serif;color:var(--mute);border:1px dashed var(--line);border-radius:6px;padding:8px 12px;margin:1em 0}
.tag{display:inline-block;font:600 12px/1 system-ui,sans-serif;border:1px solid var(--line);border-radius:999px;padding:3px 8px;margin-right:6px;color:var(--acc);vertical-align:1px}
.tag.s{color:var(--mute)}
table{width:100%;border-collapse:collapse;font:14px/1.6 system-ui,sans-serif;margin:.6em 0 1.4em}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
th{color:var(--mute);font-weight:500}
td:first-child{white-space:nowrap;font-weight:600}
.tl td:first-child{color:var(--acc);width:5.2em}
ul{padding-left:1.2em;margin:.2em 0 1em}
li{margin:.3em 0}
q{color:var(--acc)}
.src{font:13.5px/1.7 system-ui,sans-serif;color:var(--mute)}
.src li{margin:.35em 0}
footer{color:var(--mute);font:13px/1.6 system-ui,sans-serif;margin-top:3em;border-top:1px solid var(--line);padding-top:1em}
figure{margin:1.6em 0}
figure img,figure svg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:6px;background:#e9e1cf}
figcaption{font:14px/1.7 system-ui,sans-serif;color:var(--mute);margin-top:.5em}
figcaption b{color:var(--ink)}
.q{font-style:italic;font-family:"EB Garamond",Georgia,serif;font-size:1.05em}
@media(max-width:600px){body{font-size:15.5px}h1{font-size:1.6rem}th,td{padding:6px 4px}}

.thesis{background:var(--card);border-left:3px solid var(--acc);padding:12px 16px;border-radius:0 6px 6px 0;margin:1em 0 1.4em}
.thesis b{display:block;color:var(--acc);font:600 13px system-ui,sans-serif;letter-spacing:.08em}
details{border-bottom:1px solid var(--line);padding:6px 0}
summary{cursor:pointer;font:600 15px system-ui,sans-serif;padding:6px 0}
details p{margin:.4em 0 .8em}
.links{display:flex;flex-wrap:wrap;gap:6px}
.jump{font:13px system-ui,sans-serif;color:var(--acc);border:1px solid var(--line);border-radius:999px;padding:2px 10px;text-decoration:none}
p.src{color:var(--mute);font:13.5px/1.7 system-ui,sans-serif}
dt{font-weight:600;margin-top:.6em}dd{margin:0 0 0 1em}
.bib{font:13.5px/1.7 system-ui,sans-serif;color:var(--mute)}