.blog-shell{color:#172b45;background:#f7f9fc;min-height:100svh}.blog-header,.blog-footer{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:25px 5%;display:flex}.blog-header{border-bottom:1px solid #d8e0eb}.blog-header nav{color:#526780;align-items:center;gap:32px;font-size:14px;display:flex}.blog-header nav a[aria-current]{color:#155be0}.blog-content{max-width:1160px;min-height:70vh;margin:0 auto;padding:78px 5% 120px}.blog-kicker{color:#55708e;letter-spacing:2px;text-transform:uppercase;font:11px Courier New,monospace}.blog-intro{border-bottom:1px solid #cdd9ea;padding:0 0 62px}.blog-intro h1{letter-spacing:-.08em;margin:22px 0 16px;font-size:clamp(60px,10vw,130px);font-weight:800;line-height:1}.blog-intro h1 span{color:#155be0}.blog-intro>p:last-child{color:#536d8d;font-size:17px}.blog-list-item{border-bottom:1px solid #d8e0eb;grid-template-columns:56px minmax(0,1fr) 180px 30px;align-items:center;gap:28px;min-height:220px;padding:34px 0;transition:color .2s;display:grid}.blog-list-item:hover h2,.blog-list-item:hover .blog-list-arrow{color:#155be0}.blog-list-number{color:#155be0;align-self:start;font:12px Courier New,monospace}.blog-list-copy h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:14px 0;font-size:clamp(27px,3vw,42px);line-height:1.3}.blog-list-copy>p:last-child{color:#526780;overflow-wrap:anywhere;line-height:1.8}.blog-list-item>img{aspect-ratio:16/9;object-fit:cover;border-radius:3px;width:180px}.blog-list-arrow{color:#6f87a6}.blog-empty{text-align:center;color:#687d97;padding:110px 0}.blog-empty span{color:#155be0;font-size:40px}.blog-empty h2{color:#172b45;margin:24px 0 8px;font-size:32px}.blog-message{color:#526780;padding:80px 0}.blog-back{color:#526780;align-items:center;gap:10px;margin-bottom:70px;font-size:14px;display:inline-flex}.blog-back:hover{color:#155be0}.blog-article{max-width:800px;margin:0 auto}.blog-article>h1{letter-spacing:-.05em;overflow-wrap:anywhere;margin:18px 0 24px;font-size:clamp(40px,6vw,76px);line-height:1.2}.blog-lead{color:#536d8d;overflow-wrap:anywhere;margin:0 0 24px;font-size:20px;line-height:1.85}.blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.blog-tags span{color:#476280;border:1px solid #cbd9eb;padding:6px 11px;font-size:12px}.blog-hero-image{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%;height:auto;margin:20px 0 44px}.blog-markdown{color:#28415e;overflow-wrap:anywhere;font-size:17px;line-height:1.95}.blog-markdown>:first-child{margin-top:0}.blog-markdown p,.blog-markdown ul,.blog-markdown ol,.blog-markdown blockquote{margin:0 0 1.4em}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{color:#172b45;letter-spacing:-.035em;margin:1.8em 0 .7em;font-weight:700;line-height:1.35}.blog-markdown h1{font-size:2em}.blog-markdown h2{font-size:1.65em}.blog-markdown h3{font-size:1.32em}.blog-markdown ul,.blog-markdown ol{padding-left:1.5em}.blog-markdown li{margin:.35em 0}.blog-markdown ul{list-style:outside}.blog-markdown ol{list-style:decimal}.blog-markdown a{color:#155be0;text-underline-offset:3px;text-decoration:underline}.blog-markdown blockquote{color:#60758f;border-left:3px solid #155be0;padding:4px 0 4px 20px}.blog-markdown code{background:#eaf0f8;border-radius:3px;padding:.15em .35em;font:.86em Courier New,monospace}.blog-markdown pre{color:#eef5ff;background:#192d47;border-radius:5px;margin:0 0 1.5em;padding:20px;line-height:1.65;overflow-x:auto}.blog-markdown pre code{color:inherit;background:0 0;padding:0}.blog-markdown hr{border:0;border-top:1px solid #cbd9eb;margin:2.5em 0}.blog-end{color:#58728e;letter-spacing:1px;border-top:1px solid #cbd9eb;justify-content:space-between;align-items:center;gap:20px;margin-top:100px;padding-top:24px;font:12px Courier New,monospace;display:flex}.blog-end a{color:#155be0;align-items:center;gap:8px;display:inline-flex}.blog-footer{color:#6c8098;border-top:1px solid #d8e0eb;font-size:12px}@media (max-width:760px){.blog-content{padding:50px 6% 90px}.blog-list-item{grid-template-columns:30px minmax(0,1fr) 24px;gap:12px;min-height:150px}.blog-list-item>img{display:none}.blog-back{margin-bottom:45px}.blog-markdown{font-size:16px}}
