:root{--paper: #faf8f3;--ink: #20251f;--primary: #2c5f57;--accent: #d99441;--muted: #7c7a72;--line: #e3dfd4;--color-bg-soft: #f3f0e8;--font-body: "Pretendard", -apple-system, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:1rem;padding:1rem 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);margin-right:auto;order:1}.brand-logo{height:40px;width:auto;display:block}.brand-name{font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.nav{display:flex;gap:1.1rem;align-items:center;order:2}.nav a{text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:500;white-space:nowrap}.nav a:hover{color:var(--primary)}.lang-switch{border:1px solid var(--line);border-radius:999px;padding:.15rem .7rem;color:var(--primary)!important;font-size:.85rem;font-weight:600;text-decoration:none;order:3}@media (max-width: 640px){.header-inner{gap:.6rem .5rem}.brand{margin-left:.5rem}.lang-switch{order:2;margin-right:.5rem}.nav{order:3;flex:1 0 100%;justify-content:space-between;gap:.3rem;border-top:1px solid var(--line);padding-top:.7rem}.nav a{font-size:.82rem;flex:1;text-align:center}}.site-footer{margin-top:4rem;border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.85rem;text-align:center}.footer-links{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:.9rem}.footer-links a{color:var(--muted);text-decoration:none;font-weight:500}.footer-links a:hover{color:var(--primary)}.prose{font-size:17px;line-height:1.85}.prose p{margin:1.15rem 0}.prose h2{font-weight:700;font-size:1.5rem;margin-top:2.6rem;margin-bottom:.8rem;line-height:1.35;scroll-margin-top:1.5rem;letter-spacing:-.01em}.prose h3{font-weight:600;font-size:1.2rem;margin-top:1.8rem;margin-bottom:.5rem;scroll-margin-top:1.5rem;color:var(--primary)}.prose h2 a,.prose h3 a{color:inherit;text-decoration:none}.prose strong{font-weight:700}.prose strong.key{color:var(--primary);font-weight:700}.prose .toc{margin:2rem 0;padding:1.1rem 1.4rem;background:var(--color-bg-soft);border:1px solid var(--line);border-radius:10px}.prose .toc-title{margin:0 0 .6rem;font-weight:700;font-size:.95rem;color:var(--primary)}.prose .toc ul{margin:0;padding-left:1.1rem}.prose .toc li{margin:.25rem 0;font-size:.92rem;line-height:1.5}.prose .toc li.sub{padding-left:.9rem;list-style:circle}.prose .toc a{color:var(--ink);text-decoration:none}.prose .toc a:hover{color:var(--accent);text-decoration:underline}.prose mark.hl{background:#fdebc8;color:inherit;padding:.05em .25em;border-radius:3px}.prose code{background:#f0eee7;color:#c0392b;padding:.12em .4em;border-radius:4px;font-size:.92em;font-family:ui-monospace,monospace}.prose blockquote{margin:1.6rem 0;padding:1rem 1.2rem;background:var(--color-bg-soft);border-left:4px solid var(--accent);border-radius:0 8px 8px 0}.prose blockquote p{margin:.4rem 0}.prose blockquote p:first-child{margin-top:0}.prose blockquote p:last-child{margin-bottom:0}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.4rem 0}.prose img{max-width:100%;height:auto;border-radius:8px;display:block;margin:1.5rem auto 0}.prose em{color:var(--muted)}.prose p:has(img){margin:1.5rem 0 1.6rem;text-align:center}.prose p:has(img) img{margin-bottom:.1rem}.prose p:has(img) em,.prose p:has(img)+p:has(>em:only-child) em,.prose table+p:has(>em:only-child) em{display:inline-block;font-size:.88rem;color:var(--muted)}.prose p:has(img)+p:has(>em:only-child),.prose table+p:has(>em:only-child){margin:.4rem 0 1.6rem;text-align:center}.prose a{color:var(--primary)}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0 0;font-size:.95rem}.prose th,.prose td{padding:.6rem .85rem;text-align:left}.prose tr th:not(:first-child),.prose tr td:not(:first-child){border-left:1px solid #d8d2c4}.prose tbody tr{border-bottom:1px solid #d8d2c4}.prose thead th{background:var(--primary);color:#fff;font-weight:700}.prose thead tr th:not(:first-child){border-left:1px solid rgba(255,255,255,.4)}.prose tbody tr:nth-child(2n){background:#2c5f570a}.prose tbody tr:hover{background:#d9944114}@media (max-width: 640px){body,.prose{font-size:16px}}
