.blog-page-wrapper.blog-index-page{width:100%;max-width:none;margin:0 auto;padding-bottom:var(--space-16, 4rem);background-color:var(--limestone);color:var(--ink)}:where(.blog-index-page) .ratgeber-hero{position:relative;background-color:var(--limestone);padding:clamp(3.5rem,8vw,6rem) 1.5rem clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-8, 2rem);text-align:center;border-bottom:1px solid var(--line);isolation:isolate}:where(.blog-index-page) .orb,:where(.blog-index-page) .ratgeber-hero-bg{display:none}:where(.blog-index-page) .hero-content{position:relative;z-index:1;max-width:760px;margin:0 auto}:where(.blog-index-page) .hero-glass-card{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:0;margin:0 auto var(--space-8, 2.5rem);max-width:760px;width:100%}:where(.blog-index-page) .ratgeber-hero h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;margin-bottom:1rem;color:var(--ink);letter-spacing:-.03em;line-height:1.05}:where(.blog-index-page) .hero-subtitle{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--ink-3);margin:0 auto;line-height:1.6;max-width:600px;font-weight:400}:where(.blog-index-page) .search-filter-container{background:transparent;padding:0;display:flex;flex-direction:column;gap:1.25rem;border:none;box-shadow:none;max-width:600px;margin:2rem auto 0}:where(.blog-index-page) .search-input-wrapper{position:relative;border-radius:var(--radius)}:where(.blog-index-page) .search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--muted);width:20px;height:20px;z-index:2;pointer-events:none}:where(.blog-index-page) .search-input{width:100%;padding:.9rem 1rem .9rem 3.25rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--card, #fff);color:var(--ink);font-size:1rem;font-family:inherit;transition:border-color var(--dur-instant, .12s) var(--ease-out, ease),box-shadow var(--dur-fast, .18s) var(--ease-out, ease)}:where(.blog-index-page) .search-input:focus-visible{outline:none;border-color:var(--line-strong);box-shadow:var(--ring)}:where(.blog-index-page) .search-input::placeholder{color:var(--muted)}:where(.blog-index-page) .tags-scroll{display:flex;gap:.6rem;overflow-x:auto;padding:.5rem .25rem;-ms-overflow-style:none;scrollbar-width:none;justify-content:center;flex-wrap:wrap}@media(max-width:640px){:where(.blog-index-page) .tags-scroll{flex-wrap:nowrap;justify-content:flex-start}}:where(.blog-index-page) .tags-scroll::-webkit-scrollbar{display:none}:where(.blog-index-page) .filter-pill{white-space:nowrap;padding:.5rem 1.1rem;border-radius:var(--radius-full);border:1px solid var(--line);background:var(--card, #fff);color:var(--ink-3);font-size:.875rem;font-family:inherit;cursor:pointer;font-weight:600;transition:background-color var(--dur-instant, .12s) var(--ease-out, ease),border-color var(--dur-instant, .12s) var(--ease-out, ease),color var(--dur-instant, .12s) var(--ease-out, ease),transform var(--dur-fast, .18s) var(--ease-out, ease)}:where(.blog-index-page) .filter-pill:hover{background:var(--limestone-2);border-color:var(--line-strong);transform:var(--lift-sm, translateY(-1px))}:where(.blog-index-page) .filter-pill.active{background:var(--ink);color:var(--limestone);border-color:var(--ink)}:where(.blog-index-page) .filter-pill:focus-visible{outline:none;box-shadow:var(--ring)}:where(.blog-index-page) .featured-section{margin-bottom:clamp(3rem,6vw,5rem)}:where(.blog-index-page) .section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}:where(.blog-index-page) .section-label:before{content:"";width:28px;height:3px;border-radius:2px;background:var(--volt);flex-shrink:0}:where(.blog-index-page) .section-label:after{content:"";height:1px;flex:1;background:var(--line)}:where(.blog-index-page) .featured-post-card{display:grid;grid-template-columns:1fr;background:var(--card, #fff);border-radius:var(--radius-lg, 20px);overflow:hidden;box-shadow:var(--elev-1);text-decoration:none;color:inherit;border:1px solid var(--line);transition:transform var(--dur-base, .24s) var(--ease-out, ease),box-shadow var(--dur-base, .24s) var(--ease-out, ease),border-color var(--dur-base, .24s) var(--ease-out, ease)}:where(.blog-index-page) .featured-post-card:hover{transform:var(--lift-lg, translateY(-4px));box-shadow:var(--elev-3);border-color:var(--line-strong)}@media(min-width:900px){:where(.blog-index-page) .featured-post-card{grid-template-columns:1.1fr .9fr;min-height:460px}}:where(.blog-index-page) .featured-post-image-container,:where(.blog-index-page) .blog-card-image-container{background-color:var(--limestone-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 24 24' fill='none' stroke='%236B6B73' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='9' y1='13' x2='15' y2='13'/%3E%3Cline x1='9' y1='17' x2='13' y2='17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}:where(.blog-index-page) .featured-post-image-container{min-height:300px;overflow:hidden;position:relative;height:100%}:where(.blog-index-page) .featured-post-image{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out, ease);display:block}:where(.blog-index-page) .featured-post-card:hover .featured-post-image{transform:scale(1.04)}:where(.blog-index-page) .featured-post-content{padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center}:where(.blog-index-page) .meta-badges{display:flex;gap:.75rem;margin-bottom:1.25rem;align-items:center}:where(.blog-index-page) .featured-badge{background:var(--volt);color:var(--ink);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}:where(.blog-index-page) .reading-time-badge{background:transparent;color:var(--muted);font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem}:where(.blog-index-page) .featured-post-content h2{font-family:var(--font-heading);font-size:clamp(1.85rem,3.5vw,2.6rem);font-weight:800;margin-bottom:1rem;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}:where(.blog-index-page) .featured-post-content p{color:var(--ink-3);line-height:1.7;font-size:1.1rem;margin-bottom:2rem}:where(.blog-index-page) .cluster-section{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--line)}:where(.blog-index-page) .cluster-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}:where(.blog-index-page) .cluster-header h2{font-size:clamp(1.5rem,3vw,1.85rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;color:var(--ink)}:where(.blog-index-page) .cluster-header p{color:var(--ink-3);max-width:600px}:where(.blog-index-page) .link-button{background:none;border:none;color:var(--ink);font-weight:600;font-family:inherit;cursor:pointer;padding:.25rem 0;font-size:.95rem;text-decoration:underline;text-decoration-color:var(--volt-dark);text-decoration-thickness:2px;text-underline-offset:4px;transition:text-underline-offset var(--dur-fast, .18s) var(--ease-out, ease)}:where(.blog-index-page) .link-button:hover{text-underline-offset:6px;text-decoration-color:var(--ink)}:where(.blog-index-page) .link-button:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}:where(.blog-index-page) .blog-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){:where(.blog-index-page) .blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){:where(.blog-index-page) .blog-grid{grid-template-columns:repeat(3,1fr)}}:where(.blog-index-page) .blog-card{display:flex;flex-direction:column;background:var(--card, #fff);border-radius:var(--radius-lg, 20px);overflow:hidden;box-shadow:var(--elev-1);transition:transform var(--dur-base, .24s) var(--ease-out, ease),box-shadow var(--dur-base, .24s) var(--ease-out, ease),border-color var(--dur-base, .24s) var(--ease-out, ease);text-decoration:none;color:inherit;border:1px solid var(--line);height:100%}:where(.blog-index-page) .blog-card:hover{transform:var(--lift-lg, translateY(-4px));box-shadow:var(--elev-3);border-color:var(--line-strong)}:where(.blog-index-page) .blog-card:focus-visible{outline:none;box-shadow:var(--ring)}:where(.blog-index-page) .blog-card-image-container{height:200px;overflow:hidden}:where(.blog-index-page) .blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out, ease)}:where(.blog-index-page) .blog-card:hover .blog-card-image{transform:scale(1.05)}:where(.blog-index-page) .blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}:where(.blog-index-page) .card-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;font-size:.75rem}:where(.blog-index-page) .tag-label{text-transform:uppercase;font-weight:700;color:var(--ink);letter-spacing:.05em;font-size:.68rem;background:var(--limestone-2);border:1px solid var(--line);padding:3px 9px;border-radius:var(--radius-full)}:where(.blog-index-page) .read-time-xs{color:var(--muted);font-weight:500}:where(.blog-index-page) .blog-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.6rem;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}:where(.blog-index-page) .blog-card p{font-size:.95rem;color:var(--ink-3);line-height:1.55;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:where(.blog-index-page) .blog-card-meta{margin-top:auto;font-size:.825rem;color:var(--muted)}:where(.blog-index-page) .img-fallback{width:100%;height:100%}:where(.blog-index-page) .img-fallback span,:where(.blog-index-page) .img-fallback .fallback-icon{display:none}:where(.blog-index-page) .empty-state{text-align:center;padding:4rem 1.5rem;color:var(--ink-3)}:where(.blog-index-page) .btn-reset{margin-top:1rem;background:var(--volt);color:var(--ink);border:none;padding:.65rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-family:inherit;cursor:pointer;transition:background-color var(--dur-instant, .12s) var(--ease-out, ease),transform var(--dur-press, 80ms) var(--ease-out, ease)}:where(.blog-index-page) .btn-reset:hover{background:var(--volt-dark)}:where(.blog-index-page) .btn-reset:active{transform:scale(.97)}:where(.blog-index-page) .btn-reset:focus-visible{outline:none;box-shadow:var(--ring)}:where(.blog-index-page) .all-articles-header{margin-bottom:2rem;border-top:1px solid var(--line);padding-top:2rem}:where(.blog-index-page) .all-articles-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}:where(.blog-index-page) .load-more-wrap{display:grid;justify-items:center;gap:.65rem;margin-top:2.5rem}:where(.blog-index-page) .load-more-wrap span{color:var(--muted);font-size:.8rem}:where(.blog-index-page) .load-more-button{min-height:var(--touch-target);padding:.75rem 1.25rem;border:1px solid var(--ink);border-radius:var(--radius-full);background:var(--ink);color:var(--limestone);font:inherit;font-weight:700;cursor:pointer;transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-instant) var(--ease-out)}:where(.blog-index-page) .load-more-button:hover{background:var(--ink-2)}:where(.blog-index-page) .load-more-button:focus-visible{outline:none;box-shadow:var(--ring)}:where(.blog-index-page) .noscript-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}:where(.blog-index-page) .noscript-posts ul{columns:2}@media(max-width:640px){:where(.blog-index-page) .noscript-posts ul{columns:1}}:where(.blog-index-page) .ratgeber-product-cta{background:var(--limestone-2);border-bottom:1px solid var(--line);padding:.875rem 1.5rem}:where(.blog-index-page) .ratgeber-product-cta__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.875rem}:where(.blog-index-page) .ratgeber-product-cta__text{font-size:.9rem;color:var(--ink-3);font-weight:500;flex:1;min-width:200px}:where(.blog-index-page) .ratgeber-product-cta__actions{display:flex;gap:.625rem;flex-wrap:wrap;flex-shrink:0}:where(.blog-index-page) .ratgeber-cta-btn{display:inline-block;padding:.5rem 1.125rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color var(--dur-instant, .12s) var(--ease-out, ease),border-color var(--dur-instant, .12s) var(--ease-out, ease),transform var(--dur-press, 80ms) var(--ease-out, ease)}:where(.blog-index-page) .ratgeber-cta-btn:active{transform:scale(.97)}:where(.blog-index-page) .ratgeber-cta-btn:focus-visible{outline:none;box-shadow:var(--ring)}:where(.blog-index-page) .ratgeber-cta-btn--primary{background:var(--volt);color:var(--ink)}:where(.blog-index-page) .ratgeber-cta-btn--primary:hover{background:var(--volt-dark)}:where(.blog-index-page) .ratgeber-cta-btn--secondary{background:var(--card, #fff);color:var(--ink);border:1px solid var(--line)}:where(.blog-index-page) .ratgeber-cta-btn--secondary:hover{border-color:var(--line-strong)}:where(.blog-layout) .post-hero-wrapper{margin-bottom:3rem;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-lg);min-height:220px;background-color:var(--limestone-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 24 24' fill='none' stroke='%236B6B73' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='9' y1='13' x2='15' y2='13'/%3E%3Cline x1='9' y1='17' x2='13' y2='17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}:where(.blog-layout) .post-hero-image{width:100%;height:auto;max-height:500px;object-fit:cover;display:block}:where(.blog-layout) .post-hero-wrapper img{display:block;width:100%;height:clamp(240px,34vw,460px);object-fit:cover}@media(max-width:600px){:where(.blog-layout) .post-hero-wrapper img{height:clamp(210px,58vw,320px)}}:where(.blog-layout) .post-hero-overlay{background:var(--limestone-2);padding:4rem 2rem;text-align:center;border-radius:var(--radius-xl);margin-bottom:3rem}:where(.blog-layout) .post-hero-overlay h1{margin-bottom:1rem}:where(.blog-layout) .container.blog-page-wrapper{padding-top:2rem;overflow-x:clip}@media(min-width:768px){:where(.blog-layout) .container.blog-page-wrapper{padding-top:4rem}}:where(.blog-layout) .blog-header{text-align:center;margin-bottom:4rem;max-width:900px;margin-left:auto;margin-right:auto}:where(.blog-layout) .blog-header h1{font-family:var(--font-heading);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;margin-bottom:1.5rem;line-height:1.15;color:var(--ink);letter-spacing:-.02em;word-break:break-word}:where(.blog-layout) .blog-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;color:var(--muted);font-size:.8rem;font-weight:500}:where(.blog-layout) .blog-content-layout{display:grid;grid-template-columns:1fr;gap:2rem;margin:0 auto}:where(.blog-layout) .blog-content-layout>*{min-width:0}:where(.blog-layout) .marketing-sidebar{min-width:0}@media(min-width:1024px){:where(.blog-layout) .blog-content-layout{grid-template-columns:250px 1fr;gap:3rem}:where(.blog-layout) .blog-content-layout.with-sidebar .marketing-sidebar{grid-column:1 / -1}}:where(.blog-layout) .blog-content-layout{position:relative;max-width:80rem;overflow:visible}@media(min-width:1440px){:where(.blog-layout) .blog-content-layout.with-sidebar{grid-template-columns:200px minmax(41rem,1fr) clamp(248px,20vw,300px);gap:2.5rem;max-width:90rem}:where(.blog-layout) .blog-content-layout.with-sidebar .marketing-sidebar{grid-column:auto}}:where(.blog-layout) .blog-sidebar{display:none}@media(min-width:1024px){:where(.blog-layout) .blog-sidebar{display:block;position:relative;align-self:stretch}:where(.blog-layout) .sidebar-inner{position:sticky;top:calc(var(--space-20) + var(--space-12));max-height:calc(100vh - var(--space-24) - var(--space-16));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--line) transparent}:where(.blog-layout) .sidebar-inner::-webkit-scrollbar{width:var(--space-1)}:where(.blog-layout) .sidebar-inner::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--line)}}:where(.blog-layout) .sidebar-nav{margin-bottom:1.5rem}:where(.blog-layout) .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-3);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:all .2s ease;opacity:.8}:where(.blog-layout) .back-link:hover{color:var(--ink);transform:translate(-3px);opacity:1}:where(.blog-layout) .back-link svg{width:1.1em;height:1.1em}:where(.blog-layout) .blog-article{--prose-width: 41rem;margin:0;width:100%;overflow-wrap:break-word;word-wrap:break-word;font-family:var(--font-body);color:var(--ink);background:var(--card);padding:2.5rem 2.75rem 3.5rem;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--elev-1)}:where(.blog-layout) .post-content{min-width:0}@media(min-width:1280px){:where(.blog-layout) .blog-article{padding:3rem 3.25rem 4rem}:where(.blog-layout) .post-content p,:where(.blog-layout) .post-content ul,:where(.blog-layout) .post-content ol{font-size:1.15rem}}@media(max-width:768px){:where(.blog-layout) .container.blog-page-wrapper{padding-left:0;padding-right:0}:where(.blog-layout) .container.blog-page-wrapper .breadcrumbs,:where(.blog-layout) .container.blog-page-wrapper .blog-header-with-image,:where(.blog-layout) .container.blog-page-wrapper .marketing-sidebar{padding-left:1.06rem;padding-right:1.06rem}:where(.blog-layout) .post-hero-wrapper{border-radius:0}:where(.blog-layout) .blog-meta{gap:.6rem .75rem}:where(.blog-layout) .blog-article{padding:1.5rem 1.06rem 2.5rem;border-radius:0;border-left:none;border-right:none;box-shadow:none}}:where(.blog-layout) .post-content>h1,:where(.blog-layout) .post-content>h2,:where(.blog-layout) .post-content>h3,:where(.blog-layout) .post-content>h4,:where(.blog-layout) .post-content>h5,:where(.blog-layout) .post-content>h6,:where(.blog-layout) .post-content>p,:where(.blog-layout) .post-content>ul,:where(.blog-layout) .post-content>ol,:where(.blog-layout) .post-content>blockquote{max-width:var(--prose-width);margin-left:0;margin-right:auto}@media(min-width:1200px){:where(.blog-layout) .post-content>h1,:where(.blog-layout) .post-content>h2,:where(.blog-layout) .post-content>h3,:where(.blog-layout) .post-content>h4,:where(.blog-layout) .post-content>h5,:where(.blog-layout) .post-content>h6,:where(.blog-layout) .post-content>p,:where(.blog-layout) .post-content>ul,:where(.blog-layout) .post-content>ol,:where(.blog-layout) .post-content>blockquote{max-width:none}}:where(.blog-layout) .blog-article h1,:where(.blog-layout) .blog-article h2,:where(.blog-layout) .blog-article h3,:where(.blog-layout) .blog-article h4,:where(.blog-layout) .blog-article h5,:where(.blog-layout) .blog-article h6{font-family:var(--font-heading);color:var(--ink);scroll-margin-top:6rem;line-height:1.25;letter-spacing:-.01em}:where(.blog-layout) .blog-article h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-top:0;margin-bottom:1rem}:where(.blog-layout) .blog-article h2{font-size:clamp(1.6rem,2.6vw,2rem);font-weight:800;margin-top:3.25rem;margin-bottom:1rem;padding-top:.25rem;position:relative}:where(.blog-layout) .blog-article h2:before{content:"";position:absolute;left:-1rem;top:.6rem;width:3px;height:1.4rem;background:var(--volt-dark);border-radius:2px;opacity:.85}@media(max-width:1023px){:where(.blog-layout) .blog-article h2:before{left:-.75rem;height:1.15rem;top:.5rem}}@media(max-width:600px){:where(.blog-layout) .blog-article h2:before{display:none}}:where(.blog-layout) .blog-article h3{font-size:1.35rem;font-weight:700;margin-top:2.25rem;margin-bottom:.75rem}:where(.blog-layout) .blog-article h4{font-size:1.1rem;font-weight:700;margin-top:1.75rem;margin-bottom:.5rem;color:var(--ink)}:where(.blog-layout) .blog-article p{margin-top:0;margin-bottom:1.25rem;line-height:1.75;color:var(--ink);font-size:1.0625rem}:where(.blog-layout) .blog-article h2+p{margin-top:.25rem}:where(.blog-layout) .blog-article strong{font-weight:700;color:var(--ink)}:where(.blog-layout) .blog-article em{font-style:italic;color:var(--ink)}:where(.blog-layout) .blog-article a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--volt-dark);font-weight:600;transition:all .2s ease}:where(.blog-layout) .blog-article a:hover{color:var(--ink-2);text-decoration-color:var(--ink);background:var(--limestone-2)}:where(.blog-layout) .blog-article ul,:where(.blog-layout) .blog-article ol{margin-top:0;margin-bottom:1.5rem;padding-left:1.35rem;color:var(--ink);font-size:1.0625rem}:where(.blog-layout) .blog-article ul{list-style-type:disc}:where(.blog-layout) .blog-article ol{list-style-type:decimal}:where(.blog-layout) .blog-article li{margin-bottom:.5rem;padding-left:.35rem;line-height:1.7}:where(.blog-layout) .blog-article li::marker{color:var(--ink);font-weight:700}:where(.blog-layout) .blog-article li>p{margin-bottom:.4rem}:where(.blog-layout) .blog-article li ul,:where(.blog-layout) .blog-article li ol{margin-top:.5rem;margin-bottom:.5rem}:where(.blog-layout) .blog-article blockquote{border-left:3px solid var(--volt-dark);margin:2rem 0;padding:1rem 1.5rem;background:var(--limestone-2);border-radius:0 10px 10px 0;color:var(--ink);font-style:normal;position:relative}:where(.blog-layout) .blog-article blockquote p{color:var(--ink);font-size:1.0625rem}:where(.blog-layout) .blog-article blockquote p{margin-bottom:0}:where(.blog-layout) .blog-article code{background-color:#0000000d;padding:.2em .4em;border-radius:6px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9em;color:var(--ink-2);border:1px solid rgba(0,0,0,.1)}:where(.blog-layout) .blog-article pre{background-color:var(--ink);color:var(--limestone);padding:1.5em;border-radius:var(--radius);overflow-x:auto;max-width:100%;margin-bottom:2em;box-shadow:var(--elev-2)}:where(.blog-layout) .blog-article .mermaid{width:100%;max-width:100%;margin:2rem 0;padding:1rem;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--limestone-2);-webkit-overflow-scrolling:touch}:where(.blog-layout) .blog-article .mermaid svg{display:block;min-width:42rem;height:auto}:where(.blog-layout) .blog-article pre code{background-color:transparent;color:inherit;padding:0;border:none;font-size:.9em}:where(.blog-layout) .blog-article img{max-width:100%;height:auto;border-radius:var(--radius);margin:2.5em auto;display:block;box-shadow:var(--shadow-lg)}:where(.blog-layout) .blog-toc{padding:0;margin-bottom:2em;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:where(.blog-layout) .blog-toc h3{font-family:var(--font-heading);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-top:0;margin-bottom:1rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;padding-left:1rem}:where(.blog-layout) .blog-toc h3:before{display:none}:where(.blog-layout) .blog-toc nav{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--line)}:where(.blog-layout) .blog-toc a{color:var(--ink-3);text-decoration:none;font-size:.875rem;transition:color .15s ease,border-color .15s ease,transform .15s ease,background .15s ease;display:block;font-weight:500;padding:.4rem .5rem .4rem 1rem;border-left:2px solid transparent;margin-left:-2px;line-height:1.4}:where(.blog-layout) .blog-toc a:hover{color:var(--ink);background:none;border-left-color:var(--ink);transform:translate(2px)}:where(.blog-layout) .blog-toc a:focus-visible{outline:none;box-shadow:var(--ring);border-radius:4px}:where(.blog-layout) .blog-toc a.toc-level-3{padding-left:2rem;font-size:.85rem}:where(.blog-layout) .blog-toc a.toc-level-4{padding-left:3rem;font-size:.8rem}:where(.blog-layout) .blog-toc a.active{color:var(--ink);font-weight:700;border-left-color:var(--ink);background:var(--limestone-2)}:where(.blog-layout) .blog-article table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2em;border-collapse:collapse}:where(.blog-layout) .blog-article th,:where(.blog-layout) .blog-article td{padding:.75em;border-bottom:1px solid var(--line);text-align:left}:where(.blog-layout) .blog-cta{position:relative;background:var(--limestone-2);padding:2rem;margin:3rem 0;border:1px solid var(--line);box-shadow:var(--elev-1);display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;border-radius:var(--radius)}:where(.blog-layout) .blog-cta a{color:var(--limestone)}:where(.blog-layout) .blog-cta a:hover{color:var(--limestone);background:var(--ink-2)}@media(min-width:768px){:where(.blog-layout) .blog-cta{flex-direction:row;text-align:left;justify-content:space-between}:where(.blog-layout) .blog-cta-button{white-space:nowrap}}:where(.blog-layout) .blog-cta-content{flex:1}:where(.blog-layout) .blog-cta h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--ink)}:where(.blog-layout) .blog-cta p{margin:0;color:var(--ink-3);line-height:1.5}:where(.blog-layout) .blog-cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);background:var(--ink);color:var(--limestone);font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius);text-decoration:none!important;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-instant) var(--ease-out);box-shadow:var(--elev-1)}:where(.blog-layout) .blog-cta-button:hover{transform:translateY(-2px);box-shadow:var(--elev-2)}:where(.blog-layout) .blog-cta-button svg{margin-left:.5rem;width:1.25em;height:1.25em}.blog-layout.svelte-106jal2{position:relative;width:100%;min-height:100vh;background-color:var(--bg-white)}.blog-content-wrapper.svelte-106jal2{position:relative;z-index:1}