@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap");.modern-blog-wrapper{--ink:#14213d;--text:#2b3548;--muted:#5f6b80;--line:#dde3ee;--bg:#ffffff;--soft:#f3f6fb;--brand:#1f4fd8;--brand-dark:#173ba3;--accent:#e8f0ff;background:var(--bg);color:var(--text);font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.75}.modern-blog-wrapper *{box-sizing:border-box}.modern-blog-wrapper .ui,.modern-blog-wrapper h1,.modern-blog-wrapper h2,.modern-blog-wrapper h3{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif}.modern-blog-wrapper a{color:var(--brand)}.modern-blog-wrapper a:focus-visible,.modern-blog-wrapper button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.modern-blog-wrapper .modern-blog-container,.modern-blog-wrapper .wrap{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:18px!important;padding-right:18px!important}@media (min-width:992px){.modern-blog-wrapper .modern-blog-container,.modern-blog-wrapper .wrap{padding-left:60px!important;padding-right:60px!important}}.modern-blog-wrapper .post-head{padding:0 0 8px}.modern-blog-wrapper .post-head h1{font-size:clamp(30px,4.4vw,46px);line-height:1.15;color:var(--ink);margin:0 0 28px;font-weight:800;letter-spacing:-.02em;max-width:880px}.modern-blog-wrapper .featured{margin:0 0 20px;border-radius:12px;overflow:hidden;background:var(--soft);aspect-ratio:16/8;position:relative}.modern-blog-wrapper .featured img{display:block;width:100%;object-fit:cover;aspect-ratio:16/8}.modern-blog-wrapper .updated{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:15px;color:var(--muted);margin:0 0 8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.modern-blog-wrapper .updated-item{display:inline-flex;align-items:center;gap:8px}.modern-blog-wrapper .updated svg{flex:none;display:inline-block;vertical-align:middle}.modern-blog-wrapper .updated strong{color:var(--ink);font-weight:600;margin-right:4px}.modern-blog-wrapper .layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:56px;gap:56px;align-items:start;padding:32px 0 72px}.modern-blog-wrapper main{min-width:0;width:100%}.modern-blog-wrapper article{width:100%;max-width:100%}.modern-blog-wrapper #blog-article-content>:first-child,.modern-blog-wrapper #blog-article-content>div>:first-child,.modern-blog-wrapper .takeaways:first-child,.modern-blog-wrapper article>:first-child{margin-top:0!important}.modern-blog-wrapper #blog-article-content .layout,.modern-blog-wrapper #blog-article-content .wrap,.modern-blog-wrapper .layout .layout{display:block!important;grid-template-columns:none!important;padding:0!important;margin:0!important;gap:0!important;max-width:100%!important;width:100%!important}.modern-blog-wrapper #blog-article-content article,.modern-blog-wrapper #blog-article-content main{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.modern-blog-wrapper #blog-article-content .side-cta,.modern-blog-wrapper #blog-article-content .toc,.modern-blog-wrapper #blog-article-content .toc-col{display:none!important}.modern-blog-wrapper .toc-col{position:-webkit-sticky;position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}.modern-blog-wrapper .toc{border:1px solid var(--line);border-radius:12px;padding:20px 20px 12px;background:#fff;max-height:min(420px,calc(100vh - 200px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.modern-blog-wrapper .toc::-webkit-scrollbar{width:5px}.modern-blog-wrapper .toc::-webkit-scrollbar-thumb{background-color:var(--line);border-radius:4px}.modern-blog-wrapper .toc p{margin:0 0 10px;font:700 17px/1.3 Manrope,sans-serif;color:var(--ink)}.modern-blog-wrapper .toc ol{list-style:none;margin:0;padding:0}.modern-blog-wrapper .toc li a{display:block;padding:9px 14px;border-left:3px solid var(--line);font:500 15px/1.4 Manrope,sans-serif;color:var(--text);text-decoration:none;transition:all .15s ease}.modern-blog-wrapper .toc li a.active,.modern-blog-wrapper .toc li a:hover{border-left-color:var(--brand);color:var(--brand);background:var(--accent)}.modern-blog-wrapper .side-cta{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--soft)}.modern-blog-wrapper .side-cta p{margin:0 0 14px;font:700 16px/1.4 Manrope,sans-serif;color:var(--ink)}.modern-blog-wrapper .btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font:700 16px/1 Manrope,sans-serif;padding:15px 26px;border-radius:999px;transition:background .15s ease;border:none;cursor:pointer}.modern-blog-wrapper .btn:hover{background:var(--brand-dark);color:#fff}.modern-blog-wrapper .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);padding:12px 22px;font-size:14px}.modern-blog-wrapper .btn.ghost:hover{background:var(--ink);color:#fff}.modern-blog-wrapper .takeaways{background:var(--accent);border:1px solid #c8d8fb;border-radius:12px;padding:24px 28px;margin:0 0 36px}.modern-blog-wrapper .takeaways h2{margin:0 0 14px;font-size:22px;color:var(--brand-dark)}.modern-blog-wrapper .takeaways ul{list-style:none;margin:0;padding:0}.modern-blog-wrapper .takeaways li{position:relative;padding-left:30px;margin:0 0 12px;font-size:17px;line-height:1.6}.modern-blog-wrapper .takeaways li:last-child{margin-bottom:0}.modern-blog-wrapper .takeaways li:before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}.modern-blog-wrapper .takeaways li strong{color:var(--ink)}.modern-blog-wrapper article h2{font-size:clamp(25px,3vw,31px);line-height:1.25;color:var(--ink);margin:52px 0 16px;scroll-margin-top:100px;letter-spacing:-.01em}.modern-blog-wrapper article h3{font-size:21px;line-height:1.3;color:var(--ink);margin:34px 0 10px;scroll-margin-top:100px}.modern-blog-wrapper article p{margin:0 0 18px}.modern-blog-wrapper .note{font-size:15px;color:var(--muted);font-style:italic}.modern-blog-wrapper .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:28px 0}.modern-blog-wrapper .table,.modern-blog-wrapper table{width:100%;border-collapse:collapse;font-family:Manrope,sans-serif;font-size:15px;line-height:1.5;min-width:560px;margin-bottom:0!important;border-bottom:none!important;border-color:var(--line)!important}.modern-blog-wrapper .table>:not(caption)>*>*,.modern-blog-wrapper td,.modern-blog-wrapper th{text-align:left;padding:14px 18px;vertical-align:top;border-top-width:0!important}.modern-blog-wrapper th{background:var(--ink);color:#fff;font-weight:700;white-space:nowrap}.modern-blog-wrapper .table>:not(caption)>tbody>tr:last-child>*,.modern-blog-wrapper .table>:not(caption)>tr:last-child>*,.modern-blog-wrapper tbody tr:last-child td,.modern-blog-wrapper tbody tr:last-child th{border-bottom:0!important;border-bottom-width:0!important}.modern-blog-wrapper tbody tr:nth-child(2n) td{background:var(--soft)}.modern-blog-wrapper td:first-child{font-weight:700;color:var(--ink)}.modern-blog-wrapper td:nth-child(2){white-space:nowrap;font-weight:600;color:var(--brand-dark)}.modern-blog-wrapper .cta{margin:48px 0;padding:36px;border-radius:14px;background:var(--ink);color:#fff}.modern-blog-wrapper .cta h2{margin:0 0 10px!important;color:#fff!important;font-size:28px!important}.modern-blog-wrapper .cta p{margin:0 0 22px!important;color:#d6def0;max-width:620px}.modern-blog-wrapper .cta .btn{background:#fff;color:var(--ink)}.modern-blog-wrapper .cta .btn:hover{background:var(--accent)}.modern-blog-wrapper .faq details{border-bottom:1px solid var(--line);padding:4px 0}.modern-blog-wrapper .faq summary{cursor:pointer;list-style:none;font:700 18px/1.45 Manrope,sans-serif;color:var(--ink);padding:16px 36px 16px 0;position:relative}.modern-blog-wrapper .faq summary::-webkit-details-marker{display:none}.modern-blog-wrapper .faq summary:after{content:"+";position:absolute;right:4px;top:12px;font-size:26px;font-weight:500;color:var(--brand)}.modern-blog-wrapper .faq details[open] summary:after{content:"\2212"}.modern-blog-wrapper .faq details p{margin:0 0 16px}.modern-blog-wrapper .faq h3{display:contents}.modern-blog-wrapper .author{display:flex;gap:22px;margin-top:56px;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.modern-blog-wrapper .author .avatar{flex:none;width:84px;height:84px;border-radius:50%;background-color:var(--soft);overflow:hidden}.modern-blog-wrapper .author .avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.modern-blog-wrapper .author h2{margin:0 0 2px!important;font-size:21px!important}.modern-blog-wrapper .author .role{margin:0 0 10px!important;font:600 14px/1.4 Manrope,sans-serif;color:var(--muted)}.modern-blog-wrapper .author .meta{margin:0 0 12px!important;font-size:16px;line-height:1.65}.modern-blog-wrapper .author .meta strong{font-family:Manrope,sans-serif;color:var(--ink)}.modern-blog-wrapper .author ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.modern-blog-wrapper .author ul a{display:inline-block;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 14px/1 Manrope,sans-serif;text-decoration:none;color:var(--text);transition:border-color .15s ease}.modern-blog-wrapper .author ul a:hover{border-color:var(--brand);color:var(--brand)}@media (max-width:991.98px) and (min-width:769px){.modern-blog-wrapper .layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}}@media (max-width:768px){.modern-blog-wrapper .layout{grid-template-columns:1fr;gap:32px}.modern-blog-wrapper .toc{display:none!important}.modern-blog-wrapper .toc-col{position:static;order:2;width:100%;margin-top:24px}.modern-blog-wrapper .side-cta{display:block!important;width:100%;text-align:center;padding:24px}}@media (max-width:560px){.modern-blog-wrapper{font-size:17px}.modern-blog-wrapper .takeaways{padding:20px}.modern-blog-wrapper .cta{padding:26px 22px}.modern-blog-wrapper .author{flex-direction:column}}@media (prefers-reduced-motion:reduce){.modern-blog-wrapper html{scroll-behavior:auto}.modern-blog-wrapper .btn{transition:none}}