.mz-root{--radius:12px;--radius-pill:26px;color:var(--semantic-text-active);background:var(--primitive-white);font-size:15px;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}.mz-root :where(a,p,div){line-height:inherit}.mz-root a{color:inherit;text-decoration:none}.mz-root img{display:block;max-width:100%}.mz-root figure{margin:0}.mz-root .mz-pager__title,.mz-root .mz-post__title,.mz-root h1,.mz-root h2,.mz-root h3{text-wrap:balance}.mz-root h1,.mz-root h2,.mz-root h3{margin:0;letter-spacing:-.025em;font-weight:700}.mz-root figcaption,.mz-root li,.mz-root p,.mz-root q{text-wrap:pretty}.mz-root .mz-topbar{position:sticky;top:0;z-index:15;background:var(--primitive-white);display:flex;align-items:center;gap:16px;height:64px;padding:0 28px;border-bottom:1px solid var(--primitive-gray-light3);transition:border-color .22s ease,box-shadow .22s ease}.mz-root[data-mz-topbar=top] .mz-topbar{border-bottom-color:transparent;box-shadow:0 4px 16px rgba(0,0,0,0)}.mz-root[data-mz-topbar=scrolled] .mz-topbar{border-bottom-color:var(--primitive-gray-light3);box-shadow:0 4px 16px rgba(0,0,0,.06)}@media (prefers-reduced-motion:reduce){.mz-root .mz-topbar{transition:none}}.mz-root .mz-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.mz-root .mz-brand__logo{display:block;width:52px;height:16px;color:var(--semantic-text-active)}.mz-root .mz-brand__sep{width:1px;height:16px;background:var(--semantic-line-line)}.mz-root .mz-brand__name{font-size:15px;font-weight:700;color:var(--primitive-gray-dark3)}.mz-root .mz-wrap{max-width:1456px;margin:0 auto;padding:0 28px}.mz-root .mz-crumb{font-size:15px;color:var(--semantic-text-muted);padding:24px 0 0}.mz-root .mz-crumb a:hover{color:var(--semantic-primary)}.mz-root .mz-crumb b{color:var(--primitive-gray-dark3);font-weight:600}.mz-root .mz-hero{padding-top:100px;padding-bottom:60px;text-align:center}.mz-root .mz-hero h1{font-size:42px;line-height:1.25}.mz-root .mz-hero p{margin:24px auto 0;font-size:17px;color:var(--primitive-gray-dark3);max-width:640px;white-space:pre-line}.mz-root .mz-hero__cta{margin-top:40px}.mz-root .mz-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 34px;border-radius:var(--radius-pill);font-size:16px;font-weight:700;font-family:inherit;border:0;cursor:pointer;transition:.15s}.mz-root .mz-btn--primary{background:var(--semantic-primary);color:var(--semantic-text-on-primary);box-shadow:var(--shadow-search-bar-glow)}.mz-root .mz-btn--primary:hover{background:#0043d6}.mz-root .mz-btn--dark{background:var(--semantic-button-bg-inverse);color:var(--semantic-text-on-primary)}.mz-root .mz-btn--dark:hover{background:var(--primitive-gray-dark1)}.mz-root .mz-btn--ghost{background:var(--primitive-blue-alpha-5);color:var(--semantic-primary)}.mz-root .mz-btn--ghost:hover{background:var(--primitive-blue-alpha-8)}.mz-root .mz-sec{padding-top:80px;padding-bottom:80px}.mz-root .mz-sec--tint{background:var(--primitive-gray-light1);border-top:1px solid var(--primitive-gray-light3);border-bottom:1px solid var(--primitive-gray-light3)}.mz-root .mz-sec h2{font-size:26px;line-height:1.35;margin-bottom:20px}.mz-root .mz-sec h3{font-size:19px;margin:40px 0 12px}.mz-root .mz-sec p{margin:0 0 18px;color:var(--primitive-gray-dark3);font-size:15.5px;line-height:1.85}.mz-root .mz-sec__cta{margin-top:28px}.mz-root .mz-lede{color:var(--primitive-gray-dark3);font-size:15.5px;margin:0 0 28px;max-width:780px}.mz-root .mz-prose{max-width:780px}.mz-root .mz-gallery{padding-top:60px}.mz-root .mz-gallery-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.mz-root .mz-gallery-head h2{margin:0}.mz-root .mz-count{font-size:13px;color:var(--semantic-text-muted);font-weight:600;white-space:nowrap;padding:3px 10px;border-radius:var(--radius-pill);background:var(--semantic-line-line2)}.mz-root .mz-gallery-hint{margin:0 0 28px;font-size:14px;color:var(--semantic-text-muted);text-wrap:pretty;white-space:pre-line}.mz-root .mz-masonry{columns:200px;column-gap:18px}.mz-root .mz-card{break-inside:avoid;margin:0 0 18px;border-radius:var(--radius);overflow:hidden;background:var(--semantic-thumbnail-thumbnail-bg);box-shadow:inset 0 0 0 1px var(--semantic-line-line-thumbnail);position:relative;display:block}.mz-root .mz-card img{width:100%;height:auto;transition:transform .25s ease}.mz-root .mz-card:hover img{transform:scale(1.03)}.mz-root .mz-card figcaption{position:absolute;inset:auto 0 0 0;padding:22px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:var(--semantic-text-on-primary);font-size:12px;font-weight:600;opacity:0;transition:.2s}.mz-root .mz-card:hover figcaption{opacity:1}.mz-root .mz-steps{counter-reset:step;margin:24px 0 28px;padding:0;list-style:none}.mz-root .mz-steps li{counter-increment:step;position:relative;padding:0 0 24px 42px}.mz-root .mz-steps li:before{content:counter(step);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--primitive-blue-alpha-8);color:var(--semantic-primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.mz-root .mz-steps b{display:block;margin-bottom:4px;font-size:16px;color:var(--semantic-text-active)}.mz-root .mz-steps p{margin:0}.mz-root .mz-tips{margin:24px 0 28px;padding:0;list-style:none}.mz-root .mz-tips li{position:relative;padding:0 0 22px 20px}.mz-root .mz-tips li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--semantic-primary)}.mz-root .mz-tips b{display:block;margin-bottom:3px;font-size:16px;color:var(--semantic-text-active)}.mz-root .mz-tips p{margin:0}.mz-root .mz-examples{margin:24px 0 28px;padding:0;list-style:none;display:grid;gap:14px}.mz-root .mz-examples li{padding:18px 20px;border:1px solid var(--primitive-gray-light3);border-radius:var(--radius);background:var(--primitive-white)}.mz-root .mz-examples b{display:block;font-size:13px;color:var(--semantic-primary);margin-bottom:6px}.mz-root .mz-examples q{display:block;font-size:15px;color:var(--primitive-gray-dark3);line-height:1.75;quotes:"“" "”"}.mz-root .mz-callout{margin:28px 0 0;padding:20px 24px;border-radius:var(--radius);background:var(--primitive-blue-alpha-5);border-left:3px solid var(--semantic-primary)}.mz-root .mz-callout p{margin:0}.mz-root .mz-faq{max-width:820px}.mz-root .mz-faq-item{padding:30px 0}.mz-root .mz-faq-item h3{margin:0 0 10px;font-size:17px}.mz-root .mz-faq-item h3:before{content:"Q. ";color:var(--semantic-primary)}.mz-root .mz-faq-item p{margin:0}.mz-root .mz-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}.mz-root .mz-link-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 24px;border-radius:var(--radius);background:var(--primitive-white);border:1px solid var(--primitive-gray-light3);font-size:14.5px;font-weight:600;transition:.15s;box-shadow:0 4px 4px rgba(0,0,0,0)}.mz-root .mz-link-card:hover{border-color:var(--semantic-primary);color:var(--semantic-primary);box-shadow:0 4px 4px rgba(0,0,0,.12)}.mz-root .mz-link-card em{font-style:normal;color:var(--semantic-text-muted);font-weight:400}.mz-root .mz-link-card:hover em{color:var(--semantic-primary)}.mz-root .mz-closer{text-align:center;padding-top:100px;padding-bottom:120px}.mz-root .mz-closer h2{font-size:28px;margin-bottom:14px}.mz-root .mz-closer p{color:var(--primitive-gray-dark3);margin-bottom:32px;white-space:pre-line}.mz-root .mz-pager{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--primitive-gray-light3);padding-top:40px;margin-bottom:200px}.mz-root .mz-pager a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 28px;border:1px solid var(--primitive-gray-light3);border-radius:var(--radius);transition:.15s}.mz-root .mz-pager a:hover{border-color:var(--semantic-primary)}.mz-root .mz-pager a:hover .mz-pager__title{color:var(--semantic-primary)}.mz-root .mz-pager__dir{font-size:12px;font-weight:600;color:var(--semantic-text-muted);display:flex;align-items:center}.mz-root .mz-pager__title{font-size:15px;font-weight:700}.mz-root .mz-pager a.is-next{grid-column:2;text-align:right;align-items:flex-end}.mz-root .mz-pager a.is-next .mz-pager__dir{order:-1;justify-content:flex-end}.mz-root .mz-pager a.is-next .mz-pager__dir:after,.mz-root .mz-pager a.is-prev .mz-pager__dir:before{display:inline-block;font-size:13px;line-height:1;width:0;opacity:0;transition:width .22s ease,opacity .22s ease,transform .22s ease,margin .22s ease}.mz-root .mz-pager a.is-prev .mz-pager__dir:before{content:"\2190";transform:translateX(4px)}.mz-root .mz-pager a.is-next .mz-pager__dir:after{content:"\2192";transform:translateX(-4px)}.mz-root .mz-pager a.is-prev:hover .mz-pager__dir:before{width:13px;opacity:1;transform:none;margin-right:5px}.mz-root .mz-pager a.is-next:hover .mz-pager__dir:after{width:13px;opacity:1;transform:none;margin-left:5px}.mz-root .mz-foot{border-top:1px solid var(--primitive-gray-light3);padding:26px 0 46px;font-size:13px;color:var(--semantic-text-muted)}.mz-root .mz-foot__links{display:flex;gap:18px;margin-bottom:10px;font-weight:600;color:var(--primitive-gray-dark3)}.mz-root .mz-foot__links a:hover{color:var(--semantic-primary)}.mz-root .mz-list-hero{padding:60px 0 16px}.mz-root .mz-list-hero h1{font-size:36px;line-height:1.25}.mz-root .mz-list-hero p{margin:12px 0 0;font-size:16px;color:var(--primitive-gray-dark3)}.mz-root .mz-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px;padding:40px 0 200px}.mz-root .mz-post{display:flex;flex-direction:column;border:1px solid var(--primitive-gray-light3);border-radius:var(--radius);overflow:hidden;background:var(--primitive-white);transition:.15s}.mz-root .mz-post:hover{border-color:var(--semantic-primary);box-shadow:0 6px 20px var(--primitive-blue-alpha-8)}.mz-root .mz-post__thumb{aspect-ratio:1/1;position:relative;background:var(--semantic-thumbnail-thumbnail-bg);overflow:hidden}.mz-root .mz-post__thumb img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.mz-root .mz-post:hover .mz-post__thumb img{transform:scale(1.03)}.mz-root .mz-post__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1;position:relative;background:var(--primitive-white);box-shadow:0 -6px 16px rgba(0,0,0,.06),0 -1px 0 rgba(0,0,0,.05)}.mz-root .mz-post__kw{font-size:12px;font-weight:700;color:var(--semantic-primary)}.mz-root .mz-post__title{font-size:18px;font-weight:700;letter-spacing:-.025em}.mz-root .mz-post__desc{font-size:14px;color:var(--primitive-gray-dark3);line-height:1.7;margin:0}.mz-root .mz-post__more{margin-top:auto;padding-top:10px;font-size:13px;font-weight:600;color:var(--semantic-text-muted)}.mz-root .mz-post:hover .mz-post__more{color:var(--semantic-primary)}.mz-root .mz-post__more em{font-style:normal;display:inline-block;transition:transform .2s cubic-bezier(.2,.7,.2,1)}.mz-root .mz-post:hover .mz-post__more em{transform:translateX(3px)}@media (max-width:1100px){.mz-root .mz-links,.mz-root .mz-list{grid-template-columns:repeat(2,1fr)}}.mz-root .mp{will-change:opacity,transform,filter}.mz-root .mp[data-mp-enter]{opacity:0;transition:opacity var(--mp-dur,.6s) var(--mp-ease,cubic-bezier(.22,.61,.36,1)) var(--mp-delay,0s),transform var(--mp-dur,.6s) var(--mp-ease,cubic-bezier(.22,.61,.36,1)) var(--mp-delay,0s),filter var(--mp-dur,.6s) var(--mp-ease,cubic-bezier(.22,.61,.36,1)) var(--mp-delay,0s)}.mz-root .mp--rise[data-mp-enter]{transform:translateY(var(--mp-dist,24px))}.mz-root .mp--slide[data-mp-enter]{transform:translateX(var(--mp-dist,40px))}.mz-root .mp--zoom[data-mp-enter]{transform:scale(var(--mp-from,.92))}.mz-root .mp--riseblur[data-mp-enter]{transform:translateY(var(--mp-dist,24px));filter:blur(var(--mp-blur,10px))}.mz-root .mp[data-mp-enter].is-in{opacity:1;transform:none;filter:none}.mz-root .mp--shimmer{position:relative;overflow:hidden}.mz-root .mp--shimmer:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--mp-angle,100deg),transparent 0,var(--mp-color) 42%,var(--mp-color2) 58%,transparent 100%);opacity:0;transform:translateX(-100%)}.mz-root .mp--shimmer.is-in:after{opacity:var(--mp-op,.5);animation:mz-mp-shimmer var(--mp-dur,1s) var(--mp-ease,linear) var(--mp-delay,0s) var(--mp-repeat,1) forwards}@keyframes mz-mp-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mz-root .mz-link-card em,.mz-root .mz-pager a.is-next .mz-pager__dir:after,.mz-root .mz-pager a.is-prev .mz-pager__dir:before,.mz-root .mz-post__more em{font-family:var(--font-pretendard),sans-serif}.mz-root .mp--nudge em,.mz-root .mp--nudge svg{display:inline-block;will-change:transform}.mz-root .mp--nudge.is-hot em,.mz-root .mp--nudge.is-hot svg{animation:mz-mp-nudge var(--mp-dur,2s) linear var(--mp-delay,0s) var(--mp-repeat,infinite)}@keyframes mz-mp-nudge{0%{animation-timing-function:ease-out;transform:translateX(0)}15%{animation-timing-function:ease-out;transform:translateX(var(--mp-dist,3px))}30%{transform:translateX(0)}to{transform:translateX(0)}}.mz-root .mp--underline [data-underline]{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 calc(100% + var(--mp-off, 3px));background-size:0 0;will-change:background-size}.mz-root .mp--underline.is-hot [data-underline]{animation:mz-mp-ul-rise var(--mp-rise,.18s) var(--mp-ease,cubic-bezier(.22,.61,.36,1)) var(--mp-delay,0s) both,mz-mp-ul-fall var(--mp-fall,.52s) cubic-bezier(.25,1,.5,1) calc(var(--mp-delay, 0s) + var(--mp-rise, .18s)) forwards}@keyframes mz-mp-ul-rise{0%{background-size:0 0}to{background-size:100% calc(var(--mp-dist, 1px) * var(--mp-swell, 2))}}@keyframes mz-mp-ul-fall{0%{background-size:100% calc(var(--mp-dist, 1px) * var(--mp-swell, 2))}to{background-size:100% var(--mp-dist,1px)}}.mz-root .mz-closer h2{position:relative;display:inline-block}.mz-root .mz-cgz{--mz-cgz-edge:6px;--mz-cgz-pad:11px;--mz-cgz-line:var(--semantic-primary);position:absolute;top:calc(var(--mz-cgz-edge) * -1);bottom:calc(var(--mz-cgz-edge) * -1);left:calc((var(--mz-cgz-pad) + var(--mz-cgz-edge)) * -1);right:calc((var(--mz-cgz-pad) + var(--mz-cgz-edge)) * -1);pointer-events:none;box-sizing:border-box;border:var(--mz-cgz-edge) solid transparent;background-origin:border-box;background-clip:border-box;background-image:radial-gradient(circle,var(--primitive-white) 0 4px,var(--mz-cgz-line) 4px 6px,transparent 6px),radial-gradient(circle,var(--primitive-white) 0 4px,var(--mz-cgz-line) 4px 6px,transparent 6px),radial-gradient(circle,var(--primitive-white) 0 4px,var(--mz-cgz-line) 4px 6px,transparent 6px),radial-gradient(circle,var(--primitive-white) 0 4px,var(--mz-cgz-line) 4px 6px,transparent 6px),linear-gradient(var(--mz-cgz-line),var(--mz-cgz-line)),linear-gradient(var(--mz-cgz-line),var(--mz-cgz-line)),linear-gradient(var(--mz-cgz-line),var(--mz-cgz-line)),linear-gradient(var(--mz-cgz-line),var(--mz-cgz-line));background-size:12px 12px,12px 12px,12px 12px,12px 12px,calc(100% - 12px) 2px,calc(100% - 12px) 2px,2px calc(100% - 12px),2px calc(100% - 12px);background-repeat:no-repeat;background-position:left 0 top 0,right 0 top 0,left 0 bottom 0,right 0 bottom 0,left 6px top 6px,left 6px bottom 6px,left 6px top 6px,right 6px top 6px;opacity:0;transform:scale(.98);transition:opacity .42s cubic-bezier(.2,.7,.2,1) .2s,transform .42s cubic-bezier(.2,.7,.2,1) .2s}.mz-root .mz-cgz:after,.mz-root .mz-cgz:before{content:"";position:absolute;top:50%;width:8px;height:20px;margin-top:-10px;box-sizing:border-box;background:var(--primitive-white);border:2px solid var(--mz-cgz-line);border-radius:11px}.mz-root .mz-cgz:before{left:-4px}.mz-root .mz-cgz:after{right:-4px}.mz-root .mz-closer[data-mz-cgz=in] .mz-cgz,.mz-root .mz-closer[data-mz-cgz=typing] .mz-cgz{opacity:1;transform:none}.mz-root .mz-closer[data-mz-cgz=typing] h2{color:transparent}.mz-root .mz-cgz-type{position:absolute;left:0;top:0;white-space:pre;color:var(--semantic-text-active);user-select:none;pointer-events:none}.mz-root .mz-cgz-caret{display:inline-block;width:max(2px,.055em);height:.92em;margin-left:.06em;vertical-align:-.14em;background:var(--semantic-primary)}.mz-root .mz-closer[data-mz-cgz=in] .mz-cgz-caret{animation:mz-cgz-blink 1.1s step-end infinite}@keyframes mz-cgz-blink{0%,49%{opacity:1}50%,to{opacity:0}}.mz-root .mz-shint{position:fixed;left:50%;bottom:28px;z-index:9;display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;font-size:13px;font-weight:600;line-height:1;color:var(--primitive-gray-dark3);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);pointer-events:none;opacity:0;transform:translate(-50%,10px);transition:opacity .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1)}.mz-root .mz-shint[data-shown]{opacity:1;transform:translate(-50%);pointer-events:auto}.mz-root .mz-shint__arrow{display:block;width:15px;height:15px;overflow:visible;color:var(--semantic-primary)}.mz-root .mz-shint__arrow path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:mz-shint-bob 1.5s ease-in-out infinite}.mz-root .mz-shint__arrow path:last-child{animation-delay:-90ms;opacity:.55}@keyframes mz-shint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:720px){.mz-root .mz-shint{bottom:20px;padding:10px 16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.mz-root .mp{animation:none!important;transition:none!important}.mz-root .mp[data-mp-enter]{opacity:1!important;transform:none!important;filter:none!important}.mz-root .mp--shimmer:after{display:none}.mz-root .mp--nudge.is-hot em,.mz-root .mp--nudge.is-hot svg{animation:none}.mz-root .mp--underline.is-hot [data-underline]{animation:none;background-size:100% var(--mp-dist,1px)}.mz-root .mz-cgz{transition:none}.mz-root .mz-closer[data-mz-cgz=typing] h2{color:var(--semantic-text-active)}.mz-root .mz-cgz-type{display:none}.mz-root .mz-shint{transition:none}.mz-root .mz-shint__arrow path{animation:none}}