:root{--blogflow-primary:var(--primary,var(--color-primary,var(--accent,#6b7280)));--blogflow-primary-text:#fff;--blogflow-bg:var(--background,var(--color-background,var(--bg,#fff)));--blogflow-bg-hover:var(--background-hover,var(--color-background-hover,var(--bg-hover,#f9fafb)));--blogflow-text:var(--foreground,var(--color-foreground,var(--text,var(--color-text,#111827))));--blogflow-text-secondary:var(--foreground-secondary,var(--color-foreground-secondary,var(--text-secondary,#6b7280)));--blogflow-border:var(--border,var(--color-border,var(--border-color,#e5e7eb)));--blogflow-border-hover:var(--border-hover,var(--color-border-hover,#9ca3af));--blogflow-category-bg:var(--category-bg,var(--color-category-bg,#f3f4f6));--blogflow-category-text:var(--category-text,var(--color-category-text,#374151));--blogflow-shadow:var(--shadow,var(--color-shadow,#0000001a));--blogflow-space-xs:.5rem;--blogflow-space-sm:.75rem;--blogflow-space-md:1rem;--blogflow-space-lg:1.5rem;--blogflow-space-xl:2rem;--blogflow-radius-sm:.375rem;--blogflow-radius-md:.5rem;--blogflow-radius-lg:.75rem;--blogflow-shadow-sm:0 1px 2px 0 #0000000d;--blogflow-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--blogflow-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--blogflow-shadow-xl:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;--blogflow-shadow-2xl:0 25px 50px -12px #00000040;--blogflow-transition-fast:.15s ease;--blogflow-transition-normal:.2s ease;--blogflow-transition-slow:.3s ease;--blogflow-font-sans:var(--font-family-base,var(--font-sans,var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif)));--blogflow-font-mono:var(--font-mono,var(--font-family-mono,"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace));--blogflow-text-xs:.75rem;--blogflow-text-sm:.875rem;--blogflow-text-base:1rem;--blogflow-text-lg:1.125rem;--blogflow-text-xl:1.25rem;--blogflow-text-2xl:1.5rem}.blog-post-list-grid{gap:var(--blogflow-space-lg);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.blog-post-list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-post-list-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.blog-post-list-grid{grid-template-columns:repeat(4,1fr)}}.blog-post-list-masonry{column-count:1;column-gap:var(--blogflow-space-lg);column-fill:balance}.blog-post-list-masonry .blog-post-card{break-inside:avoid;page-break-inside:avoid;margin-bottom:var(--blogflow-space-lg);width:100%;display:inline-block}@media (min-width:640px){.blog-post-list-masonry{column-count:2}}@media (min-width:1024px){.blog-post-list-masonry{column-count:3}}@media (min-width:1280px){.blog-post-list-masonry{column-count:4}}.blog-post-list-waterfall{min-height:400px;position:relative}.blog-post-list-waterfall [data-waterfall-item]{transition:all var(--blogflow-transition-normal);position:absolute}.blog-post-list-waterfall [data-waterfall-item] .blog-post-card{width:100%;height:100%}.blog-post-list-magazine{gap:var(--blogflow-space-md);grid-template-columns:1fr;display:grid}@media (min-width:640px){.blog-post-list-magazine{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-post-list-magazine{grid-template-columns:repeat(3,1fr)}}.blog-post-magazine-item{flex-direction:column;display:flex}.blog-post-magazine-item-large{grid-column:span 2}@media (min-width:640px){.blog-post-magazine-item-large .blog-post-card{flex-direction:row;width:100%;display:flex}.blog-post-magazine-item-large .blog-post-card-image{flex-shrink:0;width:40%;height:auto}.blog-post-magazine-item-large .blog-post-card-image-img{object-fit:cover;height:100%}.blog-post-magazine-item-large .blog-post-card-content{padding:var(--blogflow-space-lg);flex-direction:column;flex:1;justify-content:space-between;display:flex}}.blog-post-magazine-item-small .blog-post-card{flex-direction:column;width:100%;display:flex}.blog-post-magazine-item-small .blog-post-card-image{aspect-ratio:4/3;width:100%}.blog-post-magazine-item-small .blog-post-card-image-img{object-fit:cover;width:100%;height:100%}.blog-post-list-dense{gap:var(--blogflow-space-sm);grid-template-columns:repeat(2,1fr);width:100%;max-width:100%;display:grid;overflow-x:hidden}@media (min-width:640px){.blog-post-list-dense{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.blog-post-list-dense{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.blog-post-list-dense{grid-template-columns:repeat(6,1fr)}}.blog-post-dense-item{transition:transform var(--blogflow-transition-normal);min-width:0;overflow:hidden}.blog-post-dense-item:hover{transform:scale(1.05)}.blog-post-dense-item .blog-post-card{width:100%;min-width:0;max-width:100%}.blog-post-list-timeline{padding-left:var(--blogflow-space-xl);position:relative}.blog-post-timeline-line{left:calc(var(--blogflow-space-xl)/2);background:var(--blogflow-border);width:2px;position:absolute;top:0;bottom:0}.blog-post-timeline-content{position:relative}.blog-post-timeline-item{margin-bottom:var(--blogflow-space-xl);position:relative}.blog-post-timeline-dot{left:calc(-1*var(--blogflow-space-xl) - 8px);top:var(--blogflow-space-md);background:var(--blogflow-primary);border:4px solid var(--blogflow-bg);width:16px;height:16px;box-shadow:0 0 0 2px var(--blogflow-primary);z-index:10;border-radius:50%;position:absolute}.blog-post-timeline-card{margin-left:var(--blogflow-space-lg)}.blog-post-list-fullscreen{flex-direction:column;display:flex}.blog-post-fullscreen-item{cursor:pointer;width:100%;min-height:100vh;position:relative;overflow:hidden}.blog-post-fullscreen-image{width:100%;height:100%;position:absolute;inset:0}.blog-post-fullscreen-image-img{object-fit:cover;width:100%;height:100%;transition:transform .7s ease-out}.blog-post-fullscreen-image-zoom{transform:scale(1.05)}.blog-post-fullscreen-overlay{background:linear-gradient(#0000,#00000080,#000000e6);position:absolute;inset:0}.blog-post-fullscreen-content{padding:var(--blogflow-space-xl);color:var(--blogflow-text);position:absolute;bottom:0;left:0;right:0}.blog-post-fullscreen-content-inner{max-width:64rem;margin:0 auto}.blog-post-fullscreen-tags{gap:var(--blogflow-space-sm);margin-bottom:var(--blogflow-space-lg);flex-wrap:wrap;display:flex}.blog-post-fullscreen-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--blogflow-text);padding:var(--blogflow-space-xs)var(--blogflow-space-md);font-size:var(--blogflow-text-sm);background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;font-weight:500}.blog-post-fullscreen-title{margin-bottom:var(--blogflow-space-lg);color:var(--blogflow-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:3rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}@media (max-width:768px){.blog-post-fullscreen-title{font-size:2rem}}.blog-post-fullscreen-excerpt{color:var(--blogflow-text-secondary);margin-bottom:var(--blogflow-space-xl);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.25rem;line-height:1.75;display:-webkit-box;overflow:hidden}.blog-post-fullscreen-footer{justify-content:space-between;align-items:center;gap:var(--blogflow-space-md);flex-wrap:wrap;display:flex}.blog-post-fullscreen-meta{align-items:center;gap:var(--blogflow-space-lg);display:flex}.blog-post-fullscreen-date{color:var(--blogflow-text-secondary);font-size:1.125rem}.blog-post-fullscreen-actions{align-items:center;gap:var(--blogflow-space-md);display:flex}.blog-post-fullscreen-counter{color:var(--blogflow-text-secondary);font-size:1.125rem}.blog-post-fullscreen-cta{background:var(--blogflow-text);color:var(--blogflow-bg);padding:var(--blogflow-space-sm)var(--blogflow-space-lg);border-radius:var(--blogflow-radius-md);transition:background-color var(--blogflow-transition-normal);font-weight:500}.blog-post-fullscreen-cta:hover{background:var(--blogflow-text-secondary)}.blog-post-fullscreen-scroll-indicator{bottom:var(--blogflow-space-xl);position:absolute;left:50%;transform:translate(-50%)}.blog-post-fullscreen-scroll-icon{border:2px solid #ffffff80;border-radius:9999px;justify-content:center;width:24px;height:40px;padding-top:8px;display:flex}.blog-post-fullscreen-scroll-icon:after{content:"";background:#ffffff80;border-radius:9999px;width:4px;height:12px;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.blog-post-list-fast{gap:var(--blogflow-space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.blog-post-fast-item .blog-post-card{width:100%}.blog-post-fast-item .blog-post-card-content{padding:var(--blogflow-space-sm)}.blog-post-fast-item .blog-post-card-title{font-size:var(--blogflow-text-sm);margin-bottom:var(--blogflow-space-xs)}.blog-post-fast-item .blog-post-card-date{font-size:var(--blogflow-text-xs)}.blog-post-list-modern{gap:var(--blogflow-space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.blog-post-modern-item .blog-post-card{transition:all var(--blogflow-transition-normal);border-radius:var(--blogflow-radius-lg);box-shadow:var(--blogflow-shadow-md);overflow:hidden}.blog-post-modern-item .blog-post-card:hover{box-shadow:var(--blogflow-shadow-lg);transform:translateY(-4px)}.blog-post-modern-item .blog-post-card-image-img{transition:transform var(--blogflow-transition-slow)}.blog-post-modern-item .blog-post-card:hover .blog-post-card-image-img{transform:scale(1.05)}.blog-post-list-carousel{position:relative}.blog-post-carousel-main{margin-bottom:var(--blogflow-space-lg);position:relative}.blog-post-carousel-item{border-radius:var(--blogflow-radius-lg);cursor:pointer;height:24rem;position:relative;overflow:hidden}.blog-post-carousel-image{width:100%;height:100%;position:absolute;inset:0}.blog-post-carousel-image-img{object-fit:cover;opacity:.6;width:100%;height:100%}.blog-post-carousel-overlay{background:linear-gradient(#0000,#000c);position:absolute;inset:0}.blog-post-carousel-content{padding:var(--blogflow-space-xl);color:var(--blogflow-text);position:absolute;bottom:0;left:0;right:0}.blog-post-carousel-content-inner{max-width:64rem}.blog-post-carousel-tags{gap:var(--blogflow-space-xs);margin-bottom:var(--blogflow-space-md);flex-wrap:wrap;display:flex}.blog-post-carousel-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--blogflow-text);padding:var(--blogflow-space-xs)var(--blogflow-space-sm);font-size:var(--blogflow-text-sm);background:#fff3;border-radius:9999px;font-weight:500}.blog-post-carousel-title{margin-bottom:var(--blogflow-space-md);color:var(--blogflow-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.875rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.blog-post-carousel-excerpt{color:var(--blogflow-text-secondary);margin-bottom:var(--blogflow-space-lg);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.125rem;line-height:1.75;display:-webkit-box;overflow:hidden}.blog-post-carousel-footer{justify-content:space-between;align-items:center;gap:var(--blogflow-space-md);flex-wrap:wrap;display:flex}.blog-post-carousel-meta{align-items:center;gap:var(--blogflow-space-md);display:flex}.blog-post-carousel-date{color:var(--blogflow-text-secondary)}.blog-post-carousel-cta{background:var(--blogflow-text);color:var(--blogflow-bg);padding:var(--blogflow-space-sm)var(--blogflow-space-lg);border-radius:var(--blogflow-radius-md);transition:background-color var(--blogflow-transition-normal);cursor:pointer;border:none;font-weight:500}.blog-post-carousel-cta:hover{background:var(--blogflow-text-secondary)}.blog-post-carousel-indicator{top:var(--blogflow-space-md);right:var(--blogflow-space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--blogflow-text);padding:var(--blogflow-space-xs)var(--blogflow-space-sm);font-size:var(--blogflow-text-sm);background:#00000080;border-radius:9999px;position:absolute}.blog-post-carousel-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--blogflow-text);cursor:pointer;width:48px;height:48px;transition:background-color var(--blogflow-transition-normal);z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.blog-post-carousel-nav:hover{background:#ffffff4d}.blog-post-carousel-nav-prev{left:var(--blogflow-space-md)}.blog-post-carousel-nav-next{right:var(--blogflow-space-md)}.blog-post-carousel-pagination{justify-content:center;gap:var(--blogflow-space-xs);margin-bottom:var(--blogflow-space-lg);display:flex}.blog-post-carousel-dot{background:var(--blogflow-border);cursor:pointer;width:12px;height:12px;transition:all var(--blogflow-transition-normal);border:none;border-radius:50%;padding:0}.blog-post-carousel-dot:hover{background:var(--blogflow-primary)}.blog-post-carousel-dot-active{background:var(--blogflow-primary);border-radius:6px;width:24px}.blog-post-carousel-thumbs{gap:var(--blogflow-space-xs);padding:var(--blogflow-space-xs)0;scrollbar-width:thin;display:flex;overflow-x:auto}.blog-post-carousel-thumb{border-radius:var(--blogflow-radius-md);cursor:pointer;width:80px;height:80px;transition:all var(--blogflow-transition-normal);background:var(--blogflow-bg);border:2px solid #0000;flex-shrink:0;padding:0;overflow:hidden}.blog-post-carousel-thumb:hover{border-color:var(--blogflow-primary)}.blog-post-carousel-thumb-active{border-color:var(--blogflow-primary);box-shadow:0 0 0 2px var(--blogflow-primary)}.blog-post-carousel-thumb-img{object-fit:cover;width:100%;height:100%}.blog-post-list-card{gap:var(--blogflow-space-lg);flex-direction:column;display:flex}.blog-post-list-list{gap:var(--blogflow-space-md);flex-direction:column;display:flex}.blog-post-list-item{gap:var(--blogflow-space-md);padding:var(--blogflow-space-md);background:var(--blogflow-bg);border:1px solid var(--blogflow-border);cursor:pointer;transition:all var(--blogflow-transition-normal);font-family:var(--blogflow-font-sans);box-shadow:var(--blogflow-shadow-lg);border-radius:.5rem;display:flex}.blog-post-list-item:hover{box-shadow:var(--blogflow-shadow-xl);border-color:var(--blogflow-border-hover);background:var(--blogflow-bg-hover);transform:translateY(-2px)}.blog-post-list-item:focus{outline:2px solid var(--blogflow-primary);outline-offset:2px}.blog-post-list-item-image{border-radius:var(--blogflow-radius-sm);background:var(--blogflow-bg-hover);flex-shrink:0;width:120px;height:80px;overflow:hidden}.blog-post-list-item-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--blogflow-transition-slow)}.blog-post-list-item:hover .blog-post-list-item-image img{transform:scale(1.05)}.blog-post-list-item-content{gap:var(--blogflow-space-sm);flex-direction:column;flex:1;min-width:0;display:flex}.blog-post-list-item-title{font-size:var(--blogflow-text-lg);color:var(--blogflow-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-post-list-item-excerpt{font-size:var(--blogflow-text-sm);color:var(--blogflow-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-post-list-item-meta{align-items:center;gap:var(--blogflow-space-sm);font-size:var(--blogflow-text-xs);color:var(--blogflow-text-secondary);margin-top:auto;display:flex}.blog-post-list-item-category{padding:.125rem var(--blogflow-space-sm);background:var(--blogflow-category-bg);color:var(--blogflow-category-text);border-radius:var(--blogflow-radius-sm);white-space:nowrap;font-weight:500}.blog-post-list-item-date{white-space:nowrap}.blog-post-card{background:var(--blogflow-bg);border:1px solid var(--blogflow-border);cursor:pointer;transition:all var(--blogflow-transition-normal);height:100%;font-family:var(--blogflow-font-sans);box-shadow:var(--blogflow-shadow-lg);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.blog-post-card:hover{box-shadow:var(--blogflow-shadow-xl);border-color:var(--blogflow-border-hover);transform:translateY(-4px)}.blog-post-card:focus{outline:2px solid var(--blogflow-primary);outline-offset:2px}.blog-post-card-image{background:var(--blogflow-bg-hover);width:100%;height:200px;overflow:hidden}.blog-post-card-image-img{object-fit:cover;width:100%;height:100%;transition:transform var(--blogflow-transition-slow)}.blog-post-card:hover .blog-post-card-image-img{transform:scale(1.1)}.blog-post-card-content{padding:var(--blogflow-space-lg);flex-direction:column;flex:1;display:flex}.blog-post-card-title{font-size:var(--blogflow-text-xl);color:var(--blogflow-text);margin:0 0 var(--blogflow-space-sm)0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-post-card-excerpt{font-size:var(--blogflow-text-sm);color:var(--blogflow-text-secondary);margin:0 0 var(--blogflow-space-md)0;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-post-card-meta{align-items:center;gap:var(--blogflow-space-sm);font-size:var(--blogflow-text-xs);color:var(--blogflow-text-secondary);padding-top:var(--blogflow-space-sm);border-top:1px solid var(--blogflow-border);margin-top:auto;display:flex}.blog-post-card-category{padding:.125rem var(--blogflow-space-sm);background:var(--blogflow-category-bg);color:var(--blogflow-category-text);border-radius:var(--blogflow-radius-sm);white-space:nowrap;font-weight:500}.blog-post-card-date{color:var(--blogflow-text-secondary);white-space:nowrap}.blog-search{margin-bottom:var(--blogflow-space-xl);font-family:var(--blogflow-font-sans)}.blog-search-header{margin-bottom:var(--blogflow-space-lg)}.blog-search-title{font-size:var(--blogflow-text-2xl);color:var(--blogflow-text);margin:0 0 var(--blogflow-space-xs)0;font-weight:700;line-height:1.2}.blog-search-count{font-size:var(--blogflow-text-sm);color:var(--blogflow-text-secondary);margin:0}.blog-search-controls{gap:var(--blogflow-space-md);flex-direction:column;display:flex}@media (min-width:640px){.blog-search-controls{flex-direction:row;align-items:center}}.blog-search-input-wrapper{flex:1;position:relative}.blog-search-input{width:100%;padding:var(--blogflow-space-sm)var(--blogflow-space-md);font-size:var(--blogflow-text-base);font-family:var(--blogflow-font-sans);color:var(--blogflow-text);background:var(--blogflow-bg);border:1px solid var(--blogflow-border);border-radius:var(--blogflow-radius-md);transition:all var(--blogflow-transition-normal);outline:none}.blog-search-input:focus{border-color:var(--blogflow-border-hover);box-shadow:0 0 0 3px var(--blogflow-shadow);outline:none}.blog-search-input::placeholder{color:var(--blogflow-text-secondary);opacity:.6}.blog-search-actions{gap:var(--blogflow-space-sm);flex-wrap:wrap;align-items:center;display:flex}.blog-search-language-toggle{gap:var(--blogflow-space-xs);border:1px solid var(--blogflow-border);border-radius:var(--blogflow-radius-md);background:var(--blogflow-bg);display:flex;overflow:hidden}.blog-search-language-toggle button{padding:var(--blogflow-space-xs)var(--blogflow-space-sm);font-size:var(--blogflow-text-sm);font-family:var(--blogflow-font-sans);color:var(--blogflow-text-secondary);cursor:pointer;transition:all var(--blogflow-transition-fast);background:0 0;border:none;outline:none}.blog-search-language-toggle button:hover{background:var(--blogflow-bg-hover);color:var(--blogflow-text)}.blog-search-language-toggle button.active{background:var(--blogflow-primary);color:var(--blogflow-primary-text);font-weight:500}.blog-search-refresh{padding:var(--blogflow-space-xs)var(--blogflow-space-md);font-size:var(--blogflow-text-sm);font-family:var(--blogflow-font-sans);color:var(--blogflow-text);background:var(--blogflow-bg);border:1px solid var(--blogflow-border);border-radius:var(--blogflow-radius-md);cursor:pointer;transition:all var(--blogflow-transition-normal);outline:none}.blog-search-refresh:hover:not(:disabled){background:var(--blogflow-bg-hover);border-color:var(--blogflow-border-hover);color:var(--blogflow-text)}.blog-search-refresh:focus{outline:2px solid var(--blogflow-primary);outline-offset:2px}.blog-search-refresh:disabled{opacity:.6;cursor:not-allowed}.blog-post-list-empty{padding:var(--blogflow-space-xl)var(--blogflow-space-lg);text-align:center;color:var(--blogflow-text-secondary);background:var(--blogflow-bg-hover);border-radius:var(--blogflow-radius-md);border:2px dashed var(--blogflow-border);font-family:var(--blogflow-font-sans)}.blog-pagination{margin-top:var(--blogflow-space-xl);align-items:center;gap:var(--blogflow-space-md);font-family:var(--blogflow-font-sans);flex-direction:column;display:flex}.blog-pagination-controls{align-items:center;gap:var(--blogflow-space-xs);flex-wrap:wrap;justify-content:center;display:flex}.blog-pagination-pages{align-items:center;gap:var(--blogflow-space-xs);display:flex}.blog-pagination-button{padding:var(--blogflow-space-xs)var(--blogflow-space-sm);min-width:2.5rem;font-size:var(--blogflow-text-sm);font-family:var(--blogflow-font-sans);color:var(--blogflow-text);background:var(--blogflow-bg);border:1px solid var(--blogflow-border);border-radius:var(--blogflow-radius-md);cursor:pointer;transition:all var(--blogflow-transition-normal);outline:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.blog-pagination-button:hover:not(:disabled){background:var(--blogflow-bg-hover);border-color:var(--blogflow-border-hover);color:var(--blogflow-text);box-shadow:var(--blogflow-shadow-sm);transform:translateY(-1px)}.blog-pagination-button:focus{outline:2px solid var(--blogflow-primary);outline-offset:2px}.blog-pagination-button:disabled{opacity:.5;cursor:not-allowed;background:var(--blogflow-bg-hover);border-color:var(--blogflow-border)}.blog-pagination-button-active{background:var(--blogflow-primary);color:var(--blogflow-primary-text);border-color:var(--blogflow-primary);font-weight:600}.blog-pagination-button-active:hover:not(:disabled){background:var(--blogflow-border-hover);border-color:var(--blogflow-border-hover);color:var(--blogflow-primary-text);box-shadow:var(--blogflow-shadow-md);transform:translateY(-1px)}.blog-pagination-button-first,.blog-pagination-button-last{padding:var(--blogflow-space-xs)var(--blogflow-space-md)}.blog-pagination-button-prev,.blog-pagination-button-next{padding:var(--blogflow-space-xs)var(--blogflow-space-md);font-weight:500}.blog-pagination-button-text{margin-left:var(--blogflow-space-xs);margin-right:var(--blogflow-space-xs)}.blog-pagination-button svg{vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:inline-block}.blog-pagination-variant-icon .blog-pagination-button{padding:var(--blogflow-space-xs);justify-content:center;align-items:center;min-width:2.5rem;display:inline-flex}.blog-pagination-variant-icon .blog-pagination-button svg{width:18px;height:18px}.blog-pagination-variant-mixed .blog-pagination-button{align-items:center;gap:var(--blogflow-space-xs);display:inline-flex}.blog-pagination-variant-mixed .blog-pagination-button svg{width:16px;height:16px}.blog-pagination-variant-simple{margin-top:var(--blogflow-space-lg)}.blog-pagination-variant-simple .blog-pagination-controls{justify-content:center;gap:var(--blogflow-space-xs);flex-wrap:wrap;display:flex}.blog-pagination-variant-simple .blog-pagination-button{min-width:2.5rem;height:2.5rem;padding:var(--blogflow-space-xs)var(--blogflow-space-sm);font-size:var(--blogflow-text-sm);color:var(--blogflow-text);background:var(--blogflow-bg);border:1px solid var(--blogflow-border);border-radius:var(--blogflow-radius-md);cursor:pointer;transition:all var(--blogflow-transition-normal);outline:none;justify-content:center;align-items:center;display:inline-flex}.blog-pagination-variant-simple .blog-pagination-button:hover:not(:disabled){background:var(--blogflow-bg-hover);border-color:var(--blogflow-border-hover);color:var(--blogflow-text)}.blog-pagination-variant-simple .blog-pagination-button:focus{outline:2px solid var(--blogflow-primary);outline-offset:2px}.blog-pagination-variant-simple .blog-pagination-button:disabled{opacity:.5;cursor:not-allowed}.blog-pagination-variant-simple .blog-pagination-button-active{background:var(--blogflow-primary);color:#fff;border-color:var(--blogflow-primary);font-weight:600}.blog-pagination-variant-simple .blog-pagination-button-active:hover:not(:disabled){background:var(--blogflow-border-hover);border-color:var(--blogflow-border-hover);color:#fff}.blog-pagination-variant-simple .blog-pagination-ellipsis{padding:var(--blogflow-space-xs)var(--blogflow-space-sm);color:var(--blogflow-text-secondary);font-size:var(--blogflow-text-sm);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;display:inline-flex}.blog-pagination-ellipsis{padding:var(--blogflow-space-xs)var(--blogflow-space-sm);color:var(--blogflow-text-secondary);font-size:var(--blogflow-text-sm);-webkit-user-select:none;user-select:none}.blog-pagination-info{justify-content:center;align-items:center;display:flex}.blog-pagination-info-text{font-size:var(--blogflow-text-sm);color:var(--blogflow-text-secondary)}.blog-pagination-quick-jump{align-items:center;gap:var(--blogflow-space-xs);font-size:var(--blogflow-text-sm);display:flex}.blog-pagination-quick-jump-label{color:var(--blogflow-text-secondary)}.blog-pagination-quick-jump-input{width:4rem;padding:var(--blogflow-space-xs)var(--blogflow-space-sm);font-size:var(--blogflow-text-sm);font-family:var(--blogflow-font-sans);text-align:center;color:var(--blogflow-text);background:var(--blogflow-bg);border:1px solid var(--blogflow-border);border-radius:var(--blogflow-radius-md);transition:all var(--blogflow-transition-normal);outline:none}.blog-pagination-quick-jump-input:focus{border-color:var(--blogflow-border-hover);box-shadow:0 0 0 3px var(--blogflow-shadow);outline:none}.blog-pagination-quick-jump-input::placeholder{color:var(--blogflow-text-secondary);opacity:.6}.blog-pagination-quick-jump-suffix{color:var(--blogflow-text-secondary)}.blog-post-list-item:focus-visible,.blog-post-card:focus-visible,.blog-pagination-button:focus-visible{outline:2px solid var(--blogflow-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.blog-post-list-item,.blog-post-card,.blog-post-list-item-image img,.blog-post-card-image-img,.blog-pagination-button{transition:none}.blog-post-list-item:hover,.blog-post-card:hover,.blog-pagination-button:hover,.blog-post-list-item:hover .blog-post-list-item-image img,.blog-post-card:hover .blog-post-card-image-img{transform:none}}@media (max-width:640px){.blog-post-list-item{flex-direction:column}.blog-post-list-item-image{width:100%;height:160px}.blog-post-card-image{height:180px}.blog-post-card-content{padding:var(--blogflow-space-md)}.blog-post-card-title{font-size:var(--blogflow-text-lg)}.blog-pagination-controls{gap:var(--blogflow-space-xs)}.blog-pagination-button{padding:var(--blogflow-space-xs);min-width:2rem;font-size:var(--blogflow-text-xs)}.blog-pagination-button-first,.blog-pagination-button-last,.blog-pagination-button-prev,.blog-pagination-button-next{padding:var(--blogflow-space-xs)var(--blogflow-space-sm);font-size:var(--blogflow-text-xs)}.blog-pagination-pages{gap:var(--blogflow-space-xs)}.blog-pagination-info{font-size:var(--blogflow-text-xs)}.blog-pagination-quick-jump{flex-wrap:wrap;justify-content:center}.blog-pagination-quick-jump-input{width:3rem}}@media (min-width:1024px){.blog-post-list-item-image{width:160px;height:120px}}