.blog-index-header{padding-top:65px;padding-bottom:48px;max-width:1220px}.blog-index-header h1{font-size:clamp(40px,5.5vw,70px);line-height:1.12}.blog-index-header>p{margin-top:24px;max-width:610px;font-size:16px;line-height:1.9}.blog-list{padding-bottom:65px}.blog-list-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:28px;margin-bottom:27px;gap:20px}.blog-list-heading h2{font-size:25px}.blog-list-heading>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.blog-feature{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.blog-feature-image{display:block;background:#e6e9fc}.blog-feature-image img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover}.blog-feature-copy{padding:40px;align-self:center}.blog-feature h2{font-size:32px}.blog-feature-copy>p{font-size:14px;line-height:1.9;margin-top:18px}.blog-feature-copy>.button{margin-top:26px}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px 22px;font-size:11px;color:var(--muted);margin-top:22px}.blog-bottom{border-top:1px solid var(--line);padding:40px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:30px}.blog-bottom h2{font-size:29px}.blog-bottom p{margin-top:14px;font-size:14px}.post-header{padding-top:40px;padding-bottom:32px;border:0;background:transparent;z-index:auto}.blog-breadcrumb{font-size:11px;display:flex;gap:14px;margin-bottom:30px;color:var(--muted)}.blog-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.post-header h1{max-width:920px;font-size:clamp(35px,4.6vw,60px);line-height:1.15}.post-deck{font-size:17px;line-height:1.8;max-width:800px;margin-top:22px}.post-hero{margin-top:0;margin-bottom:52px}.post-cover{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:13px;background:#eef0fc}.article-layout{display:grid;grid-template-columns:225px minmax(0,760px);gap:60px;justify-content:space-between;padding-bottom:75px}.article-toc{align-self:start;position:sticky;top:25px}.article-toc .eyebrow{margin-bottom:18px}.article-toc nav{display:grid;gap:0;font-size:12px;line-height:1.6;border-left:1px solid var(--line);padding-left:16px}.article-toc nav a{padding:7px 0;color:#616a72;font-weight:400}.article-toc nav a:hover{color:var(--orange)}.article-toc>.text-link{display:block;margin-top:24px;font-size:11px}.article-body{min-width:0;font-size:16px;line-height:1.95}.article-body p{margin:0 0 22px;color:#4d5964}.article-body .article-lead{font-size:20px;line-height:1.85;color:var(--ink)}.article-body h2{font-size:30px;line-height:1.3;margin:42px 0 18px;scroll-margin-top:25px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:21px;margin:27px 0 13px}.article-body ul,.article-body ol{padding-left:24px;margin:18px 0 25px;color:#4d5964}.article-body li{padding-left:3px;margin-bottom:10px}.article-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em;background:#e8ebfa;color:#33434d;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.article-body pre{background:#202b39;border:1px solid #344254;border-radius:10px;overflow:auto;padding:24px;line-height:1.8;margin:23px 0}.article-body pre code{padding:0;background:none;color:#edf3de;font-size:13px;white-space:pre;overflow-wrap:normal}.article-table{overflow:auto;margin:24px 0}.article-table table{width:100%;border-collapse:collapse;min-width:420px;font-size:13px;line-height:1.7}.article-table th,.article-table td{padding:14px;text-align:left;border:1px solid var(--line)}.article-table thead{background:#e8ebfa}.blog-demo{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#e8f4f8;border-radius:9px;padding:22px;margin:22px 0}.blog-demo p{font-size:13px;margin:0}.demo-reset{background:none;border:0;text-decoration:underline;font-size:12px;padding:9px}.article-exercise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0;padding:0 0 8px}.article-references a{text-decoration:underline;text-underline-offset:3px;font-size:13px}.article-next{margin:45px 0;background:#e8ebfa;border-radius:12px;padding:30px}.article-next h2{margin-top:0}.article-next p{font-size:14px;margin-bottom:0}.article-next .actions{gap:20px}.article-next+.text-link{font-size:12px}.nav nav{gap:21px}.nav{gap:24px}@media(max-width:1050px){.nav nav{gap:15px;font-size:12px}.article-layout{grid-template-columns:185px minmax(0,1fr);gap:35px}.blog-feature-copy{padding:28px}.blog-feature h2{font-size:28px}}@media(max-width:800px){.article-layout{grid-template-columns:1fr;gap:35px}.article-toc{position:static}.article-toc nav{grid-template-columns:1fr 1fr;gap:0 20px}.blog-feature{grid-template-columns:1fr}.blog-feature-image img{min-height:0;max-height:350px;aspect-ratio:16/9}.blog-bottom{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.blog-index-header{padding-top:42px}.blog-index-header h1{font-size:39px}.blog-list-heading{align-items:flex-start;flex-direction:column}.blog-list-heading h2{font-size:23px}.blog-feature-copy{padding:24px}.post-header{padding-top:28px}.post-deck{font-size:15px}.post-meta{gap:8px 16px}.post-hero{margin-bottom:32px}.post-cover{border-radius:8px}.article-body{font-size:15px}.article-body .article-lead{font-size:18px}.article-body h2{font-size:26px}.article-toc nav{grid-template-columns:1fr}.article-body pre{padding:17px}.article-next{padding:23px}.article-next .actions{align-items:flex-start;flex-direction:column}.blog-demo{gap:14px}}
.blog-feature+.blog-feature{margin-top:28px}.article-body>p>a{text-decoration:underline;text-underline-offset:4px}.variables-demo{border:1px solid var(--line);background:#eef0fc;border-radius:12px;padding:24px;margin:25px 0}.variables-demo-inputs{display:grid;grid-template-columns:1fr 130px;gap:18px}.variables-demo label{display:grid;gap:7px;font-size:12px;font-weight:600}.variables-demo input{width:100%;padding:10px 12px;background:white;border:1px solid #cecfc6;border-radius:6px;font-size:14px;min-width:0}.variables-demo .actions{margin-top:18px}.variables-demo table{background:white}.variables-demo>p{font-size:12px;margin:0}.variables-demo .article-table{margin-bottom:15px}@media(max-width:500px){.variables-demo{padding:18px}.variables-demo-inputs{grid-template-columns:1fr}.variables-demo .article-table table{min-width:280px}}

.blog-image-caption{font-size:11px;color:var(--muted);margin-top:10px}.article-body blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--orange);background:#eef0fc;border-radius:0 10px 10px 0}.article-body blockquote p{margin:0;color:var(--ink);font-size:19px}.article-body .article-exercise a{text-decoration:underline;text-underline-offset:4px}