.article-hero-bg{position:absolute;inset:0;z-index:1}.article-hero-bg img{width:100%;height:100%;object-fit:cover}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 50%,var(--md-sys-color-surface) 100%)}.article-categories{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.article-category-pill{padding:6px 16px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.875rem;color:#fff;transition:all .3s}.article-category-pill:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}#tocList a{font-size:.9rem;color:var(--md-sys-color-on-surface-variant);padding:8px 0;transition:all .2s;display:block;line-height:1.5}#tocList a:hover{color:var(--md-sys-color-primary);padding-right:8px}#tocList a.active{color:var(--md-sys-color-primary);font-weight:600;padding-right:8px;border-right:3px solid var(--md-sys-color-primary)}.article-body h3{font-size:1.5rem;font-weight:600;margin:36px 0 20px;color:var(--md-sys-color-on-surface);scroll-margin-top:100px}.article-body figure{margin:40px 0!important;max-width:700px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.article-body figure img{margin:0 auto 16px!important;width:100%!important}.article-body figcaption{text-align:center;font-size:.875rem;color:var(--md-sys-color-on-surface-variant);font-style:italic}.article-body .wp-block-image,.article-body .wp-block-gallery,.article-body .wp-block-media-text,.article-body .wp-block-embed{max-width:700px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.article-body .wp-block-image img{width:100%!important;height:auto!important}.article-body iframe,.article-body video,.article-body embed,.article-body object{max-width:100%!important;height:auto!important;aspect-ratio:16/9}.article-body table{width:100%!important;max-width:100%!important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body blockquote{border-right:4px solid var(--md-sys-color-primary);padding-right:24px;margin:32px 0;font-style:italic;color:var(--md-sys-color-on-surface-variant)}.article-body code{background:var(--md-sys-color-surface-container);padding:2px 8px;border-radius:4px;font-size:.9em;font-family:"Courier New",monospace}.article-body pre{background:var(--md-sys-color-surface-container);padding:20px;border-radius:12px;overflow-x:auto;margin:32px 0}.article-body pre code{background:0 0;padding:0}.article-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:48px;padding-top:32px;border-top:1px solid var(--md-sys-color-outline)}.article-tags svg{color:var(--md-sys-color-on-surface-variant)}.article-tag{padding:6px 16px;background:var(--md-sys-color-surface-container);border-radius:20px;font-size:.875rem;color:var(--md-sys-color-on-surface);transition:all .2s}.article-tag:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.comments-section{padding:60px 0;background:var(--md-sys-color-surface-container)}@media (max-width:1024px){.article-body h3{font-size:1.25rem;margin:24px 0 12px}}