:root{--bg:#0E1216;--ink:#EDE4D3;--dim:#8C97A2;--line:#2C3742;--brass:#C8A24A}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:'Nanum Myeongjo','Apple SD Gothic Neo',ui-serif,Georgia,serif;line-height:1.75;
  padding:28px 20px 72px;-webkit-text-size-adjust:100%}
main{max-width:44rem;margin:0 auto}
h1{font-size:1.5rem;margin:0 0 4px;text-wrap:balance}
h2{font-size:1.05rem;margin:34px 0 8px;color:var(--brass);text-wrap:balance}
p,li{margin:8px 0}
ul{padding-left:1.2em}
.meta{color:var(--dim);font-size:.85rem;margin:0 0 28px;
  padding-bottom:18px;border-bottom:1px solid var(--line)}
a{color:var(--brass)}
.sw{display:inline-block;margin-bottom:22px;font-size:.85rem;
  color:var(--dim);border:1px solid var(--line);border-radius:999px;
  padding:5px 13px;background:none;cursor:pointer;font-family:inherit}
.sw:hover{color:var(--ink)}
[data-lang]{display:none}
[data-lang].on{display:block}
footer{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);
  color:var(--dim);font-size:.85rem}