@font-face{font-family:'Isaac Blog Han';src:url('./fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Isaac Blog Song';src:url('./fonts/noto-serif-sc.woff2') format('woff2');font-weight:200 900;font-display:swap}
.strategy-blog,.strategy-article{color:#fff;font-family:'Isaac Editorial Sans','Isaac Blog Han','PingFang SC',sans-serif}
.strategy-blog{width:min(100% - 96px,1100px);margin:0 auto;padding:146px 0 110px}
.strategy-blog-heading{padding-left:280px;margin-bottom:64px}
.blog-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.08em;color:#aaa}
.strategy-blog h1,.strategy-article h1,.strategy-blog h2,.strategy-article h2{font-family:'Isaac Editorial Serif','Isaac Blog Song',serif;letter-spacing:-.025em;font-weight:400}
.strategy-blog h1{font-size:60px;line-height:1.4;margin:24px 0}
.strategy-blog-heading p{font-size:17px;line-height:1.9;color:#ccc;margin:0}
.blog-index{display:grid;grid-template-columns:216px minmax(0,1fr);gap:64px;align-items:start}
.blog-topics{position:sticky;top:110px;border-top:1px solid #343434;padding-top:24px}
.blog-topics [role=group]{display:grid;gap:4px;margin-top:18px}
.blog-topics button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;text-align:left;padding:10px 0;background:transparent;border:0;font:inherit;font-size:14px;line-height:1.5;color:#aaa;cursor:pointer}
.blog-topics button span{font-size:11px;font-variant-numeric:tabular-nums;color:#aaa}
.blog-topics button[aria-pressed=true],.blog-topics button:hover{color:#fff}
.blog-topics button[aria-pressed=true]{text-decoration:underline;text-underline-offset:7px}
.blog-posts{min-width:0}
.blog-list-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #343434;padding:24px 0;font-size:12px;color:#aaa}
.blog-post-row{padding:22px 0 38px;border-bottom:1px solid #343434;scroll-margin-top:110px}
.blog-post-row[hidden]{display:none}
.blog-post-meta{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;line-height:1.7;color:#aaa}
.blog-post-row h2{font-size:31px;line-height:1.6;margin:18px 0 16px;text-wrap:pretty}
.blog-post-row h2 a{display:flex;gap:24px;justify-content:space-between;align-items:baseline;text-decoration:none;color:#fff}
.blog-post-row h2 a .blog-title-arrow{flex-shrink:0;font-family:'Isaac Editorial Sans',sans-serif;font-size:21px;font-weight:300}
.blog-post-row h2 a:hover{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.blog-post-row p{font-size:16px;line-height:1.95;color:#ccc;margin:0;max-width:44em}
.strategy-blog a:focus-visible,.strategy-blog button:focus-visible,.strategy-article a:focus-visible{outline:1px solid #fff;outline-offset:5px}
.strategy-article{width:min(100% - 96px,820px);margin:0 auto;padding:124px 0 90px}
.blog-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:38px;font-size:13px;line-height:1.6;color:#bbb;text-decoration:none}
.blog-back:hover,.blog-article-end a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.strategy-article h1{font-size:48px;line-height:1.45;margin:24px 0;text-wrap:pretty}
.strategy-article .blog-article-summary{font-size:20px;line-height:1.9;color:#d6d6d6;margin:0 0 24px}
.blog-author{font-size:13px;color:#aaa;margin:0 0 48px}
.blog-flow{display:flex;flex-wrap:wrap;gap:12px 32px;border-top:1px solid #343434;border-bottom:1px solid #343434;padding:22px 0 22px 1.4em;margin:0 0 44px;list-style:decimal;font-size:14px;line-height:1.8;color:#ddd}
.blog-flow li{padding-left:3px;margin-right:14px}
.blog-article-content section{margin:0 0 40px}
.strategy-article h2{font-size:29px;line-height:1.6;margin:0 0 22px}
.blog-article-content p{font-size:17px;line-height:2;color:#e7e7e7;margin:0 0 20px}
.blog-question{border-left:1px solid #666;padding-left:24px;margin:52px 0}
.blog-question>span{display:block;font-size:12px;color:#aaa;margin-bottom:16px}
.blog-article-end{padding-top:24px;border-top:1px solid #343434}
.blog-article-end a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#ccc;text-decoration:none}
@media(max-width:1000px){
 .strategy-blog{width:min(100% - 48px,820px)}
 .strategy-blog-heading{padding-left:0;margin-bottom:40px}
 .blog-index{display:block}
 .blog-topics{position:static;border-top:0;padding-top:0;margin-bottom:28px}
 .blog-topics [role=group]{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:12px}
 .blog-topics button{gap:10px;white-space:nowrap}
}
@media(max-width:760px){
 .strategy-blog,.strategy-article{width:calc(100% - 40px);padding:114px 0 64px}
 .strategy-blog h1{font-size:36px;margin:18px 0}
 .strategy-blog-heading p{font-size:15px}
 .blog-post-row{padding:20px 0 28px}
 .blog-post-row h2{font-size:24px;line-height:1.55}
 .blog-post-row h2 a{gap:16px}
 .blog-post-row p{font-size:15px}
 .blog-topics [role=group]{gap:4px 22px}
 .blog-topics button{font-size:13px}
 .blog-post-meta{font-size:11px;gap:8px 16px}
 .blog-back{margin-bottom:24px}
 .strategy-article h1{font-size:32px;line-height:1.5}
 .strategy-article .blog-article-summary{font-size:18px}
 .blog-author{margin-bottom:32px}
 .blog-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;font-size:13px}
 .strategy-article h2{font-size:24px}
 .blog-article-content p{font-size:16px;line-height:1.95}
}

.blog-legacy-anchor{display:block;scroll-margin-top:110px}

.blog-title-text{min-width:0}.blog-title-part{display:inline-block;max-width:100%}