html{scroll-behavior:smooth;scroll-padding-top:100px}.skip-link{position:absolute;left:16px;top:-60px;z-index:20;background:#353c55;color:white;padding:12px}.skip-link:focus{top:8px}.bar{max-width:1152px;padding:14px 16px;gap:28px}.wordmark{font-size:30px;letter-spacing:-1.8px;font-weight:700}.bar nav{display:flex;gap:24px;margin:auto;font-size:13px}.bar nav a{margin:0;padding:10px 0;border-bottom:2px solid transparent}.bar nav .active{border-color:#343c55}.promo{font-size:10px;font-weight:700;border-radius:10px;background:#343c55;color:white;padding:13px 16px;white-space:nowrap}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:#7a7d8d;margin-bottom:28px}.breadcrumbs a:hover,.toc a:hover,.article-source a:hover{text-decoration:underline}.blog-main,.article-layout{max-width:1120px;margin:auto;padding:36px 24px 72px}.blog-heading{border-bottom:1px solid #e5e5ec;margin-bottom:28px;padding:12px 0 28px}.blog-heading h1{font-size:42px;letter-spacing:-1.4px;margin:12px 0}.blog-heading>p:last-child{font-size:14px;color:#7a7d8d}.post-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.post-grid li{display:flex}.post-card{display:flex;flex-direction:column;flex:1;padding:28px;background:white;border:1px solid #e5e5ec;border-radius:16px;transition:border-color .2s,box-shadow .2s}.post-card:hover{border-color:#b8bbcd;box-shadow:0 6px 20px #343c550c}.post-card h2{font-size:20px;line-height:1.45;margin:0 0 16px;font-weight:600;letter-spacing:-.3px}.post-card p{font-size:14px;line-height:1.8;color:#777987;margin:0 0 22px}.read-link{margin-top:auto;font-size:12px;color:#484d68}.read-link span{margin-left:8px}.reading-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:48px}.toc{font-size:12px;line-height:1.7}.toc details{position:sticky;top:100px}.toc summary{font-weight:600;color:#343c55;margin-bottom:16px;cursor:pointer}.toc ol{padding-left:18px;margin:0;color:#777987}.toc li{padding:5px 0}.reading-column{min-width:0;max-width:760px}article h1{font-size:36px;line-height:1.25;letter-spacing:-1px;margin:0 0 24px;overflow-wrap:break-word}article h2{font-size:23px;line-height:1.4;letter-spacing:-.4px;margin:38px 0 15px;color:#34394d}article h3{font-size:19px;line-height:1.5;margin:28px 0 12px}article p{font-size:16px;line-height:1.9;color:#555969;margin:0 0 20px;overflow-wrap:anywhere}article strong{font-weight:600;color:#34394d}article .article-source{font-size:11px;line-height:1.7;padding-bottom:22px;margin-bottom:30px;border-bottom:1px solid #e5e5ec;color:#858898}.article-neighbors{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #e5e5ec;margin-top:42px;padding-top:26px}.article-neighbors a{font-size:14px;line-height:1.6}.article-neighbors span{display:block;font-size:11px;color:#858898;margin-bottom:10px}.back-to-blog{display:inline-block;margin-top:26px;font-size:13px;color:#484d68}a:focus-visible{outline:3px solid #7d89bd;outline-offset:4px}@media(max-width:800px){.bar{flex-wrap:wrap;gap:10px 16px}.bar nav{margin:0 0 0 auto;gap:16px}.bar nav a:first-child{display:block}.promo{width:100%;text-align:center;white-space:normal}.reading-layout{grid-template-columns:1fr;gap:24px}.toc details{position:static;border-bottom:1px solid #e5e5ec;padding-bottom:16px}.toc ol{columns:2;column-gap:28px}.toc li{break-inside:avoid}.reading-column{max-width:none}.blog-main,.article-layout{padding:28px 20px 48px}article h1{font-size:29px}article h2{font-size:21px}.post-card{padding:22px}.post-card h2{font-size:18px}}@media(max-width:540px){.post-grid{grid-template-columns:1fr}.toc ol{columns:1}.article-neighbors{grid-template-columns:1fr}.wordmark{font-size:26px}.bar nav{font-size:12px}article p{font-size:16px;line-height:1.85}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post-card{transition:none}}
