.blog-hero{padding:7rem 0 2.5rem}.blog-cover{position:relative;display:flex;align-items:flex-end;overflow:hidden;aspect-ratio:16 / 9;padding:1rem 1.1rem;color:#fff}[dir=ltr] .blog-cover{background:linear-gradient(135deg,var(--cover-a),var(--cover-b))}[dir=rtl] .blog-cover{background:linear-gradient(-135deg,var(--cover-a),var(--cover-b))}.blog-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.28),transparent 45%),radial-gradient(circle at 10% 110%,rgba(0,0,0,.22),transparent 55%)}.blog-cover-icon{position:absolute;top:50%;width:38%;height:auto;color:#ffffff38}[dir=ltr] .blog-cover-icon{right:8%;transform:translateY(-50%) rotate(-8deg)}[dir=rtl] .blog-cover-icon{left:8%;transform:translateY(-50%) rotate(8deg)}.blog-cover-label{position:relative;display:inline-block;padding:.25rem .65rem;border-radius:999px;background:#00000047;backdrop-filter:blur(4px);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.blog-cover-lg{aspect-ratio:auto;min-height:100%}.blog-filter{display:flex;flex-wrap:wrap;gap:.5rem}.blog-filter a{padding:.4rem .95rem;border:1px solid var(--line-light);border-radius:999px;background:#fff;color:var(--ink);font-size:.875rem;font-weight:600;transition:border-color .2s ease,color .2s ease,background .2s ease}.blog-filter a:hover{border-color:rgba(var(--brand-rgb),.5);color:var(--brand)}.blog-filter a[aria-current=page]{border-color:var(--brand);background:var(--brand);color:#fff}.blog-featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden}.blog-featured-body{padding:2rem 2.25rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.blog-card{display:flex;flex-direction:column;overflow:hidden}.blog-card:hover{transform:translateY(-3px)}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:1.25rem 1.35rem 1.4rem}.blog-card-title{margin:.55rem 0 .5rem;color:var(--ink);font-size:1.15rem;font-weight:700;line-height:1.3}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;color:var(--muted);font-size:.8125rem}.blog-meta-category{color:var(--brand);font-weight:700}.blog-stretch:after{content:"";position:absolute;inset:0}.blog-article-layout{display:grid;grid-template-columns:minmax(0,46rem) 16rem;justify-content:center;gap:3.5rem}.blog-toc{position:sticky;top:6.5rem;align-self:start;max-height:calc(100vh - 8rem);overflow-y:auto;font-size:.875rem}.blog-toc h2{margin-bottom:.75rem;color:var(--ink);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.blog-toc ol{margin:0;padding:0;border-inline-start:2px solid var(--line-light);list-style:none}.blog-toc a{display:block;color:var(--muted);line-height:1.35;transition:color .2s ease}[dir=ltr] .blog-toc a{padding:.3rem 0 .3rem .9rem}[dir=rtl] .blog-toc a{padding:.3rem .9rem .3rem 0}.blog-toc a:hover{color:var(--brand)}.blog-prose{color:#2a2540;font-size:1.0625rem;line-height:1.8}.blog-prose>*+*{margin-top:1.25rem}.blog-prose h2{margin-top:2.75rem;scroll-margin-top:6rem;color:var(--ink);font-size:1.6rem;font-weight:800;line-height:1.25}.blog-prose h3{margin-top:2rem;scroll-margin-top:6rem;color:var(--ink);font-size:1.2rem;font-weight:700;line-height:1.3}.blog-prose a{color:var(--brand);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.blog-prose a:hover{color:var(--brand-hover)}.blog-prose ul,.blog-prose ol{padding-inline-start:1.5rem}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.45rem}.blog-prose li::marker{color:var(--brand);font-weight:700}.blog-prose strong{color:var(--ink)}.blog-prose blockquote{padding:.9rem 1.2rem;border-inline-start:4px solid var(--brand);border-radius:12px;background:rgba(var(--brand-rgb),.07);color:var(--ink)}.blog-prose blockquote>*+*{margin-top:.5rem}.blog-prose code{padding:.1rem .4rem;border-radius:6px;background:rgba(var(--brand-rgb),.09);font-size:.9em}.blog-prose hr{border:0;border-top:1px solid var(--line-light);margin:2.5rem 0}.blog-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:.95rem;line-height:1.5}.blog-prose th,.blog-prose td{padding:.65rem .85rem;border:1px solid var(--line-light);text-align:start;vertical-align:top}.blog-prose th{background:rgba(var(--brand-rgb),.08);color:var(--ink);font-weight:700}.blog-faq details{border:1px solid var(--line-light);border-radius:14px;background:#fff}.blog-faq details+details{margin-top:.75rem}.blog-faq summary{cursor:pointer;padding:1rem 1.25rem;color:var(--ink);font-weight:700}.blog-faq details[open] summary{color:var(--brand)}.blog-faq details p{margin:0;padding:0 1.25rem 1.1rem;color:var(--muted)}.blog-cta{border:1px solid rgba(var(--brand-rgb),.25);border-radius:18px;background:radial-gradient(ellipse 80% 120% at 100% 0%,rgba(var(--brand-rgb),.14),transparent 60%),#fff}@media(max-width:1023px){.blog-article-layout{grid-template-columns:minmax(0,46rem);gap:2rem}.blog-toc{position:static;max-height:none;padding:1rem 1.25rem;border:1px solid var(--line-light);border-radius:14px;background:#fff}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured{grid-template-columns:1fr}}@media(max-width:639px){.blog-hero{padding:6rem 0 1.5rem}.blog-grid{grid-template-columns:1fr}.blog-featured-body{padding:1.4rem}.blog-prose{font-size:1rem}.blog-prose h2{font-size:1.4rem}}.blog-hero-latest{display:flex;align-items:center;gap:.85rem;margin-top:1.5rem;padding:.8rem 1rem;border:1px solid var(--line-light);border-radius:14px;background:#ffffffeb;box-shadow:0 1px 2px rgba(var(--deep-rgb),.05);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.blog-hero-latest:hover{border-color:rgba(var(--brand-rgb),.55);box-shadow:0 10px 22px rgba(var(--deep-rgb),.1);transform:translateY(-2px)}.blog-hero-latest-icon{display:inline-grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border-radius:.8rem;background:var(--mint);color:var(--brand)}.blog-hero-latest-icon svg{width:1.25rem;height:1.25rem}.blog-hero-latest small{display:block;color:var(--brand);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.blog-hero-latest strong{display:block;margin-top:.15rem;color:var(--ink);font-size:1rem;font-weight:700;line-height:1.3}.blog-hero-latest-arrow{flex:none;width:1.1rem;height:1.1rem;color:var(--brand)}[dir=ltr] .blog-hero-latest-arrow{margin-left:auto}[dir=rtl] .blog-hero-latest-arrow{margin-right:auto}
