:root{color:#1d1d1f;font-synthesis:none;-webkit-font-smoothing:antialiased;--muted:#6e6e73;--blue:#06c;--width:1080px;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#cce5ff}.skip-link{z-index:20;background:#fff;padding:15px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{background:#ffffffd9;border-bottom:1px solid #d2d2d7;height:76px}.nav-inner{max-width:var(--width);justify-content:space-between;align-items:center;height:100%;margin:auto;padding:0 4px;display:flex}.wordmark{letter-spacing:-1.3px;align-items:center;gap:4px;font-size:25px;font-weight:800;display:flex}.brand-dot{background:var(--blue);border-radius:50%;align-self:flex-end;width:5px;height:5px;margin-bottom:7px}.nav-link{font-size:14px;font-weight:500}.nav-link span{color:var(--muted);margin-left:16px}.home-main{max-width:var(--width);margin:auto;padding:64px 0 100px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.page-heading h1{letter-spacing:-2px;word-break:keep-all;margin:0;font-size:48px;font-weight:750;line-height:1.19}.page-heading h1 span{color:#86868b}.page-heading p{color:var(--muted);margin:0 0 5px;font-size:15px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.post-card{background:#fff;border-radius:22px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.post-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000000b}.card-image{aspect-ratio:1.65;background:#e8e8ed;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.post-card:hover img{transform:scale(1.025)}.card-content{flex-direction:column;flex:1;padding:30px 32px 26px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.02em;font-size:13px;font-weight:700}.card-content h2{letter-spacing:-.9px;word-break:keep-all;overflow-wrap:anywhere;margin:12px 0 30px;font-size:28px;line-height:1.28}.card-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.card-bottom time{color:var(--muted);font-size:14px;font-weight:500}.card-arrow{color:var(--muted);font-size:19px}.featured{grid-column:1/-1;grid-template-columns:1.18fr 1fr;min-height:430px;display:grid}.featured .card-image{aspect-ratio:auto;min-height:430px}.featured .card-content{justify-content:center;padding:48px 42px}.featured .card-content h2{letter-spacing:-1.6px;margin-top:16px;margin-bottom:36px;font-size:38px;line-height:1.24}.featured .card-bottom{margin-top:0}.site-footer{color:var(--muted);border-top:1px solid #d2d2d7;padding:30px 0 38px}.footer-inner{max-width:var(--width);align-items:center;gap:24px;margin:auto;font-size:13px;display:flex}.footer-brand{color:#1d1d1f;font-size:17px;font-weight:750}.footer-inner a:last-child{margin-left:auto}.article-page{background:#fff}.article-heading{max-width:760px;margin:auto;padding:55px 0 42px}.back-link{color:var(--blue);margin-bottom:46px;font-size:14px;display:inline-block}.article-meta{color:var(--muted);align-items:center;gap:16px;font-size:14px;display:flex}.article-heading h1{letter-spacing:-1.9px;word-break:keep-all;overflow-wrap:anywhere;margin:20px 0 26px;font-size:48px;line-height:1.2}.byline{color:var(--muted);margin:0;font-size:14px}.article-body{letter-spacing:-.3px;overflow-wrap:anywhere;word-break:normal;max-width:760px;margin:auto;font-size:19px;line-height:1.85}.article-body p,.article-body>div{margin:0 0 25px}.article-body p:empty{display:none}.article-body h2{letter-spacing:-1px;word-break:keep-all;margin:62px 0 22px;font-size:32px;line-height:1.3}.article-body h3{letter-spacing:-.8px;word-break:keep-all;margin:48px 0 20px;font-size:26px;line-height:1.4}.article-body h4{font-size:22px}.article-body figure{margin:36px 0}.article-body img{object-fit:contain;border-radius:12px;width:auto;max-height:850px;margin:28px auto}.article-body figure img{margin:0 auto}.article-body figcaption{color:var(--muted);text-align:center;margin-top:12px;font-size:14px;line-height:1.5}.article-body a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.article-body blockquote{color:var(--muted);border-left:3px solid #d2d2d7;margin:32px 0;padding:6px 24px}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin:8px 0}.article-body table{border-collapse:collapse;max-width:100%;margin:32px 0;font-size:16px;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid #d2d2d7;padding:12px 16px}.article-body pre{background:#f5f5f7;border-radius:12px;padding:24px;font-size:15px;overflow:auto}.article-body code{font-family:ui-monospace,monospace}.article-body hr{border:0;border-top:1px solid #d2d2d7;margin:40px 0}.article-body details{background:#f5f5f7;border-radius:12px;margin:24px 0;padding:18px 22px}.article-body summary{cursor:pointer;font-weight:600}.article-end{max-width:760px;color:var(--blue);border-top:1px solid #d2d2d7;margin:64px auto 90px;padding-top:28px;font-size:17px}.article-end span{float:right}.not-found{max-width:760px;margin:100px auto 160px;padding:0 24px}.not-found h1{letter-spacing:-1px;font-size:36px}.not-found p{color:var(--muted);line-height:1.7}.not-found a{color:var(--blue)}@media (width>=1400px){:root{--width:1120px}.home-main{padding-top:72px}}@media (width<=1180px){.nav-inner,.footer-inner{margin-left:40px;margin-right:40px}.home-main{margin:0 40px}.article-heading,.article-body,.article-end{width:760px;max-width:calc(100% - 80px)}}@media (width<=760px){.site-header{height:64px}.nav-inner,.footer-inner{margin-left:24px;margin-right:24px}.home-main{margin:0 24px;padding:42px 0 64px}.page-heading{margin-bottom:28px;display:block}.page-heading h1{letter-spacing:-1.5px;font-size:36px}.page-heading p{margin-top:20px;font-size:14px}.post-grid{grid-template-columns:1fr;gap:22px}.post-card{border-radius:18px}.featured{min-height:0;display:flex}.featured .card-image{aspect-ratio:1.5;min-height:0}.featured .card-content,.card-content{padding:26px}.featured .card-content h2,.card-content h2{letter-spacing:-1px;margin:12px 0 26px;font-size:27px}.card-image{aspect-ratio:1.5}.article-heading,.article-body,.article-end{max-width:calc(100% - 48px)}.article-heading{padding:32px 0}.back-link{margin-bottom:32px}.article-heading h1{letter-spacing:-1.2px;font-size:35px}.article-body{font-size:18px;line-height:1.85}.article-body h3{font-size:24px}.article-body figure{margin:28px 0}.article-body img{border-radius:8px}.article-meta{flex-wrap:wrap;gap:9px 16px}.footer-inner{gap:16px}.article-end{margin-bottom:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}[hidden]{display:none!important}.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-header{background:#fff;height:auto;min-height:76px}.nav-inner{gap:24px;height:76px}.wordmark{flex-shrink:0}.search-toggle{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;padding:8px;display:flex}.search-toggle:hover{color:#1d1d1f;background:#f5f5f7}.search-toggle[aria-expanded=true]{color:#1d1d1f;background:#e8e8ed;min-height:32px;padding:5px 14px;font-size:13px}.search-close-label{align-items:center;gap:5px;display:flex}.search-close-label span{font-size:20px;line-height:1}.search-panel-inner{max-width:var(--width);margin:auto;padding:20px 4px 64px}.header-search{align-items:center;gap:4px;margin-bottom:38px;display:flex}.header-search input{color:#1d1d1f;width:100%;min-width:0;font:inherit;letter-spacing:-.6px;background:0 0;border:0;flex:1;padding:8px 2px;font-size:24px;font-weight:600}.header-search input::placeholder{color:var(--muted);opacity:1}.header-search button{width:32px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.category-heading{color:var(--muted);margin:0 0 18px;font-size:12px;font-weight:600}.category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 32px;display:grid}.category-nav .nav-link{overflow-wrap:anywhere;padding:10px 0;font-size:15px;line-height:1.5}.category-nav .nav-link:hover,.category-nav [aria-current]{color:var(--blue)}input:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.filter-status{color:var(--muted);justify-content:space-between;gap:16px;margin:-12px 0 28px;font-size:14px;display:flex}.filter-status p{margin:0}.filter-status a{color:var(--blue)}#empty-results{color:var(--muted);padding:56px 0;line-height:1.7}.article-toc{background:#f5f5f7;border-radius:12px;max-width:760px;margin:0 auto 36px;padding:22px 26px}.article-toc summary{cursor:pointer;font-weight:700}.article-toc ol{margin:16px 0 0;padding:0;list-style:none}.article-toc li{padding-left:calc(var(--toc-indent)*16px);overflow-wrap:anywhere;margin:10px 0;font-size:15px;line-height:1.6}.article-toc a{color:var(--muted)}.article-toc a:hover{color:var(--blue);text-decoration:underline}.article-body :is(h2,h3,h4,h5,h6){scroll-margin-top:24px}@media (width<=1180px){.article-toc{width:760px;max-width:calc(100% - 80px)}}@media (width<=760px){.nav-inner{height:64px}.site-header{min-height:64px}.search-panel-inner{margin:0 24px;padding:16px 4px 36px}.header-search{margin-bottom:28px}.header-search input{font-size:22px}.category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px}.article-toc{max-width:calc(100% - 48px);padding:20px}.page-heading h1{overflow-wrap:anywhere}}@media (width>=761px) and (width<=1180px){.search-panel-inner{margin-left:40px;margin-right:40px}}