.blog-list-section{padding-block:calc(var(--space-64) - var(--section-spacing-trim)) calc(96px - var(--section-spacing-trim))}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:36px 32px;display:grid}.blog-card{border:1px solid var(--line-light);background:var(--white);border-radius:16px;flex-direction:column;height:100%;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0900450a,0 8px 24px -12px #0900451f}.blog-card:focus-within{outline:2px solid var(--blue);outline-offset:3px}.blog-card-media{aspect-ratio:16/9;background:var(--tint);border-radius:16px 16px 0 0;position:relative;overflow:hidden}.blog-card-media picture,.blog-card-media .blog-placeholder{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.blog-card-media img{object-fit:cover;width:100%;height:100%;display:block}.blog-placeholder{background:radial-gradient(120% 90% at 85% 10%, #5a8dfe8c, transparent 60%), linear-gradient(135deg, var(--navy) 0%, var(--panel-navy) 45%, var(--blue) 100%);place-items:center;width:100%;height:100%;display:grid!important}.blog-card-media .blog-placeholder img,.blog-post-figure .blog-placeholder img{object-fit:contain;opacity:.95;filter:brightness(0)invert();width:72px;height:72px}.blog-card-body{flex-direction:column;flex:1;padding:26px 28px 28px;display:flex}.blog-kicker{color:var(--blue);font:700 12px/1.3 var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;display:block}.blog-card-title{color:var(--navy);font:700 21px/1.274 var(--font-display);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.548em;margin:0 0 12px;display:-webkit-box;overflow:hidden}.blog-card-link{color:inherit;text-decoration:none}.blog-card-link:after{content:"";z-index:1;border-radius:16px;position:absolute;inset:0}.blog-card-link:focus-visible{outline:none}.blog-card-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.704em;margin:0 0 24px;font-size:16px;line-height:1.568;display:-webkit-box;overflow:hidden}.blog-card-more{color:var(--blue);font:600 15px/1.2 var(--font-display);align-items:center;gap:8px;margin-top:auto;display:inline-flex}.blog-card-more svg{transition:transform .28s cubic-bezier(.2,.7,.2,1)}@media (hover:hover) and (pointer:fine){.blog-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px #0900450d,0 22px 44px -18px #09004547}.blog-card:hover .blog-card-media picture,.blog-card:hover .blog-card-media .blog-placeholder{transform:scale(1.04)}.blog-card:hover .blog-card-more svg{transform:translate(4px)}}.blog-more{justify-content:center;margin-top:56px;display:flex}.blog-more-button{border:1px solid var(--blue);border-radius:var(--radius-button);background:var(--white);min-height:52px;color:var(--blue);font:600 16px/1.2 var(--font-display);cursor:pointer;padding:0 28px;transition:background-color .2s,color .2s}.blog-more-button:hover{background:var(--blue);color:var(--white)}.blog-progress{z-index:100;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.blog-progress-bar{transform-origin:0;background:linear-gradient(90deg, var(--blue), var(--light-blue) 55%, var(--orange));will-change:transform;height:100%;transform:scaleX(0)}.blog-post-page{background:var(--white)}.blog-post-hero{background:linear-gradient(var(--soft), var(--soft)) top / 100% calc(100% - 120px) no-repeat;padding-top:40px;position:relative}.blog-breadcrumb ol{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 40px;padding:0;font-size:14px;list-style:none;display:flex}.blog-breadcrumb li{align-items:center;gap:8px;min-width:0;display:inline-flex}.blog-breadcrumb a{color:var(--muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.blog-breadcrumb [aria-current]{color:var(--navy);font-weight:600}.blog-post-kicker{margin-bottom:20px}.blog-post-title{max-width:100%;color:var(--navy);font:700 clamp(36px, 4.6vw, 60px)/1.0584 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0}.blog-post-sub{max-width:720px;color:var(--muted);margin:24px 0 0;font-size:clamp(18px,1.5vw,21px);line-height:1.519}.blog-author{color:var(--navy);font:600 15px/1.2 var(--font-display);align-items:center;gap:12px;margin:32px 0 48px;display:flex}.blog-author-avatar{background:var(--navy);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.blog-author-avatar img{object-fit:contain;display:block}.blog-post-figure{aspect-ratio:16/9;background:var(--tint);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #09004559,0 2px 6px #0900450f}.blog-post-figure picture,.blog-post-figure .blog-placeholder{width:100%;height:100%;display:block}.blog-post-figure img{object-fit:cover;width:100%;height:100%;display:block}.blog-post-layout{grid-template-columns:minmax(180px,240px) minmax(0,700px);justify-content:center;gap:72px;padding-block:72px 48px;display:grid}.blog-post-aside{position:relative}.blog-toc{max-height:calc(100dvh - 160px);position:sticky;top:120px;overflow-y:auto}.blog-toc-title{color:var(--navy);font:700 12px/1.274 var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}.blog-toc ol{border-left:2px solid var(--line-light);margin:0;padding:0;list-style:none}.blog-toc a{color:var(--muted);border-left:2px solid #0000;margin-left:-2px;padding:8px 0 8px 16px;font-size:14px;line-height:1.45;text-decoration:none;transition:color .2s,border-color .2s;display:block}.blog-toc a:hover{color:var(--navy)}.blog-toc a.is-active{border-left-color:var(--blue);color:var(--blue);font-weight:600}.blog-prose{color:var(--ink);font-size:18.5px;line-height:1.72}.blog-prose>*{margin:0 0 1.35em}.blog-prose h2{color:var(--navy);font:700 clamp(26px, 2.3vw, 32px)/1.176 var(--font-display);letter-spacing:-.015em;margin:2.4em 0 .7em;scroll-margin-top:110px}.blog-prose>h2:first-child{margin-top:0}.blog-prose h3{color:var(--navy);font:700 21px/1.323 var(--font-display);margin:1.9em 0 .6em;scroll-margin-top:110px}.blog-prose h2+h3{margin-top:1em}.blog-prose a{color:var(--blue);font-weight:600;text-decoration:none}.blog-prose a:hover{text-underline-offset:3px;text-decoration:underline}.blog-prose strong{color:var(--navy)}.blog-prose ul,.blog-prose ol{padding-left:1.4em}.blog-prose li{margin:.55em 0;padding-left:.3em}.blog-prose ul>li::marker{color:var(--blue);font-size:1.1em}.blog-prose ol>li::marker{color:var(--blue);font-weight:700;font-family:var(--font-display);font-size:.9em}.blog-prose blockquote{border-left:4px solid var(--blue);background:var(--soft);color:var(--navy);border-radius:0 14px 14px 0;margin:2em 0;padding:22px 28px;font-size:21px;line-height:1.55}.blog-prose blockquote>:last-child{margin-bottom:0}.blog-inline-code{background:var(--tint);color:var(--navy);overflow-wrap:anywhere;border-radius:6px;padding:.12em .45em;font:500 .84em/1.4 ui-monospace,SF Mono,Menlo,Consolas,monospace}.blog-code{background:var(--navy);border-radius:14px;margin:1.8em 0;overflow:hidden;box-shadow:0 18px 36px -24px #0900458c}.blog-code-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px 10px 20px;display:flex}.blog-code-lang{color:var(--muted-on-navy);font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase}.blog-code-copy{min-height:30px;color:var(--text-on-navy);font:600 12.5px/1 var(--font-display);cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:8px;padding:0 12px;transition:background-color .2s,color .2s}.blog-code-copy:hover{color:var(--white);background:#ffffff1a}.blog-code pre{color:var(--idea-flow-text);tab-size:4;margin:0;padding:20px 22px 22px;font:400 14.5px/1.7 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow-x:auto}.blog-code pre code{white-space:pre}.blog-figure{margin:2em -24px;display:block}.blog-figure img{border-radius:16px;width:100%;height:auto;display:block}.blog-figcaption{color:var(--muted);text-align:center;margin-top:10px;padding-inline:24px;font-size:14px;line-height:1.5;display:block}.blog-table-wrap{border:1px solid var(--line-light);border-radius:12px;margin:1.8em 0;overflow-x:auto}.blog-table-wrap table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5}.blog-table-wrap th{background:var(--soft);color:var(--navy);font:700 14px/1.4 var(--font-display);text-align:left}.blog-table-wrap th,.blog-table-wrap td{border-bottom:1px solid var(--line-light);white-space:nowrap;padding:12px 16px}.blog-table-wrap tr:last-child td{border-bottom:0}.blog-takeaway{border:1px solid var(--tint);background:var(--soft);border-radius:14px;gap:16px;margin:2em 0;padding:22px 24px;display:flex}.blog-takeaway-icon{background:var(--blue);width:38px;height:38px;color:var(--white);border-radius:10px;flex:none;place-items:center;display:grid}.blog-takeaway-label{color:var(--blue);font:700 12px/1.4 var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px!important}.blog-takeaway p{color:var(--navy);margin:0 0 .6em}.blog-takeaway p:last-child{margin-bottom:0}.blog-share{border-top:1px solid var(--line-light);flex-wrap:wrap;align-items:center;gap:10px;margin-top:56px;padding-top:28px;display:flex}.blog-share>span{color:var(--muted);font:600 12px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin-right:6px}.blog-share button,.blog-share a{border:1px solid var(--line);background:var(--white);min-height:36px;color:var(--navy);font:600 13.5px/1 var(--font-display);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:border-color .2s,color .2s;display:inline-flex}.blog-share button:hover,.blog-share a:hover{border-color:var(--blue);color:var(--blue)}.blog-related{padding-block:calc(24px - var(--section-spacing-trim)) calc(96px - var(--section-spacing-trim))}.blog-related-title{color:var(--navy);font:700 clamp(28px, 2.6vw, 36px)/1.127 var(--font-display);letter-spacing:-.02em;margin:0 0 32px}@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.blog-post-layout{grid-template-columns:minmax(0,700px);gap:0}.blog-post-aside{display:none}}@media (max-width:767px){.blog-grid{grid-template-columns:minmax(0,1fr);gap:24px}.blog-list-section{padding-block:calc(var(--space-40) - var(--section-spacing-trim)) calc(64px - var(--section-spacing-trim))}.blog-card-body{padding:22px 22px 24px}.blog-post-hero{background-size:100% calc(100% - 48px);padding-top:24px}.blog-breadcrumb ol{margin-bottom:28px}.blog-author{margin:24px 0 32px}.blog-post-figure{border-radius:14px}.blog-post-layout{padding-block:48px 32px}.blog-prose{font-size:18px;line-height:1.7}.blog-figure{margin-inline:0}.blog-code{border-radius:12px;margin-inline:-4px}.blog-related{padding-bottom:calc(64px - var(--section-spacing-trim))}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-media picture,.blog-card-media .blog-placeholder,.blog-card-more svg,.blog-toc a{transition:none!important}.blog-card:hover,.blog-card:hover .blog-card-media picture,.blog-card:hover .blog-card-media .blog-placeholder,.blog-card:hover .blog-card-more svg{transform:none!important}html:has(.blog-post-page){scroll-behavior:auto}}
