@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.css";:root{--font-en: "Inter", "Segoe UI", Arial, "Helvetica Neue", sans-serif;--font-ko: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif}:root{--content-max-width: 853px;--shell-max-width: 1120px;--gutter-mobile: 16px;--gutter-desktop: 24px;--english-intro-max-width: 760px;--english-search-shell-width: 853px;--english-search-copy-width: 700px;--mobile-breakpoint: 768px}:root{--accent: #365f9c;--accent-dark: #24436f;--accent-soft: rgba(54, 95, 156, .12);--black-rgb: 15, 18, 25;--gray-rgb: 96, 115, 159;--gray-light-rgb: 229, 233, 240;--gray-dark-rgb: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%);--header-padding-inline: 1.25em;--footer-padding: 2.5rem 1rem 4rem;--footer-text-margin: .2rem 0;--body-font-size: 18px;--body-line-height: 1.75;--ko-body-font-size: 18px;--ko-body-line-height: 1.8;--en-body-font-size: 17px;--en-body-line-height: 1.8;--main-padding: 3.5rem 0 4rem;--heading-margin-bottom: .5rem;--heading-line-height: 1.2;--heading-font-weight: 700;--h1-size: clamp(2.1rem, 3.4vw, 2.85rem);--h1-line-height: 1.14;--h2-size: clamp(1.75rem, 2.7vw, 2.25rem);--h2-line-height: 1.18;--h3-size: clamp(1.35rem, 2.1vw, 1.7rem);--h3-line-height: 1.22;--h4-size: clamp(1.12rem, 1.7vw, 1.35rem);--h5-size: 1.25em;--body-paragraph-margin-bottom: 1em;--site-nav-min-height: 64px;--site-nav-links-gap: 1.25rem;--site-nav-link-padding: .75em 0;--prose-p-margin-bottom: 1.35rem;--prose-ko-font-size: 1rem;--prose-ko-p-margin-bottom: 1.2rem;--prose-ko-h1-size: clamp(2rem, 3vw, 2.2rem);--prose-ko-h1-line-height: 1.22;--prose-ko-h1-letter-spacing: -.02em;--prose-ko-h2-size: clamp(1.5rem, 2.2vw, 1.7rem);--prose-ko-h2-line-height: 1.28;--prose-ko-h2-letter-spacing: -.015em;--prose-ko-h3-size: clamp(1.22rem, 1.7vw, 1.35rem);--prose-ko-h3-line-height: 1.34;--prose-ko-h4-size: clamp(1.05rem, 1.35vw, 1.15rem);--prose-ko-h4-line-height: 1.38;--prose-en-font-size: 1.03rem;--prose-en-h2-size: clamp(1.6rem, 2.2vw, 2rem);--prose-en-h2-line-height: 1.22;--prose-en-h2-letter-spacing: -.015em;--prose-en-h3-size: clamp(1.3rem, 1.8vw, 1.55rem);--prose-en-h3-line-height: 1.28;--prose-en-h3-letter-spacing: -.01em;--prose-en-h4-size: clamp(1.08rem, 1.45vw, 1.22rem);--prose-en-h4-line-height: 1.3;--prose-section-heading-margin-top: 2.15rem;--prose-list-margin-bottom: 1.5rem;--prose-list-padding-left: 1.4rem;--prose-list-item-gap: .45rem;--prose-block-margin-y: 1.75rem;--table-cell-padding: .8rem 1rem;--table-head-background: rgba(var(--gray-light), .55);--image-border-radius: 8px;--inline-code-padding: 2px 5px;--inline-code-radius: 2px;--pre-padding: 1.5em;--pre-radius: 8px;--code-copy-button-top: .85rem;--code-copy-button-right: .85rem;--code-copy-button-min-width: 64px;--code-copy-button-padding: .35rem .65rem;--code-copy-button-radius: 999px;--code-copy-button-font-size: .8rem;--blockquote-grid-width: 3px;--blockquote-gap: 1rem;--blockquote-padding: 1rem 1.15rem 1rem 0;--blockquote-margin: 1.75rem 0;--blockquote-radius: 14px;--blockquote-font-size: 1.05em;--hr-margin: 2.5rem 0;--latest-intro-margin-bottom: 2rem;--latest-intro-ko-margin-bottom: 2.25rem;--latest-intro-h1-margin-bottom: .55rem;--latest-intro-h1-size: clamp(2.2rem, 3.5vw, 3rem);--latest-intro-h1-letter-spacing: -.03em;--post-list-gap: 1.5rem;--post-card-media-margin-bottom: .75rem;--post-card-media-radius: 14px;--post-card-media-ko-margin-bottom: .85rem;--post-card-media-ko-radius: 16px;--post-card-title-letter-spacing: -.02em;--post-card-title-en-size: clamp(1.9rem, 3vw, 2.45rem);--post-card-title-ko-index-line-height: 1.18;--post-card-title-ko-list-line-height: 1.16;--post-card-date-margin-top: .45rem;--post-card-date-font-size: .9rem;--post-card-date-ko-font-size: .96rem;--pagination-margin-top: 2rem;--pagination-links-gap: 16px;--pagination-link-min-width: 92px;--pagination-link-padding: .65rem .95rem;--pagination-link-radius: 999px;--pagination-status-font-size: .95rem;--search-shell-gap: 1.25rem;--search-input-padding: 1rem 1.1rem;--search-input-radius: 14px;--search-h1-margin-bottom: .35rem;--search-h1-size: clamp(2.1rem, 3vw, 2.8rem);--search-h1-letter-spacing: -.03em;--search-results-gap: 1.1rem;--search-card-padding: 1.15rem 1.2rem;--search-card-radius: 16px;--search-card-h2-margin-bottom: .45rem;--search-card-h2-size: 1.25rem;--search-card-h2-line-height: 1.25;--search-card-h2-letter-spacing: -.02em;--search-card-ko-h2-size: 1.2rem;--search-card-p-margin-top: .45rem;--search-meta-font-size: .96rem;--article-hero-margin-bottom: 2rem;--article-hero-radius: 18px;--article-inline-image-margin: 2rem 0;--article-inline-image-radius: 18px;--article-title-margin-bottom: 2rem;--article-title-padding-top: .5rem;--article-title-h1-margin-bottom: .75rem;--article-title-en-size: clamp(2.2rem, 3vw, 3rem);--article-title-en-line-height: 1.08;--article-title-en-letter-spacing: -.03em;--article-date-margin-bottom: .75rem;--article-date-font-size: .96rem;--unit-page-gap: 1.5rem;--unit-card-padding: 1.5rem;--unit-card-radius: 20px;--unit-card-shadow: 0 12px 32px rgba(var(--gray), .14);--unit-hero-margin-bottom: 1.5rem;--unit-meta-grid-gap: .75rem 1.5rem;--unit-meta-grid-min-column: 180px;--unit-meta-grid-strong-size: .95rem;--unit-list-padding-left: 1.25rem;--unit-list-item-gap: .5rem;--blog-unit-rail-margin-top: 3rem;--blog-unit-rail-padding: 1.5rem;--blog-unit-rail-radius: 16px;--blog-unit-rail-shadow: 0 8px 24px rgba(var(--gray), .12);--eyebrow-margin-bottom: .5rem;--eyebrow-font-size: .85rem;--eyebrow-letter-spacing: .08em;--related-group-h3-size: 1.1rem;--related-group-h3-margin-top: 1.25rem;--related-group-ul-margin-top: .75rem;--related-group-ul-padding-left: 1.2rem;--related-group-li-gap: .45rem;--mobile-body-font-size: 18px;--mobile-en-body-font-size: 16px;--mobile-main-padding: 1.5rem 0 2.5rem}:root{--black: var(--black-rgb);--gray: var(--gray-rgb);--gray-light: var(--gray-light-rgb);--gray-dark: var(--gray-dark-rgb)}header{margin:0;padding:0 var(--header-padding-inline);background:#fff;border-bottom:1px solid rgba(var(--gray-light),.9)}footer{padding:var(--footer-padding);border-top:1px solid rgba(var(--gray-light),.9);background:#fff;color:rgb(var(--gray));text-align:center}footer p{margin:var(--footer-text-margin)}body{font-family:var(--font-en);margin:0;padding:0;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:var(--body-font-size);line-height:var(--body-line-height)}html[lang=ko] body{font-family:var(--font-ko);font-size:var(--ko-body-font-size);line-height:var(--ko-body-line-height)}html[lang=en] body{font-size:var(--en-body-font-size);line-height:var(--en-body-line-height)}main{width:min(100% - (var(--gutter-mobile) * 2),var(--shell-max-width));margin:auto;padding:var(--main-padding)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--heading-margin-bottom) 0;color:rgb(var(--black));line-height:var(--heading-line-height);font-weight:var(--heading-font-weight)}h1{font-size:var(--h1-size);line-height:var(--h1-line-height)}h2{font-size:var(--h2-size);line-height:var(--h2-line-height)}h3{font-size:var(--h3-size);line-height:var(--h3-line-height)}h4{font-size:var(--h4-size)}h5{font-size:var(--h5-size)}strong,b{font-weight:700}a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.15em}a:hover{color:var(--accent-dark)}a.active{font-weight:700;text-decoration:underline}p{margin-bottom:var(--body-paragraph-margin-bottom)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--site-nav-min-height);width:min(100%,var(--shell-max-width));margin:0 auto}.site-nav-title{margin:0;font-size:1rem}.site-nav-title a,.site-nav-title a.active{text-decoration:none}.site-nav a{display:inline-block;padding:var(--site-nav-link-padding);color:rgb(var(--black));text-decoration:none}.site-nav-links{display:flex;align-items:center;gap:var(--site-nav-links-gap)}.prose p{margin:0 0 var(--prose-p-margin-bottom);font-weight:400}html[lang=ko] .prose{font-size:var(--prose-ko-font-size)}html[lang=ko] .prose p{margin-bottom:var(--prose-ko-p-margin-bottom)}html[lang=ko] .prose h1{font-size:var(--prose-ko-h1-size);line-height:var(--prose-ko-h1-line-height);letter-spacing:var(--prose-ko-h1-letter-spacing)}html[lang=ko] .prose h2{font-size:var(--prose-ko-h2-size);line-height:var(--prose-ko-h2-line-height);letter-spacing:var(--prose-ko-h2-letter-spacing)}html[lang=ko] .prose h3{font-size:var(--prose-ko-h3-size);line-height:var(--prose-ko-h3-line-height)}html[lang=ko] .prose h4{font-size:var(--prose-ko-h4-size);line-height:var(--prose-ko-h4-line-height)}html[lang=en] .prose{font-size:var(--prose-en-font-size)}html[lang=en] .prose h2{font-size:var(--prose-en-h2-size);line-height:var(--prose-en-h2-line-height);letter-spacing:var(--prose-en-h2-letter-spacing)}html[lang=en] .prose h3{font-size:var(--prose-en-h3-size);line-height:var(--prose-en-h3-line-height);letter-spacing:var(--prose-en-h3-letter-spacing)}html[lang=en] .prose h4{font-size:var(--prose-en-h4-size);line-height:var(--prose-en-h4-line-height)}.prose>:where(h2,h3,h4){margin-top:var(--prose-section-heading-margin-top)}.prose :where(ul,ol){margin:0 0 var(--prose-list-margin-bottom);padding-left:var(--prose-list-padding-left)}.prose li+li{margin-top:var(--prose-list-item-gap)}.prose :where(table,pre,img){margin:var(--prose-block-margin-y) 0}.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;white-space:nowrap}.prose th,.prose td{padding:var(--table-cell-padding);border:1px solid rgba(var(--gray-light),.9)}.prose th{background:var(--table-head-background);text-align:left}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:var(--image-border-radius)}.prose img{display:block;width:100%;max-width:100%}code{padding:var(--inline-code-padding);background-color:rgb(var(--gray-light));border-radius:var(--inline-code-radius)}pre{position:relative;padding:var(--pre-padding);border-radius:var(--pre-radius)}pre>code{all:unset}.code-copy-button{position:absolute;top:var(--code-copy-button-top);right:var(--code-copy-button-right);display:inline-flex;align-items:center;justify-content:center;min-width:var(--code-copy-button-min-width);padding:var(--code-copy-button-padding);border:1px solid rgba(var(--gray-light),.85);border-radius:var(--code-copy-button-radius);background:#ffffffeb;color:rgb(var(--gray-dark));font:inherit;font-size:var(--code-copy-button-font-size);line-height:1;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.code-copy-button:hover{background:#fff;border-color:rgba(var(--gray),.4)}.code-copy-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}blockquote{display:grid;grid-template-columns:var(--blockquote-grid-width) minmax(0,1fr);column-gap:var(--blockquote-gap);padding:var(--blockquote-padding);margin:var(--blockquote-margin);border-radius:var(--blockquote-radius);background:var(--accent-soft);font-size:var(--blockquote-font-size);color:rgb(var(--gray-dark))}blockquote:before{content:"";display:block;width:var(--blockquote-grid-width);height:100%;background:var(--accent);border-radius:999px}blockquote>*{grid-column:2}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid rgb(var(--gray-light));margin:var(--hr-margin)}.page-shell{width:min(100%,var(--content-max-width))}.latest-intro{width:100%;margin-bottom:var(--latest-intro-margin-bottom)}.latest-intro--ko{margin-bottom:var(--latest-intro-ko-margin-bottom)}.latest-intro h1{margin-bottom:var(--latest-intro-h1-margin-bottom);font-size:var(--latest-intro-h1-size);letter-spacing:var(--latest-intro-h1-letter-spacing)}.latest-intro p{margin:0}.latest-intro--en p{max-width:var(--english-intro-max-width)}.post-list{display:grid;gap:var(--post-list-gap);list-style:none;margin:0;padding:0}.post-card{width:100%}.post-card-link{display:block;text-decoration:none}.post-card-media{width:100%;margin-bottom:var(--post-card-media-margin-bottom);border-radius:var(--post-card-media-radius);aspect-ratio:16 / 9;object-fit:cover}.post-card-media--ko{margin-bottom:var(--post-card-media-ko-margin-bottom);border-radius:var(--post-card-media-ko-radius)}.post-card-title{margin:0;color:rgb(var(--black));line-height:1.2;letter-spacing:var(--post-card-title-letter-spacing);max-width:100%}.post-card-title--en{font-size:var(--post-card-title-en-size)}.post-card-title--ko-index{line-height:var(--post-card-title-ko-index-line-height)}.post-card-title--ko-list{line-height:var(--post-card-title-ko-list-line-height)}.post-card-date{margin:var(--post-card-date-margin-top) 0 0;color:rgb(var(--gray));font-size:var(--post-card-date-font-size)}.post-card-date--ko{font-size:var(--post-card-date-ko-font-size)}.post-card-link:hover .post-card-title,.post-card-link:hover .post-card-date{color:rgb(var(--accent))}.post-card-link:hover .post-card-media{box-shadow:var(--box-shadow)}.pagination{margin-top:var(--pagination-margin-top)}.pagination-links{width:min(100%,var(--content-max-width));display:flex;align-items:center;justify-content:space-between;gap:var(--pagination-links-gap)}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--pagination-link-min-width);padding:var(--pagination-link-padding);border:1px solid rgba(var(--gray-light),.95);border-radius:var(--pagination-link-radius);background:#fff;color:rgb(var(--gray-dark));text-decoration:none}.pagination-link--disabled{opacity:.45}.pagination-status{margin:0;color:rgb(var(--gray));font-size:var(--pagination-status-font-size)}.search-shell{display:grid;gap:var(--search-shell-gap);width:min(100%,var(--content-max-width))}.search-shell--en{width:min(100%,var(--english-search-shell-width))}.search-input{width:100%;padding:var(--search-input-padding);border:1px solid rgba(var(--gray-light),.9);border-radius:var(--search-input-radius);font:inherit}.search-shell h1{margin-bottom:var(--search-h1-margin-bottom);font-size:var(--search-h1-size);letter-spacing:var(--search-h1-letter-spacing)}.search-shell>p{margin:0}.search-shell--en>p{max-width:var(--english-search-copy-width)}.search-results{display:grid;gap:var(--search-results-gap)}.search-card{padding:var(--search-card-padding);border-radius:var(--search-card-radius)}.search-card--en{border-top:1px solid rgba(var(--gray-light),.9);border-right:none;border-bottom:none;border-left:none;background:transparent}.search-card--ko{border:1px solid rgba(var(--gray-light),.9);background:#fff}.search-card h2{margin:0 0 var(--search-card-h2-margin-bottom);font-size:var(--search-card-h2-size);line-height:var(--search-card-h2-line-height)}.search-card--en h2{letter-spacing:var(--search-card-h2-letter-spacing)}.search-card--ko h2{font-size:var(--search-card-ko-h2-size)}.search-card p{margin:var(--search-card-p-margin-top) 0 0}.search-meta{color:rgb(var(--gray));font-size:var(--search-meta-font-size)}.search-empty{color:rgb(var(--gray))}.article-shell{width:min(100% - (var(--gutter-mobile) * 2),var(--shell-max-width));margin:0 auto}.article-hero{width:min(100%,var(--content-max-width));margin:0 auto var(--article-hero-margin-bottom)}.article-hero img{display:block;margin:0 auto;width:100%;border-radius:var(--article-hero-radius);box-shadow:var(--box-shadow)}.article-prose{width:min(100%,var(--content-max-width));margin:auto;padding:0;color:rgb(var(--gray-dark))}.article-inline-image{margin:var(--article-inline-image-margin)}.article-inline-image img{display:block;width:100%;border-radius:var(--article-inline-image-radius);border:1px solid rgba(var(--gray-light),.9);box-shadow:var(--box-shadow)}.article-title{margin-bottom:var(--article-title-margin-bottom);padding:var(--article-title-padding-top) 0 0;text-align:left}.article-title h1{margin:0 0 var(--article-title-h1-margin-bottom);max-width:100%}html[lang=en] .article-title h1{font-size:var(--article-title-en-size);line-height:var(--article-title-en-line-height);letter-spacing:var(--article-title-en-letter-spacing)}.article-date{margin-bottom:var(--article-date-margin-bottom);color:rgb(var(--gray));font-size:var(--article-date-font-size)}.article-updated{font-style:italic}.unit-page{display:grid;gap:var(--unit-page-gap)}.unit-card{padding:var(--unit-card-padding);border-radius:var(--unit-card-radius);background:#fff;box-shadow:var(--unit-card-shadow)}.unit-hero{margin-bottom:var(--unit-hero-margin-bottom)}.unit-meta-grid,.unit-metric-list,.unit-loop-list,.unit-post-list{margin:0;padding-left:var(--unit-list-padding-left)}.unit-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--unit-meta-grid-min-column),1fr));gap:var(--unit-meta-grid-gap);padding-left:0;list-style:none}.unit-meta-grid strong{display:block;font-size:var(--unit-meta-grid-strong-size)}.unit-post-list li+li,.unit-loop-list li+li,.unit-metric-list li+li{margin-top:var(--unit-list-item-gap)}.blog-unit-rail{margin:var(--blog-unit-rail-margin-top) 0 0;padding:var(--blog-unit-rail-padding);border:1px solid rgb(var(--gray-light));border-radius:var(--blog-unit-rail-radius);background:#fff;box-shadow:var(--blog-unit-rail-shadow)}.eyebrow{margin:0 0 var(--eyebrow-margin-bottom);color:rgb(var(--gray));font-size:var(--eyebrow-font-size);text-transform:uppercase;letter-spacing:var(--eyebrow-letter-spacing)}.related-group h3{font-size:var(--related-group-h3-size);margin-top:var(--related-group-h3-margin-top)}.related-group ul{margin:var(--related-group-ul-margin-top) 0 0;padding-left:var(--related-group-ul-padding-left)}.related-group li+li{margin-top:var(--related-group-li-gap)}@media(max-width:720px){body{font-size:var(--mobile-body-font-size)}html[lang=en] body{font-size:var(--mobile-en-body-font-size)}main{width:min(100% - (var(--gutter-mobile) * 2),var(--shell-max-width));padding:var(--mobile-main-padding)}}@media(min-width:721px){main{width:min(100% - (var(--gutter-desktop) * 2),var(--shell-max-width))}.article-shell{width:min(100% - (var(--gutter-desktop) * 2),var(--shell-max-width))}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}
