.article-container{max-width:800px;margin:0 auto;padding:40px var(--page-gutter) 40px;content-visibility:visible;contain-intrinsic-size:auto}.article-title{text-align:center;margin-bottom:40px}.article-title h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,#7877c6,#ff77c6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-meta{color:#a1a1aa;font-size:1rem;margin-bottom:40px}.featured-image{margin-bottom:40px;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #00000059}.featured-image picture{display:block;width:100%}.featured-image img{width:100%;height:auto;display:block;object-fit:contain}.article-content{font-size:1.1rem;line-height:1.8}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.article-content picture{display:block;width:100%}.article-content picture img{display:block;width:100%}.article-content h2{font-size:1.8rem;margin:2.5rem 0 1rem;color:#fff}.article-content h3{font-size:1.4rem;margin:2rem 0 1rem;color:#fff}.article-content p{margin-top:1.5rem;color:#ffffffe6}.article-content ul,.article-content ol{margin-left:2rem;padding-left:1rem}.article-content pre{background:#ffffff0d;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.article-content blockquote{border-left:4px solid #7877c6;margin:2rem 0;padding-left:20px;font-style:italic;color:#fffc}.article-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media(max-width:768px){.article-title h1{font-size:2rem}.article-container{padding:80px var(--page-gutter-mobile) 40px}}