.blog-v3{background:var(--mg-canvas);color:var(--mg-text);overflow-wrap:anywhere}.blog-v3 .blog-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.blog-v3 :is(h1,h2,h3,h4){text-wrap:balance;letter-spacing:-.025em;font-weight:600}.blog-v3 .blog-index-title{font-size:clamp(38px,5.7vw,68px);line-height:1.08}.blog-v3 .blog-article-title{max-width:22ch;font-size:clamp(32px,4.2vw,54px);line-height:1.12}.blog-v3 .blog-reading-body{max-width:72ch;margin-inline:auto}.blog-v3 .blog-content{font-size:17px;line-height:1.85;color:var(--mg-text)}.blog-v3 .blog-content>:first-child{margin-top:0}.blog-v3 .blog-content :is(h1,h2,h3,h4,h5,h6){color:var(--mg-text);line-height:1.3;scroll-margin-top:112px}.blog-v3 .blog-content :is(img,video,iframe){max-width:100%;border-radius:16px}.blog-v3 .blog-content :is(img,video){height:auto}.blog-v3 .blog-content audio{width:100%;max-width:100%}.blog-v3 .blog-content :is(pre,.blog-table-scroll){max-width:100%;overscroll-behavior-x:contain}.blog-v3 .blog-content pre{padding:20px;border:1px solid var(--mg-line);border-radius:16px;background:var(--mg-surface-subtle);white-space:pre;overflow-wrap:normal}.blog-v3 .blog-content pre code{padding:0;background:transparent;color:var(--mg-text)}.blog-v3 .blog-content :not(pre)>code{overflow-wrap:anywhere}.blog-v3 .blog-content table{min-width:100%;line-height:1.65}.blog-v3 .blog-content :is(th,td){min-width:120px}.blog-v3 .blog-content blockquote{border:0;border-left:3px solid var(--mg-link);border-radius:0;background:var(--mg-surface-subtle)}.blog-v3 .blog-toc{max-height:calc(100vh - 144px);overflow-y:auto;scrollbar-width:thin}.blog-v3 .blog-toc a{padding-block:7px;line-height:1.65}.blog-v3 .blog-tag-filters a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--mg-line);background:var(--mg-surface);color:var(--mg-text-secondary);box-shadow:none}.blog-v3 .blog-tag-filters a[aria-current=page]{background:var(--mg-text);border-color:var(--mg-text);color:var(--mg-surface)}.blog-v3 .blog-post-card{border-radius:20px;box-shadow:none}.blog-v3 .blog-post-card:hover{border-color:var(--mg-control);box-shadow:0 12px 28px -18px #1c243028}.blog-v3 .blog-primary{min-height:44px;border:1px solid var(--mg-text);text-decoration:none;justify-content:center}.blog-v3 .blog-primary,.blog-v3 .blog-primary:hover{background:var(--mg-text);color:var(--mg-surface)}.blog-v3 .blog-final-cta{border-color:var(--mg-line);border-radius:20px;background:var(--mg-surface-subtle)}.blog-v3 :is(a,button,summary,[tabindex="0"]):focus-visible{outline:2px solid var(--mg-link);outline-offset:4px}@media (max-width:639px){.blog-v3 .blog-wrap{width:calc(100% - 32px)}.blog-v3 .blog-content{font-size:16px}.blog-v3 .blog-content h2{font-size:26px}.blog-v3 .blog-content h3{font-size:22px}.blog-v3 .blog-final-cta{padding:24px}}@media (prefers-reduced-motion:reduce){.blog-v3 *,.blog-v3 :after,.blog-v3 :before{transition:none!important;animation:none!important}.blog-v3 .blog-post-card:hover,.blog-v3 .group:hover img{transform:none}}.blog-mobile-promotion{display:none}@media (max-width:1279px){.mg-v3-surface:has(.blog-v3 .blog-mobile-promotion){padding-bottom:var(--blog-promotion-height,120px)}.blog-v3 .blog-mobile-promotion{display:block;position:fixed;inset:auto 0 0;z-index:30;padding:12px max(8px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--mg-line);background:var(--mg-surface);color:var(--mg-text);box-shadow:0 -4px 24px #1c243010}.blog-mobile-promotion-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:720px;margin-inline:auto;padding-right:52px}.blog-mobile-promotion-mark{flex:0 0 36px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.blog-mobile-promotion-copy{flex:1 1 112px;min-width:min(100%,112px);font-size:13px;line-height:1.45;color:var(--mg-text-secondary)}.blog-mobile-promotion-title{margin-bottom:2px;font-size:14px;font-weight:600;color:var(--mg-text)}.blog-v3 .blog-mobile-promotion-action{display:inline-flex;align-items:center;flex:0 0 auto;max-width:100%;padding:8px 10px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:normal;word-break:normal;text-align:center}.blog-mobile-promotion-close{position:absolute;top:50%;right:0;width:44px;min-height:44px;transform:translateY(-50%);font-size:24px;color:var(--mg-text-secondary);border-radius:8px}.blog-mobile-promotion-close:hover{background:var(--mg-surface-subtle)}.mg-v3-surface:has(:is(input,textarea,[contenteditable=true]):focus) .blog-mobile-promotion{display:none}.mg-v3-surface:has(:is(input,textarea,[contenteditable=true]):focus):has(.blog-mobile-promotion){padding-bottom:0}}@media (max-width:359px){.blog-mobile-promotion-mark{display:none}.blog-mobile-promotion-inner{gap:8px}}