.blog-ui{--blog-ink: #142c43;--blog-body: #334155;--blog-muted: #526276;--blog-link: #0b4ea2;--blog-paper: #fff;--blog-soft: #f1f5f9;--blog-line: #dbe3eb;color:var(--blog-body);font-family:var(--font-family, var(--font-body));max-width:1120px;margin-inline:auto;padding-block:28px 48px}.blog-ui a{color:var(--blog-link);text-underline-offset:4px}.blog-ui ::-moz-selection{background:#d3e3fb;color:var(--blog-ink)}.blog-ui ::selection{background:#d3e3fb;color:var(--blog-ink)}.blog-ui{caret-color:var(--blog-link)}.blog-ui .article-content table{border-collapse:collapse}.blog-ui .article-content table :is(td,th){font-variant-numeric:tabular-nums}.blog-ui :is(a,summary,table):focus-visible{outline:3px solid var(--blog-link);outline-offset:4px;border-radius:3px}.blog-ui h1,.blog-ui h2,.blog-ui h3{color:var(--blog-ink);text-wrap:balance}.blog-ui h1,.blog-ui .article-content :is(h2,h3){font-family:var(--font-display, "Bricolage Grotesque", sans-serif)}.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;margin-bottom:28px}.article-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--blog-muted)}.article-header{max-width:860px}.article-header h1{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.14;letter-spacing:-.035em;font-weight:750;margin:0 0 24px}.article-header .article-description{font-size:18px;line-height:1.65;color:var(--blog-muted);max-width:70ch;margin:0 0 24px}.article-meta{display:flex;align-items:center;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px;row-gap:8px;font-size:13px;color:var(--blog-muted);padding-bottom:24px}.article-meta .article-author{color:var(--blog-ink);font-weight:650;display:inline-flex;min-height:44px;align-items:center}.article-reading-time{border-left:1px solid var(--blog-line);padding-left:20px}.article-cover{border-radius:16px;overflow:hidden;margin-bottom:40px;background:var(--blog-line)}.article-cover img{width:100%;height:auto;max-height:400px;-o-object-fit:cover;object-fit:cover;display:block}.article-grid{display:grid;grid-template-columns:248px minmax(0,1fr);gap:48px;align-items:start}.article-sidebar{position:sticky;top:24px}.article-toc-desktop{max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 8px 4px}.article-toc h2{font-size:13px;font-weight:750;margin:0 0 16px}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li{margin:0;border-left:1px solid var(--blog-line)}.article-toc li a{display:flex;align-items:center;min-height:44px;padding:10px 14px;font-size:13px;line-height:1.5;color:var(--blog-muted);border-radius:0 6px 6px 0}.article-toc li a:hover{color:var(--blog-link);background:var(--blog-paper)}.article-toc .toc-subheading a{padding-left:26px;font-size:12px}.article-toc .toc-calculator{display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:13px;font-weight:650;border-top:1px solid var(--blog-line);margin-top:20px;padding-top:12px}.article-toc-mobile{display:none}.article-main{min-width:0;padding:40px 48px;background:var(--blog-paper);border:1px solid var(--blog-line);border-radius:16px}.blog-ui .article-content{max-width:68ch;margin-inline:auto;color:var(--blog-body);font-size:18px;line-height:1.75;overflow-wrap:anywhere}.article-content>h1:first-child{display:none}.blog-ui .article-content p{margin:0 0 1.4em}.blog-ui .article-content :is(h1,h2,h3,h4){scroll-margin-top:28px;line-height:1.3;letter-spacing:-.02em}.blog-ui .article-content h2{font-size:1.6em;margin:2em 0 .8em;padding-top:.5em}.blog-ui .article-content h3{font-size:1.2em;margin:1.8em 0 .65em}.blog-ui .article-content :is(h2,h3):target{background:var(--blog-soft);outline:4px solid var(--blog-soft);border-radius:4px}.blog-ui .article-content a{color:var(--blog-link);text-decoration:underline;font-weight:500}.blog-ui .article-content a:hover{text-decoration-thickness:2px}.blog-ui .article-content strong{color:var(--blog-ink);font-weight:650}.blog-ui .article-content :is(ul,ol){padding-left:1.4em;margin-block:1.25em}.blog-ui .article-content li{padding-left:.3em;margin-block:.6em}.blog-ui .article-content li::marker{color:var(--blog-link)}.blog-ui .article-content blockquote{margin:2em 0;border-left:1px solid var(--blog-link);padding:20px 24px;background:var(--blog-soft);font-style:normal;font-weight:400;border-radius:0 8px 8px 0}.blog-ui .article-content blockquote p{margin:0}.blog-ui .article-content blockquote p:before,.blog-ui .article-content blockquote p:after{content:none}.blog-ui .article-content table{display:block;max-width:100%;width:100%;overflow-x:auto;white-space:normal;border:1px solid var(--blog-line);border-radius:8px;font-size:14px;line-height:1.6;margin:24px 0}.blog-ui .article-content :is(th,td){padding:12px 16px;min-width:100px;vertical-align:top}.blog-ui .article-content th{background:var(--blog-soft);color:var(--blog-ink);font-weight:650}.blog-ui .article-content tbody tr:nth-child(2n){background:#f8fafc}.blog-ui .article-content pre{max-width:100%;overflow-x:auto}.article-tags{margin-top:32px;padding-top:24px;border-top:1px solid var(--blog-line)}.article-tags h2{font-size:13px;margin-bottom:12px}.article-tags>div{display:flex;flex-wrap:wrap;gap:8px}.article-tags a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--blog-line);border-radius:6px;font-size:12px;overflow-wrap:anywhere}.article-end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;font-size:13px}.article-end a{display:flex;align-items:center;min-height:44px}.article-related{margin-top:56px}.blog-section-heading{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:24px}.blog-section-heading h2{font-size:28px;margin:0}.blog-section-heading>a{display:flex;min-height:44px;align-items:center;font-size:14px}.blog-index-header{max-width:760px;margin-bottom:32px}.blog-index-header h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.04em;font-weight:750;margin:0 0 20px}.blog-index-header>p{color:var(--blog-muted);font-size:18px;line-height:1.7;margin-bottom:16px}.blog-tool-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:14px;font-weight:600}.blog-categories{display:flex;flex-wrap:wrap;gap:8px;padding-block:20px;margin-bottom:28px;border-block:1px solid var(--blog-line)}.blog-categories a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;color:var(--blog-muted)}.blog-categories a[aria-current],.blog-categories a:hover{background:var(--blog-link);color:var(--blog-paper);text-decoration:none}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.post-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--blog-line);padding-bottom:24px}.post-card-image{display:block;overflow:hidden;border-radius:12px;background:var(--blog-line);aspect-ratio:16 / 9}.post-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-card-body{display:flex;flex:1;flex-direction:column;padding-top:16px}.post-card-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--blog-muted);font-size:12px}.post-card-kicker a{display:inline-flex;min-height:44px;align-items:center;font-weight:700}.post-card h2{font-size:21px;line-height:1.35;font-weight:700;letter-spacing:-.02em;margin:4px 0 12px}.post-card h2 a{color:var(--blog-ink)}.post-card h2 a:hover{color:var(--blog-link)}.post-card-body>p{font-size:14px;line-height:1.7;color:var(--blog-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px}.post-card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--blog-muted);margin-top:auto}.blog-ad{text-align:center;margin-top:40px;padding:16px 0;max-width:100%;overflow:hidden;border-block:1px solid var(--blog-line)}.blog-ad>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blog-muted)}.blog-ui .ad-incontent{min-height:310px;margin:40px 0 0;background:var(--blog-soft)}.blog-ui .ad-incontent>p{color:var(--blog-muted)}@media (max-width: 1023px){.article-grid{grid-template-columns:minmax(0,1fr);gap:24px}.article-sidebar{position:static}.article-toc-desktop{display:none}.article-toc-mobile{display:block;background:var(--blog-paper);border:1px solid var(--blog-line);border-radius:10px}.article-toc summary{min-height:56px;padding:16px 20px;cursor:pointer;font-size:14px;font-weight:650;color:var(--blog-ink)}.article-toc summary span{float:right;color:var(--blog-muted);font-size:12px;font-weight:400}.article-toc-mobile nav{padding:0 20px 20px}.article-main{max-width:760px;width:100%;margin-inline:auto}.article-cover{margin-bottom:24px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.blog-ui{padding-block:20px 32px}.article-breadcrumb{margin-bottom:8px}.article-header h1{font-size:30px;line-height:1.18;margin-bottom:16px}.article-header .article-description{font-size:16px;line-height:1.65;margin-bottom:12px}.article-meta{-moz-column-gap:12px;column-gap:12px;font-size:12px;padding-bottom:20px}.article-meta .article-author{width:100%;min-height:36px}.article-reading-time{padding-left:12px}.article-cover{border-radius:10px}.article-main{border:0;border-radius:0;padding:24px 16px;width:calc(100% + 32px);max-width:none;margin-inline:-16px}.blog-ui .article-content{font-size:17px;line-height:1.75}.blog-ui .article-content h2{font-size:25px}.blog-ui .article-content h3{font-size:21px}.blog-ui .article-content blockquote{padding:16px}.blog-ui .article-content :is(th,td){min-width:140px;overflow-wrap:normal}.blog-card-grid{grid-template-columns:minmax(0,1fr);gap:28px}.blog-categories{gap:4px;padding-block:12px}.blog-categories a{padding:10px 12px;font-size:12px}.blog-index-header{margin-bottom:20px}.blog-index-header>p{font-size:16px}.blog-ui .mt-12.flex.justify-center{gap:8px;flex-wrap:wrap}}