body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#3f3f3f;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:26px;font-weight:300;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:54px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#111;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:#828282}.post-link{display:block;font-size:24px}.post-header{margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:36px}}.post-content{margin-bottom:30px}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}:root{--bg: #f4f7fb;--surface: #ffffff;--surface-2: #eef3f8;--text: #1c2533;--muted: #576477;--line: #d6dfeb;--accent: #0f6d7a;--accent-weak: #d7eef2;--code-bg: #f7f9fc;--code-fg: #1f2937}body{font-family:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;color:var(--text);background:radial-gradient(1300px 420px at 0% -10%, #dcecfb 0%, transparent 60%),radial-gradient(1000px 360px at 100% -15%, #d3f0e8 0%, transparent 55%),var(--bg)}.wrapper{max-width:1100px}.site-header{border-top:6px solid var(--accent);border-bottom:1px solid var(--line);background:rgba(255,255,255,0.85);backdrop-filter:blur(4px)}.site-title{font-weight:800;letter-spacing:-0.02em}.site-nav .page-link{color:var(--muted)}.page-content{padding:32px 0}.home .post-list>li{margin-bottom:18px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.writeup-post{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.writeup-hero{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.writeup-eyebrow{margin:0 0 10px 0;font-size:0.84rem;font-weight:700;letter-spacing:0.08em;color:var(--accent);text-transform:uppercase}.post-title{margin:0 0 12px 0;font-size:clamp(1.75rem, 3.5vw, 2.5rem);line-height:1.22;letter-spacing:-0.02em}.post-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted)}.post-taxonomy{margin:14px 0 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.taxonomy-item{padding:4px 9px;border-radius:999px;font-size:0.79rem;font-weight:700}.taxonomy-category{background:#e3ebf8;color:#1d4f8b}.taxonomy-tag{background:var(--accent-weak);color:#0d5862}.writeup-shell{display:block}.outline-hover-rail{position:fixed;left:0;top:150px;z-index:30;display:block}.outline-handle{margin-left:8px;padding:8px 10px;border:1px solid #c8d6ea;border-radius:10px;background:#ffffff;color:#30465f;font-size:0.8rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 20px rgba(35,58,86,0.1);cursor:pointer}.outline-handle-icon{font-size:0.9rem}.outline-handle-text{letter-spacing:0.02em}.writeup-outline{position:absolute;left:56px;top:0;width:240px;max-height:calc(100vh - 170px);overflow:auto;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 28px rgba(24,39,58,0.15);opacity:0;transform:translateX(-110%);pointer-events:none;transition:transform 160ms ease, opacity 160ms ease}.outline-hover-rail:hover .writeup-outline,.outline-hover-rail:focus-within .writeup-outline,.outline-hover-rail.is-open .writeup-outline{opacity:1;transform:translateX(0);pointer-events:auto}.outline-empty-state{display:none}.writeup-outline strong{display:block;margin-bottom:10px;font-size:0.85rem;letter-spacing:0.04em;color:#274a66;text-transform:uppercase}.outline-list{margin:0;padding:0;list-style:none}.outline-item+.outline-item{margin-top:8px}.outline-item a{color:var(--muted);font-size:0.92rem;line-height:1.35;text-decoration:none}.outline-item a:hover{color:var(--accent)}.outline-depth-3{padding-left:10px}.outline-empty{margin:0;color:var(--muted);font-size:0.9rem}.prose{min-width:0;font-size:1.04rem;line-height:1.9;letter-spacing:-0.01em}.prose h1,.prose h2,.prose h3,.prose h4{margin-top:2rem;margin-bottom:0.65rem;font-weight:800;letter-spacing:-0.02em;line-height:1.35}.prose h2{font-size:1.42rem;padding-bottom:0.25rem;border-bottom:1px solid var(--line)}.prose h3{font-size:1.18rem}.prose p,.prose ul,.prose ol,.prose blockquote{margin-bottom:1rem}.prose ul,.prose ol{padding-left:1.2rem}.prose img{display:block;margin:1.45rem auto;border-radius:10px;border:1px solid var(--line);background:#fff}.prose blockquote{margin-left:0;padding:0.8rem 1rem;border-left:4px solid var(--accent);background:#f2f8fc;color:#30465f}.prose table{display:block;width:100%;overflow:auto;margin-bottom:1.2rem;border:1px solid var(--line);border-radius:8px;border-collapse:collapse}.prose table th,.prose table td{border:1px solid var(--line);padding:0.5rem 0.7rem}.prose table th{background:#ebf1fb}.prose code{font-family:"JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;font-size:0.9em;background:#edf3ff;color:#163260;border-radius:6px;padding:0.11rem 0.38rem}.prose pre{border-radius:12px;padding:0.95rem;background:var(--code-bg);color:var(--code-fg);border:1px solid #d3ddeb;overflow:auto}.prose pre code{background:transparent;color:inherit;border-radius:0;padding:0}.highlight pre{margin-bottom:1rem}.highlight{background:transparent}.highlight .c,.highlight .cm,.highlight .c1{color:#6b7280}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kr,.highlight .kt{color:#b42318;font-weight:600}.highlight .s,.highlight .sb,.highlight .sc,.highlight .s1,.highlight .s2{color:#0f766e}.highlight .nf,.highlight .na,.highlight .nc{color:#1d4ed8}.highlight .mi,.highlight .mf,.highlight .il{color:#7c3aed}@media (max-width: 980px){.writeup-post{padding:18px}.outline-hover-rail{display:none}}