:root{--bg:#fff;--bg-2:#f5f8f9;--text:#1d3340;--text-strong:#10232d;--text-2:#4b606b;--muted:#6a7e88;--line:#e4eaed;--line-strong:#c8d3d8;--logo:#0795c2;--teal:#39c1cb;--accent:#0a7fa6;--radius:6px;--container:1080px;--narrow:880px;--gutter:28px;--sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono:"IBM Plex Mono", "Pretendard Variable", Pretendard, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--brand:"Saira", var(--sans);color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.7;display:flex}main{flex:1;overflow-x:clip}a{color:inherit;border-radius:5px;text-decoration:none;transition:color .15s,background-color .15s,box-shadow .15s}a:hover{background-color:var(--bg-2);color:var(--accent);box-shadow:0 0 0 3px var(--bg-2), -6px 0 0 3px var(--bg-2), 6px 0 0 3px var(--bg-2)}.post-link:hover,.product-index a:hover,.article-nav a:hover{box-shadow:-9px 0 0 var(--bg-2), 9px 0 0 var(--bg-2)}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--text-strong);margin:0;line-height:1.3}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--teal);color:#fff}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.mono{font-family:var(--mono)}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.container.narrow{max-width:calc(var(--narrow) + var(--gutter) * 2)}.page{padding-top:56px;padding-bottom:112px}.menu{font-family:var(--brand);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:6px;font-size:16px;font-weight:500;font-stretch:125%;display:flex}.menu a{color:var(--text);border-radius:5px;padding:3px 9px;transition:color .15s,background .15s;position:relative}.menu a+a{margin-left:12px}.menu a+a:before{content:"|";color:var(--line-strong);pointer-events:none;font-weight:400;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.menu a:hover{background:var(--bg-2);color:var(--accent);box-shadow:none}.menu a.active,.menu a.active:hover{background:var(--logo);color:#fff}.menu .search-link{align-self:stretch;align-items:center;display:inline-flex}.menu .ext{color:var(--muted)}.site-header{border-bottom:1px solid var(--line);padding:26px 0 24px;position:relative}.menu .home-link{font-family:var(--brand);letter-spacing:.05em;color:var(--logo);font-weight:650;font-stretch:125%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-footer{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);margin-top:40px;font-size:12px}.footer-inner{flex-wrap:wrap;justify-content:center;gap:6px 24px;padding-top:24px;padding-bottom:32px;display:flex}.eyebrow{font-family:var(--mono);color:var(--accent);margin:0 0 10px;font-size:13px;font-weight:500}.back{font-family:var(--mono);color:var(--muted);margin-bottom:24px;font-size:13px;display:inline-block}.btn{border:1px solid var(--line-strong);border-radius:var(--radius);height:40px;font-family:var(--mono);align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-2);color:var(--accent);box-shadow:none}.notice-inline{border-left:3px solid var(--teal);background:var(--bg-2);color:var(--text-2);margin:0 0 28px;padding:10px 14px;font-size:14px}.page-head{border-bottom:1px solid var(--line);text-align:center;margin-bottom:48px;padding-bottom:40px}.page-head h1{font-family:var(--brand);letter-spacing:.05em;color:var(--logo);margin-right:-.05em;font-size:clamp(40px,7vw,56px);font-weight:650;font-stretch:125%;line-height:1.1}.page-head p{color:var(--text-2);margin:16px 0 0}.page-head .sr-only+p{margin-top:0}.page-head+.product-index{border-top:0;margin-top:-48px}.product-index{max-width:var(--narrow);border-top:1px solid var(--line);margin:0 auto;padding:0;list-style:none}.product-index li{border-bottom:1px solid var(--line)}.product-index a{text-align:center;padding:28px 8px;display:block}.pi-cat{font-family:var(--mono);color:var(--muted);font-size:13px;display:block}.pi-title{font-family:var(--brand);letter-spacing:.04em;color:var(--logo);margin-top:4px;font-size:30px;font-weight:650;font-stretch:125%;display:block}.pi-summary{color:var(--text-2);margin-top:6px;display:block}.product-index a:hover .pi-title{color:var(--accent)}.pd{max-width:calc(var(--narrow) + var(--gutter) * 2);padding-top:48px;padding-bottom:96px}.pd-head{text-align:center}.pd-title{font-family:var(--brand);letter-spacing:.05em;color:var(--logo);margin-bottom:16px;margin-right:-.05em;font-size:clamp(32px,6vw,48px);font-weight:650;font-stretch:125%;line-height:1.1}.pd-summary{max-width:720px;color:var(--text-2);margin:0 auto;font-size:16px;line-height:1.8}.pd-detail{border-top:1px solid var(--line);margin-top:40px;padding-top:48px}.pd-image{margin:0 0 48px}.pd-image img{object-fit:contain;border-radius:var(--radius);width:auto;max-width:100%;height:360px;margin:0 auto}.prose .pd-specs th{width:36%;color:var(--muted);background:0 0;font-weight:400}.prose .pd-links{margin-top:40px}.pd-links a+a:before{content:"·";color:var(--muted);margin:0 10px}.post-list{margin:0;padding:0;list-style:none}.page-head+.post-list{margin-top:-48px}.post-list li{border-bottom:1px solid var(--line)}.post-link{padding:28px 0;display:block}.post-link time{color:var(--muted);font-size:14px}.post-title{margin-top:4px;font-size:18px;font-weight:700;line-height:1.5;transition:color .15s}.post-summary{color:var(--text-2);margin:6px 0 0}.post-link:hover .post-title{color:var(--accent)}.list-foot{text-align:center;color:var(--muted);margin:28px 0 0;font-size:14px}.blog-search,.search-page{text-align:left;max-width:420px;margin:24px auto 0}.search-page{max-width:none;margin:0}.site-search{--pagefind-ui-scale:.8;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--bg);--pagefind-ui-border:var(--line-strong);--pagefind-ui-tag:var(--bg-2);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:6px;--pagefind-ui-font:var(--sans)}.site-search .pagefind-ui__filter-panel{display:none!important}.tag-list{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:24px;font-size:14px;display:flex}.tag-list a{color:var(--text-2)}.tag-list a small{color:var(--muted);font-size:12px}.tag-list a.active{color:var(--accent);font-weight:700}.pagination{font-family:var(--mono);color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;margin-top:40px;font-size:14px;display:flex}.pagination .pages{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.pagination .pages>*{text-align:center;border-radius:5px;min-width:32px;padding:4px 6px}.pagination a:hover{color:var(--accent);background:var(--bg-2);box-shadow:none}.pagination .current{background:var(--logo);color:#fff}.pagination .disabled,.pagination .gap{color:var(--line-strong)}.article{padding-top:72px;padding-bottom:96px}.article-head{border-bottom:1px solid var(--line);text-align:center;margin-bottom:48px;padding-bottom:40px}.article-head h1{max-width:760px;margin:0 auto;font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.4}.article-summary{max-width:680px;color:var(--text-2);margin:16px auto 0}.article-meta{color:var(--muted);margin:16px 0 0;font-size:14px}.article-meta>*+:before{content:"·";margin:0 8px}.article-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding-top:28px;font-size:14px}.article-tags{margin:0}.article-tags a+a{margin-left:12px}.article-contact a{color:var(--accent)}.article-contact{margin:8px 0 0}.article-nav{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.article-nav a{flex-direction:column;gap:2px;display:flex}.article-nav .next{text-align:right}.article-nav small{font-size:13px}.article-nav a>span{color:var(--text);font-size:15px;font-weight:600}.article-nav a:hover>span{color:var(--accent)}.article-back,.pd-back{margin:28px 0 0;font-size:14px}.article-back a,.pd-back a{color:var(--muted)}.prose{max-width:var(--narrow);color:var(--text);margin:0 auto;font-size:16px;line-height:1.85}.prose>*+*{margin-top:1.25em}.prose p,.prose ul,.prose ol{margin-bottom:0}.prose h2{margin-top:2.4em;font-size:18px;font-weight:700}.prose h3{margin-top:1.8em;font-size:16px;font-weight:700}.prose h2+*,.prose h3+*{margin-top:.7em}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.prose strong{font-weight:600}.prose ul,.prose ol{padding-left:1.4em}.prose li::marker{color:var(--muted)}.prose li+li{margin-top:.35em}.prose blockquote{border-left:3px solid var(--teal);color:var(--text-2);margin:0;padding:2px 0 2px 18px}.prose blockquote p{margin:0}.prose code{background:var(--bg-2);font-family:var(--mono);border-radius:4px;padding:1px 6px;font-size:.86em}.prose pre{border-radius:var(--radius);padding:18px 22px;font-size:14px;line-height:1.65;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose pre.mermaid{text-align:center;background:var(--bg-2)!important}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose>img,.prose p>img{border-radius:var(--radius);margin-left:auto;margin-right:auto}.mdx-table{overflow-x:auto}.prose table{border-collapse:collapse;border-top:1px solid var(--line-strong);width:100%;font-size:15px}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.prose th{background:var(--bg-2);font-weight:600}.prose .katex-display{overflow:auto hidden}.mdx-figure{margin-left:0;margin-right:0}.mdx-figure img,.mdx-figure video{border-radius:var(--radius);width:100%}.mdx-figure figcaption{font-family:var(--mono);color:var(--muted);text-align:center;margin-top:8px;font-size:12px}.size-narrow{max-width:480px;margin-left:auto!important;margin-right:auto!important}.size-wide{width:min(960px, calc(100vw - 2 * var(--gutter)));transform:translate(-50%);margin-left:50%!important}.size-full{width:min(var(--container), calc(100vw - 2 * var(--gutter)));transform:translate(-50%);margin-left:50%!important}.mdx-gallery{gap:14px;display:grid}.mdx-gallery.cols-2{grid-template-columns:repeat(2,1fr)}.mdx-gallery.cols-3{grid-template-columns:repeat(3,1fr)}.mdx-gallery.cols-4{grid-template-columns:repeat(4,1fr)}.mdx-gallery>*,.mdx-gallery p{margin:0!important}.mdx-gallery p{display:contents}.mdx-gallery img{object-fit:cover;border-radius:var(--radius);width:100%;height:100%}.mdx-gallery .mdx-figure img{aspect-ratio:4/3;height:auto}.mdx-split{width:min(960px, calc(100vw - 2 * var(--gutter)));grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:3em;display:grid;transform:translate(-50%);margin-top:3em!important;margin-left:50%!important}.mdx-split.image-right .mdx-split-image{order:2}.mdx-split-image img{border-radius:var(--radius);width:100%}.mdx-split-text>:first-child{margin-top:0}.mdx-split-text>*+*{margin-top:1em}.mdx-split-text p{margin-bottom:0}.mdx-callout{border-left:3px solid var(--logo);background:var(--bg-2);padding:14px 18px;font-size:15px}.mdx-callout.tip{border-left-color:var(--teal)}.mdx-callout.warn{border-left-color:#d9a23c}.mdx-callout-title{font-family:var(--mono);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.mdx-callout p{margin:0}.mdx-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.mdx-feature{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;font-size:15px;line-height:1.7}.mdx-feature h3{color:var(--accent);margin:0 0 6px;font-size:16px}.mdx-feature p{margin:0}.not-found{text-align:center;padding-top:120px}.not-found h1{font-size:28px}.not-found p{color:var(--muted)}.not-found-links{justify-content:center;gap:8px;margin-top:28px;display:flex}@media (width<=760px){:root{--gutter:18px}.page,.pd{padding-top:40px}.pd-image img{height:240px}.site-header{padding:18px 36px 16px 12px}.site-nav{font-size:14px}.site-nav a{padding:3px 6px}.menu{column-gap:4px}.menu a+a{margin-left:0}.menu a+a:before{display:none}.mdx-split{grid-template-columns:1fr;gap:20px}.mdx-split.image-right .mdx-split-image{order:0}.mdx-gallery.cols-3,.mdx-gallery.cols-4{grid-template-columns:repeat(2,1fr)}.article-nav{grid-template-columns:1fr}.article-nav .next{text-align:left}}.mdx-youtube .yt-facade,.mdx-youtube iframe{aspect-ratio:16/9;border-radius:var(--radius);border:0;width:100%;display:block;overflow:hidden}.yt-facade{cursor:pointer;background:#000;padding:0;position:relative}.yt-facade img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .15s}.yt-facade:hover img{opacity:1}.yt-play{background:#10232dd1;border-radius:12px;width:68px;height:48px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-play:after{content:"";border:10px solid #0000;border-left:16px solid #fff;border-right-width:0;position:absolute;top:14px;left:28px}.yt-facade:hover .yt-play{background:var(--logo)}