:root { color-scheme: light dark; }
body { max-width: 46rem; margin: 0 auto; padding: 2rem 1.2rem 6rem;
       font: 16px/1.75 -apple-system, "Malgun Gothic", "맑은 고딕", sans-serif;
       word-break: keep-all; }
h1 { font-size: 1.7rem; line-height: 1.4; margin-bottom: .5rem; }
h2 { font-size: 1.2rem; margin-top: 2.5rem; border-top: 1px solid #8883; padding-top: 1.5rem; }
h3 { font-size: 1rem; margin-top: 1.5rem; }
.lede { font-size: 1.05rem; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; }
th, td { border: 1px solid #8884; padding: .5rem .6rem; text-align: left; vertical-align: top; }
th { background: #8881; }
.wrap { overflow-x: auto; }
.note { background: #8881; padding: .9rem 1rem; border-radius: .4rem; font-size: .95rem; }
.todo { background: #f9c74f33; border: 1px dashed #f9c74f; padding: .9rem 1rem; border-radius: .4rem; font-size: .95rem; }
footer { margin-top: 4rem; border-top: 1px solid #8883; padding-top: 1.5rem; font-size: .9rem; }
a { color: inherit; }