:root{--blog-anchor-offset: 6rem}.post-cover,.post-card-cover{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:linear-gradient(140deg,#2f89bf,#45a1d6 45%,#ca5392)}.post-cover{border:1px solid rgb(69 161 214 / .18);border-radius:1.25rem}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;font-size:.85rem;color:#64748b}.post-meta-dot{width:.25rem;height:.25rem;border-radius:9999px;background:#94a3b8cc}.post-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ca5392}.post-card-title,.post-card-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.post-card{display:flex;flex-direction:column;width:100%;min-width:0;height:100%}.post-card-body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.category-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.category-tab{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;min-height:2.75rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid rgb(69 161 214 / .22);background:#ffffffd9;font-size:.875rem;font-weight:600;color:#334155;white-space:nowrap;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.category-tab:hover{border-color:#45a1d68c;color:#2f89bf}.category-tab[aria-current=page]{border-color:transparent;background:linear-gradient(92deg,#45a1d6,#ca5392);color:#fff}.category-tab-count{font-size:.72rem;font-weight:700;opacity:.75}.article-grid{display:grid;align-items:start;gap:2.5rem}@media(min-width:1024px){.article-grid{grid-template-columns:minmax(0,1fr) 17rem;gap:3.5rem}.article-main{grid-column:1;grid-row:1}.article-main,.article-main>*{min-width:0}.article-aside{grid-column:2;grid-row:1;position:sticky;top:var(--blog-anchor-offset)}.article-aside .toc-list{max-height:calc(100vh - var(--blog-anchor-offset) - 6.5rem);max-height:calc(100svh - var(--blog-anchor-offset) - 6.5rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:rgb(69 161 214 / .45) transparent}.article-aside .toc-list::-webkit-scrollbar{width:6px}.article-aside .toc-list::-webkit-scrollbar-thumb{border-radius:9999px;background:#45a1d673}.article-aside .toc-list::-webkit-scrollbar-track{background:transparent}}.post-lead{margin-top:1.5rem;padding-left:1.15rem;border-left:3px solid transparent;border-image:linear-gradient(#45a1d6,#ca5392) 1;font-size:1.15rem;line-height:1.7;color:#334155}.toc-list{display:grid;gap:.15rem;margin-top:.85rem}.toc-link{display:block;padding:.4rem .55rem;border-radius:.5rem;font-size:.875rem;line-height:1.4;color:#475569;transition:background-color .16s ease,color .16s ease}.toc-link:hover{background:#45a1d617;color:#2f89bf}.toc-link.is-sub{margin-left:.75rem;font-size:.82rem;color:#64748b}.toc-link.is-active{background:#45a1d61f;color:#2f89bf;font-weight:600}.post-body{color:#334155;line-height:1.8;min-width:0;overflow-wrap:break-word}.post-body>*+*{margin-top:1.15rem}.post-body :is(h2,h3,h4){color:#0f172a;scroll-margin-top:var(--blog-anchor-offset)}.post-body h2{margin-top:2.75rem;font-size:1.55rem;font-weight:600;line-height:1.3}.post-body h3{margin-top:2rem;font-size:1.18rem;font-weight:600;line-height:1.4}.post-body strong{color:#0f172a;font-weight:600}.post-body a{color:#2f89bf;text-decoration:underline;text-decoration-color:#45a1d666;text-underline-offset:3px}.post-body a:hover{text-decoration-color:#45a1d6}.post-body :is(ul,ol){padding-left:1.35rem}.post-body ul{list-style:disc outside}.post-body ol{list-style:decimal outside}.post-body li::marker{color:#45a1d6}.post-body li+li{margin-top:.45rem}.post-body blockquote{padding-left:1.1rem;border-left:3px solid rgb(69 161 214 / .45);color:#475569;font-style:italic}.post-body img{border:1px solid rgb(69 161 214 / .18);border-radius:1rem}.post-body code{padding:.12rem .38rem;border-radius:.4rem;background:#45a1d61a;font-size:.9em}.post-body pre{padding:1.1rem 1.25rem;border:1px solid rgb(69 161 214 / .18);border-radius:1rem;overflow-x:auto}.post-body pre code{padding:0;background:none}.post-body hr{margin-block:2.5rem;border:none;border-top:1px solid rgb(148 163 184 / .3)}.post-body .table-scroll{overflow-x:auto;width:100%;max-width:100%;border:1px solid rgb(69 161 214 / .28);border-radius:1rem;background:#fff;-webkit-overflow-scrolling:touch}.post-body .table-scroll:focus-visible{outline:2px solid #2f89bf;outline-offset:2px}.post-body table{width:100%;border-collapse:collapse;font-size:.925rem;line-height:1.6;min-width:34rem}.post-body :is(th,td){padding:.7rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid rgb(148 163 184 / .28);border-right:1px solid rgb(148 163 184 / .18)}.post-body :is(th,td):last-child{border-right:none}.post-body thead th{background:#45a1d61a;color:#0f172a;font-weight:600;white-space:nowrap;border-bottom:1px solid rgb(69 161 214 / .35)}.post-body tbody tr:last-child :is(th,td){border-bottom:none}.post-body tbody tr:nth-child(2n){background:#f8fafcbf}.post-body tbody tr:hover{background:#45a1d60f}.post-body tbody th{font-weight:600;color:#0f172a}.post-body table caption{padding:.7rem .9rem;color:#64748b;font-size:.85rem;text-align:left;caption-side:bottom}.post-body>.table-scroll{margin-top:1.5rem}.faq-item{border:1px solid rgb(69 161 214 / .18);border-radius:1rem;background:#ffffffeb}.faq-item+.faq-item{margin-top:.75rem}.faq-question{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;font-weight:600;color:#0f172a;cursor:pointer;list-style:none;scroll-margin-top:var(--blog-anchor-offset)}.faq-question::-webkit-details-marker{display:none}.faq-icon{flex:0 0 auto;width:1.1rem;height:1.1rem;margin-top:.2rem;color:#45a1d6;transition:transform .2s ease}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 1.15rem 1.15rem;color:#334155;line-height:1.75}.blog-scope a:focus-visible,.blog-scope button:focus-visible,.blog-scope summary:focus-visible{outline:2px solid #2f89bf;outline-offset:3px;border-radius:.5rem}@media(prefers-reduced-motion:reduce){.blog-scope *,.blog-scope *:before,.blog-scope *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.faq-item[open] .faq-icon{transform:none}}
