.blog-page{color:#11151b;background:#f5f5f1;font-family:Arial,Helvetica,sans-serif;overflow-x:clip}.blog-container{width:min(1160px,100% - 64px);margin:0 auto}.blog-list-hero{color:#fff;text-align:center;background:radial-gradient(at 80% 15%,#466dff,#0000 65%),linear-gradient(125deg,#0829b9,#1548f0);padding:175px 0 75px}.blog-list-hero h1{letter-spacing:-.055em;margin:0 0 26px;font-size:clamp(58px,7vw,104px);font-weight:750;line-height:.95}.blog-list-hero h1 em{font-family:var(--font-instrument-serif),Georgia,serif;font-weight:400}.blog-list-hero p{color:#e2e8ff;max-width:620px;margin:0 auto;font-size:17px;line-height:1.7}.blog-search{color:#1648ed;background:#fff;border-radius:50px;align-items:center;gap:12px;max-width:620px;margin:32px auto 0;padding:8px 22px;display:flex;box-shadow:0 14px 45px #001c7040}.blog-search input{color:#141822;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:14px 0;font-size:15px}.blog-list-content{padding-top:50px;padding-bottom:85px}.blog-topic-panel{background:#fff;border:1px solid #dddeda;border-radius:18px;margin-bottom:22px;padding:26px}.blog-topic-panel h2{text-transform:uppercase;letter-spacing:.13em;margin:0 0 18px;font-size:12px;font-weight:700}.blog-topics{flex-wrap:wrap;gap:9px;display:flex}.blog-topics button{color:#454b56;cursor:pointer;background:#f1f2f4;border:1px solid #0000;border-radius:30px;padding:10px 16px;font-size:13px}.blog-topics button[aria-pressed=true]{color:#fff;background:#194ced}.blog-topics button span{opacity:.7;padding-left:5px}.blog-result-count{color:#666;margin-bottom:24px;font-size:12px}.blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.blog-card{color:inherit;background:#fff;border:1px solid #dddeda;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #101b3912}.blog-card-image{aspect-ratio:16/10;background:#e9ebf5;position:relative;overflow:hidden}.blog-card-image img{transition:transform .6s}.blog-card:hover .blog-card-image img{transform:scale(1.045)}.blog-image-placeholder{color:#fff;background:radial-gradient(circle at 80% 10%,#ff9e63,#0000 65%),#1748ee;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:28px;display:flex}.blog-image-placeholder>span:first-child{letter-spacing:-.09em;font-size:90px;font-weight:700;line-height:1}.blog-image-placeholder>span:last-child{letter-spacing:.2em;font:10px monospace}.blog-card-body{flex-direction:column;flex:1;min-width:0;padding:28px;display:flex}.blog-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.blog-card-tags>*{color:#1748d5;text-transform:uppercase;letter-spacing:.07em;background:#ebefff;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.blog-card h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 13px;font-size:24px;font-weight:700;line-height:1.25}.blog-card p{color:#636976;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 26px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-meta{color:#727784;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;font-size:11px;display:flex}.blog-card-meta svg{color:#1748ee;flex-shrink:0}.blog-card-featured{flex-direction:row-reverse;grid-column:1/-1;min-height:370px}.blog-card-featured .blog-card-image{aspect-ratio:auto;flex-shrink:0;width:50%}.blog-card-featured .blog-card-body{padding:48px}.blog-card-featured h2{font-size:clamp(30px,3.5vw,44px)}.blog-empty{text-align:center;background:#fff;border:1px solid #dddeda;border-radius:18px;padding:80px 24px}.blog-empty>svg{color:#194ced;margin:0 auto 22px}.blog-empty h2{letter-spacing:-.04em;margin:0 0 14px;font-size:30px;font-weight:700}.blog-empty p{color:#666;line-height:1.6}.blog-empty a,.blog-empty button{color:#1748ee;cursor:pointer;align-items:center;gap:12px;margin-top:25px;font-weight:600;display:inline-flex}.blog-pagination{justify-content:center;align-items:center;gap:24px;margin-top:45px;font-size:13px;display:flex}.blog-pagination button{cursor:pointer;background:#fff;border:1px solid #d5d7df;border-radius:25px;align-items:center;gap:8px;padding:12px 18px;display:flex}.blog-pagination button:disabled{opacity:.35;cursor:default}.blog-page a:focus-visible,.blog-page button:focus-visible,.blog-page input:focus-visible{outline-offset:4px;outline:3px solid #ff702b}.blog-article-hero{padding-top:160px;padding-bottom:50px}.blog-article-hero h1{letter-spacing:-.055em;overflow-wrap:anywhere;max-width:1000px;margin:20px 0 25px;font-size:clamp(40px,5vw,74px);font-weight:700;line-height:1.06}.blog-article-hero>p{color:#676c77;max-width:790px;font-size:18px;line-height:1.65}.blog-article-meta{color:#5e6675;flex-wrap:wrap;gap:16px 28px;margin-top:28px;font-size:12px;display:flex}.blog-article-meta>span{align-items:center;gap:8px;display:flex}.blog-article-cover{aspect-ratio:16/8;border-radius:18px;margin-top:40px;position:relative;overflow:hidden}.blog-article-layout{grid-template-columns:250px minmax(0,1fr);gap:65px;padding-top:65px;padding-bottom:70px;display:grid}.blog-toc>div{max-height:calc(100dvh - 150px);position:sticky;top:120px;overflow-y:auto}.blog-toc h2{text-transform:uppercase;letter-spacing:.1em;margin-bottom:22px;font-size:13px;font-weight:700}.blog-toc nav{border-left:1px solid #d6d8df;flex-direction:column;display:flex}.blog-toc nav a{color:#5c6371;padding:8px 0 8px 18px;font-size:13px;line-height:1.5}.blog-toc nav a:hover{color:#1748ee}.blog-toc nav a.is-nested{padding-left:30px;font-size:12px}.blog-project-link{color:#fff;background:#1748ee;border-radius:12px;margin-top:30px;padding:22px;font-weight:700;line-height:1.4;display:block}.blog-project-link span{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:400;display:flex}.blog-prose{color:#353d49;overflow-wrap:anywhere;font-size:17px;line-height:1.9}.blog-prose p{margin:0 0 24px}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:#131925;letter-spacing:-.035em;margin:48px 0 20px;scroll-margin-top:120px;font-weight:700;line-height:1.25}.blog-prose h2{font-size:34px}.blog-prose h3{font-size:26px}.blog-prose h4{font-size:21px}.blog-prose>h2:first-child{margin-top:0}.blog-prose ul,.blog-prose ol{margin:20px 0 26px;padding-left:25px}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{margin-bottom:9px}.blog-prose a{color:#1548e8;text-underline-offset:4px;text-decoration:underline}.blog-prose img{border-radius:12px;max-width:100%;height:auto;margin:30px 0}.blog-prose blockquote{background:#efeee8;border-left:4px solid #ff6b25;margin:30px 0;padding:8px 24px;font-family:Georgia,serif;font-style:italic}.blog-prose pre{color:#f0f2fa;white-space:pre-wrap;background:#121926;border-radius:12px;padding:24px;font-size:13px;overflow-x:auto}.blog-prose code{font-family:monospace;font-size:.9em}.blog-prose table{border-collapse:collapse;max-width:100%;margin:30px 0;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1px solid #d5d7de;min-width:100px;padding:12px}.blog-prose hr{border:0;border-top:1px solid #d5d7de;margin:40px 0}.blog-author{background:#fff;border:1px solid #dddeda;border-radius:14px;align-items:flex-start;gap:20px;margin-top:45px;padding:30px;display:flex}.blog-author-avatar{color:#fff;background:#194ced;border-radius:50%;flex-shrink:0;place-items:center;width:45px;height:45px;font-weight:700;display:grid}.blog-author h2{margin:0 0 8px;font-size:17px;font-weight:700}.blog-author p{color:#686f7a;font-size:13px;line-height:1.7}.blog-article-end{color:#1748ee;flex-wrap:wrap;justify-content:space-between;gap:25px;margin-top:35px;font-size:12px;display:flex}.blog-article-end a{align-items:center;gap:8px;display:flex}.blog-related{padding-bottom:80px}.blog-related>h2{letter-spacing:-.04em;margin-bottom:30px;font-size:40px;font-weight:700}.blog-preview-note{background:#fff0d9;border:1px solid #ffd78c;border-radius:10px;margin-bottom:30px;padding:15px 20px;color:#774300!important;font-size:13px!important}.blog-preview-note a{text-decoration:underline}@media (max-width:950px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-featured .blog-card-body{padding:30px}.blog-article-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}@media (max-width:700px){.blog-container{width:calc(100% - 36px)}.blog-list-hero{padding:135px 0 55px}.blog-list-hero p{font-size:15px}.blog-card-grid{grid-template-columns:1fr}.blog-card-featured{flex-direction:column;min-height:0}.blog-card-featured .blog-card-image{aspect-ratio:16/10;width:100%}.blog-card-featured h2{font-size:28px}.blog-card-body,.blog-card-featured .blog-card-body{padding:24px}.blog-topic-panel{padding:20px}.blog-article-hero{padding-top:130px;padding-bottom:30px}.blog-article-hero>p{font-size:16px}.blog-article-cover{aspect-ratio:4/3;margin-top:28px}.blog-article-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.blog-toc>div{max-height:none;position:static}.blog-toc nav{max-height:220px;overflow:auto}.blog-project-link{display:none}.blog-prose{font-size:16px}.blog-prose h2{font-size:28px}.blog-author{padding:22px}.blog-pagination{gap:12px;font-size:11px}.blog-pagination button{padding:11px 12px}.blog-search{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){.blog-page *{transition:none!important;animation:none!important}}
