:root{--bg:#fff;--fg:#1c2329;--sub:#5d6872;--line:#dde3e8;--brand:#0b5fb0;--soft:#f3f6f9;--mark:#fff3a8;--disc-bg:#fff8b2;--disc-fg:#2b2400}
@media (prefers-color-scheme:dark){:root{--bg:#14181c;--fg:#e8edf1;--sub:#a0acb6;--line:#2d353c;--brand:#7db8f2;--soft:#1d2329;--mark:#5c4f10;--disc-bg:#4a4310;--disc-fg:#fff8c9}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--brand)}
.top,main,.foot{max-width:760px;margin:0 auto;padding-left:16px;padding-right:16px}
.top{padding-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:18px;color:var(--fg);text-decoration:none}
main{padding-bottom:48px}
h1{font-size:28px;line-height:1.35;margin:24px 0 8px}
.post h2,.others h2{font-size:22px;line-height:1.4;margin:40px 0 12px;padding-top:12px;border-top:2px solid var(--line)}
.post h3{font-size:19px;line-height:1.45;margin:28px 0 8px}
.post p{margin:12px 0}
.meta{color:var(--sub);font-size:14px}
.disclosure{margin:16px 0 0!important;padding:12px 14px;background:var(--disc-bg);color:var(--disc-fg);font-weight:700;font-size:17px;border-radius:8px}
.lead{padding:14px 16px;background:var(--soft);border-radius:8px}
mark{background:var(--mark);color:inherit;padding:0 2px}
.toc{margin:20px 0;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font-size:15px}
.toc ol{margin:6px 0 0;padding-left:20px}
.table-wrap{margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px;line-height:1.5}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;overflow-wrap:break-word}
th{background:var(--soft);white-space:nowrap}
.table-note{color:var(--sub);font-size:13px;margin:-8px 0 16px!important}
blockquote{margin:20px 0;padding:10px 16px;border-left:4px solid var(--brand);background:var(--soft)}
blockquote p{margin:0!important}
.ref{font-size:12px}
.ref a{text-decoration:none}
pre{padding:12px 14px;overflow-x:auto;background:var(--soft);border-radius:8px;font-size:14px;line-height:1.55}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
figure{margin:20px 0}
figure img{display:block;max-width:100%;height:auto;border-radius:8px}
figcaption{color:var(--sub);font-size:14px;margin-top:6px}
.aff-note{margin:20px 0 -12px!important;font-size:14px;color:var(--sub)}
.attr{margin:10px 0 0;font-size:12px}
.aff-link{margin:20px 0!important;padding:12px 14px;border:1px solid var(--brand);border-radius:8px;font-weight:700}
.sources{font-size:14px;padding-left:22px;line-height:1.6}
.sources li{margin:6px 0}
.post-list{list-style:none;margin:20px 0;padding:0}
.post-list li{padding:14px 0;border-bottom:1px solid var(--line)}
.post-list a{display:block;text-decoration:none;color:inherit}
.post-list strong{display:block;font-size:18px;line-height:1.45}
.post-list span{display:block;color:var(--sub);font-size:15px;margin-top:4px}
.post-list time{display:block;color:var(--sub);font-size:13px;margin-top:4px}
.others ul{padding-left:20px}
.empty{color:var(--sub)}
.foot{padding-top:20px;padding-bottom:32px;color:var(--sub);font-size:13px;border-top:1px solid var(--line)}