.blog-root{background:var(--color-background);min-height:100dvh;color:var(--color-foreground);flex-direction:column;display:flex}.blog-root main{flex:1}.blog-root .wrap,.blog-root .sys-tabhead{width:100%}@media (min-width:1024px){.blog-root .sys-tabhead .h2-section{font-size:44px}}.blog-page-after-head{padding-top:32px}@media (min-width:1024px){.blog-page-after-head{padding-top:48px}}.blog-root{--gnb-h:68px;--gnb-off:0px}@media (max-width:1023px){.blog-root{--gnb-h:56px}}.blog-root .gnb-logo img{width:auto;height:20px}@media (max-width:1023px){.blog-root .gnb-logo img{height:17px}}.blog-root .gnb-nav{margin-left:auto}.blog-root .blog-home-link{margin-left:8px;text-decoration:none}@media (max-width:1023px){.blog-root .blog-home-link{margin-left:auto}}.blog-page{padding-top:40px;padding-bottom:48px}@media (min-width:640px){.blog-page{padding-top:68px;padding-bottom:96px}}@media (min-width:1024px){.blog-page{padding-top:80px;padding-bottom:120px}}.post-column{max-width:739px;margin:0 auto}.blog-section-title{margin-bottom:16px;font-size:18px;font-weight:600}@media (min-width:640px){.blog-section-title{font-size:20px}}@media (min-width:1024px){.blog-section-title{font-size:28px}}.feat{margin-bottom:56px;position:relative}@media (min-width:1024px){.feat{margin-bottom:80px}}.feat-track{display:grid}.feat-slide{opacity:0;pointer-events:none;grid-area:1/1;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;transition:opacity .34s;display:grid;position:relative}.feat-slide.is-active{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.feat-slide{transition:none}}@media (min-width:1024px){.feat-slide{gap:var(--grid-gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}.feat-text{flex-direction:column;gap:16px;min-width:0;display:flex}.feat-thumb{order:-1}@media (min-width:1024px){.feat-text{padding-left:var(--grid-gutter)}}.feat-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:24px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}@media (min-width:640px){.feat-title{font-size:36px;line-height:1.3}}.feat-title a{color:inherit;text-decoration:none}.feat-title a:after{content:"";position:absolute;inset:0}.feat-nav{z-index:1;position:relative}.feat-lead{color:var(--color-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;line-height:1.7;display:-webkit-box;overflow:hidden}.feat-nav{align-items:center;gap:12px;margin-top:8px;display:flex}@media (min-width:1024px){.feat-nav{margin-top:24px}}.feat-arrow{border-radius:var(--radius-pill);background:var(--color-fill-weak);width:48px;height:48px;color:var(--color-foreground);cursor:pointer;border:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.feat-arrow:hover{background:var(--color-fill-weak-strong)}.feat-count{color:var(--color-caption);margin-left:4px;font-size:14px}.feat-thumb{aspect-ratio:16/9;border-radius:var(--radius-xl);background:var(--color-fill-weak);position:relative;overflow:hidden}.feat-thumb img{object-fit:cover;transition:transform .3s}.feat-slide:hover .feat-thumb img{transform:scale(1.03)}.blog-grid{grid-template-columns:minmax(0,1fr);gap:48px;display:grid}@media (min-width:1024px){.blog-grid{grid-template-columns:var(--split-4) minmax(0, 1fr);gap:var(--split-gap);align-items:start}.blog-sidebar{top:calc(var(--gnb-h) + 24px);order:-1;position:sticky}}.side-pop{background:var(--color-fill-weak);border-radius:var(--radius-xl);padding:22px 24px}@media (min-width:640px){.side-pop{padding:26px 28px}}.side-pop-title{color:var(--color-muted-foreground);margin-bottom:4px;font-size:14px;font-weight:500}.side-pop-list{margin:0;padding:0;list-style:none}.side-pop-item{flex-direction:column;gap:8px;padding:14px 0;display:flex;position:relative}.side-pop-link:after{content:"";position:absolute;inset:0}.side-pop-item .badge{z-index:1;position:relative}.side-pop-item:last-child{padding-bottom:0}.side-pop-link{color:var(--color-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .15s;display:-webkit-box;overflow:hidden}.side-pop-item:hover .side-pop-link{color:var(--color-primary)}.side-pop-meta{margin-top:0}.side-pop .badge{background:var(--color-background)}.post-grid3{gap:40px var(--grid-gutter);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:640px){.post-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.post-grid3{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:56px}}.gcard{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.gcard-title a:after{content:"";position:absolute;inset:0}.gcard .badge{z-index:1;position:relative}.gcard-thumb{aspect-ratio:16/9;border-radius:var(--radius-xl);background:var(--color-fill-weak);margin-bottom:4px;position:relative;overflow:hidden}.gcard-thumb img{object-fit:cover;transition:transform .3s}.gcard:hover .gcard-thumb img{transform:scale(1.03)}.post-grid3>.gcard{align-content:start}.gcard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;font-size:18px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}@media (min-width:1024px){.gcard-title{font-size:20px}}.gcard-title a{color:inherit;text-decoration:none;transition:color .15s}.gcard:hover .gcard-title a{color:var(--color-primary)}.gcard-excerpt{color:var(--color-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-list-title{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.blog-root .h2-section{font-size:24px}@media (min-width:640px){.blog-root .h2-section{font-size:30px}}.blog-list-title .h2-section{margin-bottom:0}.blog-list-count{color:var(--color-muted-foreground);font-size:14px}.blog-list-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.blog-list-title{margin-bottom:0}.blog-sort-trigger{height:var(--h-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-foreground);box-shadow:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.blog-sort-trigger:hover,.blog-sort-trigger[data-state=open]{background:var(--color-fill-weak)}.blog-sort-trigger svg{opacity:1;color:var(--color-caption)}.blog-sort-menu{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);min-width:120px;padding:4px;box-shadow:0 2px 8px #191f280f}.blog-sort-item{border-radius:var(--radius-sm);color:var(--color-muted-foreground);cursor:pointer;padding:8px 32px 8px 12px;font-size:14px;font-weight:500}.blog-sort-item[data-highlighted]:not([data-state=checked]),.blog-sort-item:hover{background:var(--color-fill-weak);color:var(--color-foreground)}.blog-sort-item[data-state=checked]{color:var(--color-foreground);font-weight:600}.blog-sort-item [data-slot=select-item-indicator]{color:var(--color-muted-foreground);right:10px}.blog-list{flex-direction:column;gap:32px;display:flex}.post-card{grid-template-columns:minmax(0,1fr);gap:14px;display:grid;position:relative}.post-card-title a:after{content:"";position:absolute;inset:0}.post-card .badge{z-index:1;position:relative}.post-card-thumb{aspect-ratio:16/10;border-radius:var(--radius-xl);background:var(--color-fill-weak);position:relative;overflow:hidden}.post-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-card:hover .post-card-thumb img{transform:scale(1.03)}.post-card-body{flex-direction:column;gap:8px;min-width:0;display:flex}.post-card-meta{color:var(--color-muted-foreground);align-items:center;gap:10px;font-size:14px;display:flex}.post-card-meta .badge{text-decoration:none}.post-card-title{font-size:18px;font-weight:600;line-height:1.4}@media (min-width:1024px){.post-card-title{font-size:20px}}.post-card-title a{color:inherit;text-decoration:none}.post-card:hover .post-card-title a{color:var(--color-primary)}.post-card-excerpt{color:var(--color-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}@media (min-width:640px){.post-card{grid-template-columns:calc(var(--grid-col) * 4 + var(--grid-gutter) * 3) minmax(0, 1fr);gap:var(--grid-gutter);align-items:start}}.post-back{color:var(--color-muted-foreground);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.post-back:hover{color:var(--color-foreground)}.post-actions{margin-top:48px}.post-head{margin-bottom:28px}.post-head .post-card-meta{margin-bottom:12px}.post-title{font-size:24px;font-weight:700;line-height:1.35}@media (min-width:640px){.post-title{font-size:36px;line-height:1.3}}.post-hero{aspect-ratio:750/540;border-radius:var(--radius-xl);background:var(--color-fill-weak);margin-bottom:32px;position:relative;overflow:hidden}.post-hero img{object-fit:cover;width:100%;height:100%}.post-tags{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.post-column{--post-block-gap:48px}@media (min-width:1024px){.post-column{--post-block-gap:64px}}.post-cta{margin-top:var(--post-block-gap);border-radius:var(--radius-xl);background:var(--color-fill-weak);text-align:center;flex-direction:column;align-items:center;gap:20px;padding:36px 24px 40px;display:flex}@media (min-width:640px){.post-cta{padding:44px 28px 48px}}.post-cta-title{font-size:18px;font-weight:600;line-height:1.4}@media (min-width:1024px){.post-cta-title{font-size:20px}}.post-cta-btn{min-width:240px}@media (max-width:479px){.post-cta-btn{width:100%}}.post-related{margin-top:var(--post-block-gap)}.blog-body{color:var(--color-foreground);word-break:keep-all;overflow-wrap:anywhere;font-size:17px;line-height:1.7}.blog-body>*+*{margin-top:1em}.blog-body p{margin:0 0 1em}.blog-body p:empty{height:.9em;margin:0}.blog-body p:has(>br:only-child){height:.9em;margin:0}.blog-body h1,.blog-body h2{letter-spacing:-.01em;margin:2em 0 .7em;font-size:24px;font-weight:700;line-height:1.35}.blog-body h3{margin:1.8em 0 .6em;font-size:20px;font-weight:600;line-height:1.35}.blog-body h4{margin:1.6em 0 .5em;font-size:18px;font-weight:600;line-height:1.4}.blog-body h5,.blog-body h6{margin:1.4em 0 .4em;font-size:17px;font-weight:600}.blog-body b,.blog-body strong{font-weight:700}.blog-body u{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.blog-body mark,.blog-body :is(span,font,b,strong,i,em,u,a)[style*=background-color]{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;margin:0 -.05em;padding:.05em .15em;background:color-mix(in srgb, var(--color-primary) 14%, #fff)!important}.blog-body img{max-width:100%;height:auto}.blog-body iframe{aspect-ratio:16/9;border-radius:var(--radius-xl);background:var(--color-fill-weak);border:0;width:100%;height:auto;display:block}.blog-body .video-container,.blog-body [data-youtube-video]{margin:1.2em 0;line-height:normal!important}.blog-body :is(span,font,b,strong,i,em,u,a)[style*="rgb(214, 239, 214)"],.blog-body mark[data-color=green]{background:#d6efd6!important}.blog-body :is(p,div,h1,h2,h3,h4,li,blockquote,td)[style*=background]{background:0 0!important}.blog-body h1[style*=font-size],.blog-body h2[style*=font-size],.blog-body h3[style*=font-size],.blog-body h4[style*=font-size]{font-size:revert-layer!important}.post-intro{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-foreground);text-align:center;flex-direction:column;align-items:center;margin:2em 0;padding:36px 0;font-weight:400;display:flex}@media (min-width:640px){.post-intro{padding:44px 0}}.post-intro-body .intro-hl,.post-intro-body mark{background:color-mix(in srgb, var(--color-primary) 14%, #fff);color:var(--color-foreground);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:.05em .3em}.post-intro-body{width:100%;max-width:640px;color:var(--color-body);font-size:14px;line-height:1.7}.post-intro-body p{margin:0 0 4px}.post-intro-body p:last-child{margin-bottom:0}.post-intro-body>p:first-child{color:var(--color-foreground);margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4}@media (min-width:1024px){.post-intro-body>p:first-child{font-size:20px}}.post-intro-body>p:last-child:not(:first-child){color:var(--color-caption);margin-top:8px;font-size:13px;line-height:1.6}.post-intro-body strong,.post-intro-body b{font-weight:inherit}.post-intro-body img{border-radius:var(--radius-lg);max-width:100%;height:auto}.post-intro-cta{min-width:200px;min-height:var(--h-md);margin-top:20px;padding:10px 22px;font-size:16px}@media (max-width:479px){.post-intro-cta{width:100%}}.blog-404{text-align:center;padding:80px 0 120px}.blog-404 h1{margin:12px 0 8px;font-size:24px;font-weight:700}.blog-404 p{color:var(--color-muted-foreground);margin-bottom:24px}@supports not (color:color-mix(in srgb, red 50%, blue)){.blog-body mark,.blog-body :is(span,font,b,strong,i,em,u,a)[style*=background-color]{background:#dfecff!important}.post-intro-body .intro-hl,.post-intro-body mark{background:#dfecff}}