: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}}
