:root{--raw-blog-overlay-dark:rgba(0,0,0,.5);--raw-blog-overlay-light:rgba(255,255,255,.9);--raw-blog-overlay-white-10:rgba(255,255,255,.1);--raw-blog-overlay-white-20:rgba(255,255,255,.2);--raw-blog-text-shadow:0 1px 2px rgba(0,0,0,.8);--raw-blog-spacing-xs:.25rem;--raw-blog-spacing-sm:.5rem;--raw-blog-spacing-md:1rem;--raw-blog-spacing-lg:1.5rem;--raw-blog-spacing-xl:2rem;--raw-blog-spacing-2xl:3rem;--raw-blog-font-size-sm:.875rem;--raw-blog-font-size-base:1rem;--raw-blog-font-size-lg:1.125rem;--raw-blog-font-size-xl:1.25rem;--raw-blog-font-size-2xl:1.5rem;--raw-blog-font-size-3xl:1.875rem;--raw-blog-font-size-4xl:2.25rem;--raw-blog-max-width-sm:640px;--raw-blog-max-width-md:768px;--raw-blog-max-width-lg:1024px;--raw-blog-max-width-xl:1280px;--raw-blog-z-background:1;--raw-blog-z-overlay:5;--raw-blog-z-content:10;--raw-blog-transition-fast:.15s;--raw-blog-transition-normal:.3s;--raw-blog-transition-slow:.5s;--stx-blog-overlay-primary:var(--raw-blog-overlay-dark);--stx-blog-overlay-secondary:var(--raw-blog-overlay-light);--stx-blog-overlay-accent:var(--raw-blog-overlay-white-10);--stx-blog-overlay-border:var(--raw-blog-overlay-white-20);--stx-blog-text-shadow-primary:var(--raw-blog-text-shadow);--stx-blog-space-xs:var(--raw-blog-spacing-xs);--stx-blog-space-sm:var(--raw-blog-spacing-sm);--stx-blog-space-md:var(--raw-blog-spacing-md);--stx-blog-space-lg:var(--raw-blog-spacing-lg);--stx-blog-space-xl:var(--raw-blog-spacing-xl);--stx-blog-space-2xl:var(--raw-blog-spacing-2xl);--stx-blog-font-size-sm:var(--raw-blog-font-size-sm);--stx-blog-font-size-base:var(--raw-blog-font-size-base);--stx-blog-font-size-lg:var(--raw-blog-font-size-lg);--stx-blog-font-size-xl:var(--raw-blog-font-size-xl);--stx-blog-font-size-2xl:var(--raw-blog-font-size-2xl);--stx-blog-font-size-3xl:var(--raw-blog-font-size-3xl);--stx-blog-font-size-4xl:var(--raw-blog-font-size-4xl);--stx-blog-container-sm:var(--raw-blog-max-width-sm);--stx-blog-container-md:var(--raw-blog-max-width-md);--stx-blog-container-lg:var(--raw-blog-max-width-lg);--stx-blog-container-xl:var(--raw-blog-max-width-xl);--stx-blog-z-background:var(--raw-blog-z-background);--stx-blog-z-overlay:var(--raw-blog-z-overlay);--stx-blog-z-content:var(--raw-blog-z-content);--stx-blog-transition-fast:var(--raw-blog-transition-fast);--stx-blog-transition-normal:var(--raw-blog-transition-normal);--stx-blog-transition-slow:var(--raw-blog-transition-slow);--stx-blog-hero-bg:var(--stx-color-surface-primary);--stx-blog-hero-pattern:linear-gradient(135deg,var(--stx-color-primary)0%,var(--stx-color-secondary)100%);--stx-blog-hero-title-font-size:var(--stx-blog-font-size-4xl);--stx-blog-hero-title-font-weight:var(--stx-font-weight-bold);--stx-blog-hero-title-margin-bottom:var(--stx-blog-space-lg);--stx-blog-hero-title-color:var(--stx-color-text-inverse);--stx-blog-hero-title-max-width:var(--stx-blog-container-xl);--stx-blog-hero-subtitle-font-size:var(--stx-blog-font-size-xl);--stx-blog-hero-subtitle-color:var(--stx-color-text-inverse);--stx-blog-hero-subtitle-margin-bottom:var(--stx-blog-space-xl);--stx-blog-hero-subtitle-max-width:var(--stx-blog-container-lg);--stx-blog-hero-overlay:var(--stx-blog-overlay-primary);--stx-blog-hero-padding:var(--stx-space-3xl)var(--stx-space-xl);--stx-blog-hero-min-height:var(--stx-hero-min-height);--stx-blog-content-padding:var(--stx-section-padding);--stx-blog-content-margin-top:var(--stx-space-xl);--stx-blog-content-max-width:var(--stx-blog-container-lg);--stx-blog-content-margin:var(--stx-blog-space-lg);--stx-blog-meta-color:var(--stx-color-text-inverse);--stx-blog-meta-font-size:var(--stx-blog-font-size-sm);--stx-blog-meta-margin-bottom:var(--stx-blog-space-md);--stx-blog-meta-text-shadow:var(--stx-blog-text-shadow-primary);--stx-blog-tags-gap:var(--stx-blog-space-xs);--stx-blog-tags-margin-top:var(--stx-blog-space-md);--stx-blog-tag-bg:var(--stx-blog-overlay-secondary);--stx-blog-tag-color:var(--stx-color-text-primary);--stx-blog-tag-border:var(--stx-blog-overlay-border);--stx-collapsible-content-width:100%;--stx-collapsible-content-max-width:var(--stx-blog-container-lg);--stx-collapsible-content-margin:0 auto;--stx-collapsible-content-padding:var(--stx-blog-space-lg)0;--stx-collapsible-content-gap:var(--stx-blog-space-md);--stx-content-block-border:var(--stx-border-width)solid var(--stx-color-border-subtle);--stx-content-block-border-radius:var(--stx-radius-lg);--stx-content-block-bg:var(--stx-color-surface-elevated);--stx-content-block-transition:all var(--stx-blog-transition-normal)ease;--stx-content-block-hover-border:var(--stx-color-border-primary);--stx-content-block-hover-shadow:var(--stx-shadow-md);--stx-content-block-level-indent:var(--stx-blog-space-lg);--stx-content-block-border-left-width:var(--stx-border-width-lg);--stx-content-block-header-padding:var(--stx-blog-space-md);--stx-content-block-header-bg:var(--stx-color-surface-primary);--stx-content-block-header-border-radius:var(--stx-radius-lg);--stx-content-block-header-cursor:pointer;--stx-content-block-header-transition:background-color var(--stx-blog-transition-fast)ease;--stx-content-block-header-hover-bg:var(--stx-color-surface-elevated);--stx-content-block-toggle-bg:var(--stx-color-surface-primary);--stx-content-block-toggle-border:2px solid var(--stx-color-border-primary);--stx-content-block-toggle-padding:var(--stx-blog-space-sm);--stx-content-block-toggle-cursor:pointer;--stx-content-block-toggle-transition:all var(--stx-blog-transition-fast)ease;--stx-content-block-toggle-hover-bg:var(--stx-color-primary);--stx-content-block-toggle-hover-border:var(--stx-color-primary);--stx-content-block-toggle-focus-outline:var(--stx-focus-ring);--stx-content-block-toggle-icon-size:1.5rem;--stx-content-block-toggle-icon-color:var(--stx-color-primary);--stx-content-block-toggle-border-radius:var(--stx-radius-sm);--stx-content-block-title-font-size:var(--stx-blog-font-size-lg);--stx-content-block-title-font-weight:var(--stx-font-weight-semibold);--stx-content-block-title-color:var(--stx-color-text-primary);--stx-content-block-title-margin:0;--stx-content-block-title-cursor:pointer;--stx-content-block-title-transition:none;--stx-content-block-title-hover-color:var(--stx-color-text-primary);--stx-content-block-content-padding:var(--stx-blog-space-md);--stx-content-block-content-bg:var(--stx-color-surface-primary);--stx-content-block-content-border-top:var(--stx-border-width)solid var(--stx-color-border-subtle);--stx-content-block-content-transition:max-height var(--stx-blog-transition-normal)ease;--stx-content-block-content-collapsed-max-height:0;--stx-content-block-content-collapsed-overflow:hidden;--stx-content-block-content-collapsed-padding:0;--stx-content-block-text-line-height:var(--stx-line-height-relaxed);--stx-content-block-text-color:var(--stx-color-text-primary);--stx-blog-related-grid-gap:var(--stx-blog-space-lg);--stx-blog-related-grid-margin-top:var(--stx-blog-space-2xl);--stx-blog-empty-text-align:center;--stx-blog-empty-padding:var(--stx-blog-space-2xl);--stx-blog-empty-color:var(--stx-color-text-muted);--stx-blog-page-container-max-width:var(--stx-blog-container-xl);--stx-blog-page-container-margin:0 auto;--stx-blog-page-container-padding:0 var(--stx-blog-space-md)}.stx-blog-hero{background:var(--stx-blog-hero-bg);padding:var(--stx-blog-hero-padding);min-height:var(--stx-blog-hero-min-height);align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.stx-blog-hero:before{content:"";background:var(--stx-blog-hero-pattern);z-index:var(--stx-blog-z-background);position:absolute;top:0;bottom:0;left:0;right:0}.stx-blog-hero__container{z-index:var(--stx-blog-z-content);text-align:center;max-width:var(--stx-blog-hero-title-max-width);padding:0 var(--stx-space-lg);flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex;position:relative}.stx-blog-hero__title{font-size:var(--stx-blog-hero-title-font-size);font-weight:var(--stx-blog-hero-title-font-weight);margin-bottom:var(--stx-blog-hero-title-margin-bottom);color:var(--stx-blog-hero-title-color);max-width:var(--stx-blog-hero-title-max-width);margin-left:auto;margin-right:auto}.stx-blog-hero__subtitle{font-size:var(--stx-blog-hero-subtitle-font-size);color:var(--stx-blog-hero-subtitle-color);margin-bottom:var(--stx-blog-hero-subtitle-margin-bottom);max-width:var(--stx-blog-hero-subtitle-max-width);margin-left:auto;margin-right:auto}.stx-blog-hero .stx-blog-image{width:100%;height:100%;z-index:var(--stx-blog-z-background);border-radius:0;margin:0;position:absolute;top:0;left:0}.stx-blog-hero .stx-blog-image__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:0;width:100%;height:100%}.stx-blog-hero:after{content:"";background:var(--stx-blog-hero-overlay);z-index:var(--stx-blog-z-overlay);position:absolute;top:0;bottom:0;left:0;right:0}.stx-blog__meta{gap:var(--stx-blog-space-sm);margin-bottom:var(--stx-blog-meta-margin-bottom);color:var(--stx-blog-meta-color);font-size:var(--stx-blog-meta-font-size);text-shadow:var(--stx-blog-meta-text-shadow);flex-wrap:wrap;justify-content:center;display:flex}.stx-blog__tags{gap:var(--stx-blog-tags-gap);margin-top:var(--stx-blog-tags-margin-top);flex-wrap:wrap;justify-content:center;display:flex}.stx-blog-hero .stx-blog__tags .stx-badge,.stx-blog-hero .stx-badge{background:var(--stx-blog-tag-bg);color:var(--stx-blog-tag-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--stx-blog-tag-border)}.stx-blog-content{padding:var(--stx-blog-content-padding);margin-top:var(--stx-blog-content-margin-top)}.stx-collapsible-content{width:var(--stx-collapsible-content-width);max-width:var(--stx-collapsible-content-max-width);margin:var(--stx-collapsible-content-margin);padding:var(--stx-collapsible-content-padding)}.stx-collapsible-content__container{gap:var(--stx-collapsible-content-gap);flex-direction:column;display:flex}.stx-content-block{border:var(--stx-content-block-border);border-color:var(--stx-color-border-primary);border-radius:var(--stx-content-block-border-radius);background:var(--stx-content-block-bg);transition:var(--stx-content-block-transition);box-shadow:var(--stx-shadow-md);overflow:hidden}.stx-content-block--level-0{border-left:var(--stx-content-block-border-left-width)solid var(--stx-color-primary)}.stx-content-block--level-1{border-left:var(--stx-content-block-border-left-width)solid var(--stx-color-secondary);margin-left:var(--stx-content-block-level-indent)}.stx-content-block--level-2{border-left:var(--stx-content-block-border-left-width)solid var(--stx-color-accent);margin-left:calc(var(--stx-content-block-level-indent)*2)}.stx-content-block--level-3{border-left:var(--stx-content-block-border-left-width)solid var(--stx-color-success);margin-left:calc(var(--stx-content-block-level-indent)*3)}.stx-content-block--level-4{border-left:var(--stx-content-block-border-left-width)solid var(--stx-color-warning);margin-left:calc(var(--stx-content-block-level-indent)*4)}.stx-content-block--level-5{border-left:var(--stx-content-block-border-left-width)solid var(--stx-color-info);margin-left:calc(var(--stx-content-block-level-indent)*5)}.stx-content-block__header{padding:var(--stx-content-block-header-padding);background:var(--stx-content-block-header-bg);border-radius:var(--stx-content-block-header-border-radius);cursor:pointer;transition:var(--stx-content-block-header-transition);align-items:center;gap:var(--stx-blog-space-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;display:flex}.stx-content-block__header:hover{background:var(--stx-content-block-header-hover-bg);transform:translateY(-1px)}.stx-content-block__header:focus{outline:var(--stx-focus-ring);background:var(--stx-content-block-header-hover-bg)}.stx-content-block__toggle{background:var(--stx-content-block-toggle-bg);border:var(--stx-content-block-toggle-border);padding:var(--stx-content-block-toggle-padding);cursor:var(--stx-content-block-toggle-cursor);transition:var(--stx-content-block-toggle-transition);border-radius:var(--stx-content-block-toggle-border-radius);justify-content:center;align-items:center;display:flex}.stx-content-block__toggle:hover{background:var(--stx-content-block-toggle-hover-bg);border-color:var(--stx-content-block-toggle-hover-border)}.stx-content-block__toggle:hover .stx-content-block__toggle-icon{color:var(--stx-color-text-inverse);transform:scale(1.1)}.stx-content-block__toggle:focus .stx-content-block__toggle-icon{color:var(--stx-color-text-inverse)}.stx-content-block__toggle:focus{outline:var(--stx-content-block-toggle-focus-outline)}.stx-content-block__toggle-icon{font-size:var(--stx-content-block-toggle-icon-size);color:var(--stx-content-block-toggle-icon-color);transition:transform var(--stx-blog-transition-fast)ease;text-align:center;min-width:var(--stx-content-block-toggle-icon-size);height:var(--stx-content-block-toggle-icon-size);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-weight:700;line-height:1;display:inline-block}.stx-content-block__toggle-icon--collapsed{transform:rotate(-90deg)}.stx-content-block__title{font-size:var(--stx-content-block-title-font-size);font-weight:var(--stx-content-block-title-font-weight);color:var(--stx-content-block-title-color);margin:var(--stx-content-block-title-margin);cursor:var(--stx-content-block-title-cursor);transition:var(--stx-content-block-title-transition);flex:1}.stx-content-block__content{padding:var(--stx-content-block-content-padding);background:var(--stx-content-block-content-bg);border-top:var(--stx-content-block-content-border-top);transition:max-height var(--stx-blog-transition-normal)ease,padding var(--stx-blog-transition-normal)ease;max-height:2000px;overflow:hidden}.stx-content-block__content--collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.stx-content-block__text{line-height:var(--stx-content-block-text-line-height);color:var(--stx-content-block-text-color)}.stx-content-block__text h1,.stx-content-block__text h2,.stx-content-block__text h3,.stx-content-block__text h4,.stx-content-block__text h5,.stx-content-block__text h6{font-family:var(--stx-font-family-heading);font-weight:var(--stx-font-weight-bold);line-height:var(--stx-line-height-tight);color:var(--stx-color-text-primary);margin-bottom:var(--stx-blog-space-md)}.stx-content-block__text h1{font-size:var(--stx-blog-font-size-3xl);margin-top:var(--stx-blog-space-xl)}.stx-content-block__text h2{font-size:var(--stx-blog-font-size-2xl);margin-top:var(--stx-blog-space-lg)}.stx-content-block__text h3{font-size:var(--stx-blog-font-size-xl);margin-top:var(--stx-blog-space-md)}.stx-content-block__text h4{font-size:var(--stx-blog-font-size-lg);margin-top:var(--stx-blog-space-md)}.stx-content-block__text h5{font-size:var(--stx-blog-font-size-base);margin-top:var(--stx-blog-space-sm)}.stx-content-block__text h6{font-size:var(--stx-blog-font-size-sm);margin-top:var(--stx-blog-space-sm)}.stx-content-block__text p{margin-bottom:var(--stx-blog-space-md)}.stx-content-block__text ul,.stx-content-block__text ol{margin-bottom:var(--stx-blog-space-md);padding-left:var(--stx-blog-space-lg)}.stx-content-block__text li{margin-bottom:var(--stx-blog-space-xs)}.stx-content-block__text strong{font-weight:var(--stx-font-weight-bold)}.stx-content-block__text em{font-style:italic}.stx-content-block__text a{color:var(--stx-color-primary);transition:color var(--stx-blog-transition-fast)ease;text-decoration:underline}.stx-content-block__text a:hover{color:var(--stx-color-primary-dark)}.stx-content-block__text blockquote{border-left:4px solid var(--stx-color-primary);padding-left:var(--stx-blog-space-md);margin:var(--stx-blog-space-md)0;background:var(--stx-color-surface-elevated);padding:var(--stx-blog-space-md);border-radius:var(--stx-radius-md);font-style:italic}.stx-content-block__text code{background:var(--stx-color-surface-elevated);padding:var(--stx-blog-space-xs)var(--stx-blog-space-sm);border-radius:var(--stx-radius-sm);font-family:var(--stx-font-family-mono);font-size:var(--stx-blog-font-size-sm);color:var(--stx-color-text-primary)}.stx-content-block__text pre{background:var(--stx-color-surface-elevated);padding:var(--stx-blog-space-md);border-radius:var(--stx-radius-md);margin:var(--stx-blog-space-md)0;overflow-x:auto}.stx-content-block__text pre code{background:0 0;border-radius:0;padding:0}.stx-content-block__children{margin-top:var(--stx-blog-space-md);padding-left:var(--stx-blog-space-md);border-left:2px solid var(--stx-color-border-subtle)}.stx-blog__related-grid{gap:var(--stx-blog-related-grid-gap);margin-top:var(--stx-blog-related-grid-margin-top);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.stx-blog__posts{gap:var(--stx-space-xl);margin-top:var(--stx-space-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.stx-blog__post{background:var(--stx-color-surface-primary);border:1px solid var(--stx-color-border-subtle);border-radius:var(--stx-radius-lg);transition:all var(--stx-transition-normal)ease;box-shadow:var(--stx-shadow-sm);flex-direction:column;height:100%;display:flex;overflow:hidden}.stx-blog__post:hover{box-shadow:var(--stx-shadow-lg);border-color:var(--stx-color-border-primary);transform:translateY(-4px)}.stx-blog__image{background:var(--stx-color-surface-secondary);width:100%;height:200px;position:relative;overflow:hidden}.stx-blog__post-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--stx-transition-normal)ease}.stx-blog__post:hover .stx-blog__post-image{transform:scale(1.05)}.stx-blog__image-placeholder{background:var(--stx-color-surface-secondary);width:100%;height:100%;color:var(--stx-color-text-muted);justify-content:center;align-items:center;display:flex}.stx-blog__content{padding:var(--stx-space-lg);flex-direction:column;flex:1;display:flex}.stx-blog__meta{align-items:center;gap:var(--stx-space-sm);margin-bottom:var(--stx-space-md);font-size:var(--stx-font-size-sm);color:var(--stx-color-text-muted);flex-wrap:wrap;display:flex}.stx-blog__category{background:var(--stx-color-primary);color:#fff;padding:var(--stx-space-xs)var(--stx-space-sm);border-radius:var(--stx-radius-full);font-size:var(--stx-font-size-xs);font-weight:var(--stx-font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.stx-blog__date,.stx-blog__read-time{color:var(--stx-color-text-muted)}.stx-blog__heading{margin:0 0 var(--stx-space-md)0;font-size:var(--stx-font-size-xl);font-weight:var(--stx-font-weight-bold);line-height:var(--stx-line-height-tight);color:var(--stx-color-text-primary)}.stx-blog__heading a{color:inherit;transition:color var(--stx-transition-fast)ease;text-decoration:none}.stx-blog__heading a:hover{color:var(--stx-color-primary)}.stx-blog__excerpt{color:var(--stx-color-text-secondary);line-height:var(--stx-line-height-relaxed);margin-bottom:var(--stx-space-lg);flex:1}.stx-blog__tags{gap:var(--stx-space-xs);margin-bottom:var(--stx-space-lg);flex-wrap:wrap;display:flex}.stx-blog__tags .stx-badge{background:var(--stx-color-surface-secondary);color:var(--stx-color-text-secondary);border:1px solid var(--stx-color-border-subtle);font-size:var(--stx-font-size-xs);padding:var(--stx-space-xs)var(--stx-space-sm);border-radius:var(--stx-radius-sm);transition:all var(--stx-transition-fast)ease}.stx-blog__tags .stx-badge:hover{background:var(--stx-color-primary);color:#fff;border-color:var(--stx-color-primary)}.stx-blog__link{color:var(--stx-color-primary);font-weight:var(--stx-font-weight-medium);font-size:var(--stx-font-size-sm);transition:all var(--stx-transition-fast)ease;align-items:center;gap:var(--stx-space-xs);margin-top:auto;text-decoration:none;display:inline-flex}.stx-blog__link:hover{color:var(--stx-color-primary-dark);transform:translate(4px)}@media (max-width:1024px){.stx-blog__posts{gap:var(--stx-space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.stx-blog__posts{gap:var(--stx-space-lg);grid-template-columns:1fr}.stx-blog__post{margin-bottom:var(--stx-space-lg)}.stx-blog__content{padding:var(--stx-space-md)}.stx-blog__heading{font-size:var(--stx-font-size-lg)}.stx-blog__meta{font-size:var(--stx-font-size-xs)}}.stx-blog__empty{text-align:var(--stx-blog-empty-text-align);padding:var(--stx-blog-empty-padding);color:var(--stx-blog-empty-color)}.stx-blog-page-container{max-width:var(--stx-blog-page-container-max-width);margin:var(--stx-blog-page-container-margin);padding:var(--stx-blog-page-container-padding)}@media print{.stx-content-block__toggle{display:none}.stx-content-block__content{max-height:none!important;overflow:visible!important}.stx-content-block{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid var(--stx-color-border-subtle)}}