@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.article-container{max-width:820px;min-height:80vh;margin:0 auto;padding:4rem 1.5rem;animation:.6s ease-out fadeIn}.article-meta{flex-direction:row;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:2rem;display:flex}.article-category-date{justify-content:center;align-items:center;gap:3rem;font-size:1.25rem;display:flex;position:relative}.article-category{color:var(--color-text-muted);text-transform:capitalize;font-size:1.25rem;font-weight:400;position:relative}.article-date{color:#000;font-size:1.25rem;font-weight:600;position:relative}.article-title{text-align:center;letter-spacing:var(--letter-spacing);font-size:2.5rem;font-weight:700;line-height:1.2;font-family:var(--font-family-main);margin-top:2rem;margin-bottom:2rem}.article-image{background-color:var(--color-surface-muted);border-radius:8px;width:100%;margin-bottom:2.5rem}.article-image img,.article-image-fill{object-fit:contain;border-radius:8px;width:100%;height:auto;display:block}.article-video-container{aspect-ratio:16/9;border-radius:8px;width:100%;margin-bottom:2.5rem;position:relative;overflow:hidden}.article-video-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.article-image-placeholder{background-color:var(--color-surface-muted);color:#666;justify-content:center;align-items:center;height:100%;font-size:.875rem;display:flex}.article-content{color:#333;font-size:1.125rem;line-height:1.7}.article-excerpt{color:var(--color-text-soft);margin-bottom:2rem;font-size:1.25rem;font-weight:500;line-height:1.6}.article-loading{max-width:820px;min-height:80vh;margin:0 auto;padding:4rem 1.5rem;animation:.6s ease-out fadeIn}.ghost-line{background-color:#f3f3f3;border-radius:4px;height:1.5rem;margin-bottom:1rem;animation:1.5s infinite ghostPulse}.ghost-title{width:80%;height:3rem;margin:2rem auto}.ghost-meta{width:40%;height:1.25rem;margin:3rem auto 1.5rem}.ghost-image{background-color:#f3f3f3;border-radius:8px;width:100%;height:0;margin:2.5rem 0;padding-bottom:56.25%}.ghost-paragraph{height:1rem;margin-bottom:.75rem}.ghost-paragraph:nth-child(odd){width:100%}.ghost-paragraph:nth-child(2n){width:92%}@keyframes ghostPulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.article-not-found{text-align:center;padding:3rem 0}.article-back-link{color:#fff;background-color:#06c;border-radius:4px;margin-top:1.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-block}.article-back-link:hover{background-color:#05a}.article-placeholder{text-align:center;color:#666;background-color:#f9f9f9;border-radius:8px;margin:2rem 0;padding:2.5rem}.article-content-figure{width:100%;margin:2.5rem 0}.article-content-image{background-color:var(--color-surface-muted);border-radius:6px;width:100%}.article-content-image-fill{object-fit:contain;border-radius:6px;width:100%;height:auto;display:block}.article-content-caption{text-align:center;color:#666;margin-top:.75rem;font-size:.875rem;font-style:italic}.article-content-pre{background-color:var(--color-surface-muted);font-family:var(--font-family-mono);border-radius:6px;margin:1.5rem 0;padding:1.25rem;font-size:.9rem;overflow-x:auto}.article-content h1{margin:2.5rem 0 1.5rem;font-size:2.25rem;font-weight:700;line-height:1.2}.article-content h2{margin:2.25rem 0 1.25rem;font-size:1.75rem;font-weight:700;line-height:1.3}.article-content h3{margin:2rem 0 1rem;font-size:1.5rem;font-weight:600;line-height:1.3}.article-content h4{margin:1.75rem 0 1rem;font-size:1.25rem;font-weight:600;line-height:1.4}.article-content p{margin:1.25rem 0}.article-content a:not([class*=Button_]){border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.article-content a:not([class*=Button_]):hover{border-bottom-color:currentColor}.article-content blockquote{color:#555;border-left:3px solid #666;margin:2rem 0;padding-left:1.5rem;font-style:italic}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:1.5rem}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin:.5rem 0}.article-content img{border-radius:4px;max-width:100%;height:auto;margin:2rem 0}.article-breadcrumbs{display:none}.related-articles{border-top:1px solid #eaeaea;margin-top:4rem;padding-top:2rem}.related-articles-title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.related-articles-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.related-articles-grid{grid-template-columns:repeat(2,1fr)}}.related-article-card{border:1px solid #eaeaea;border-radius:8px;padding:1.25rem;transition:box-shadow .3s}.related-article-card:hover{box-shadow:0 4px 12px #0000000d}.related-article-title{margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.4}.related-article-excerpt{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.related-article-link{color:#06c;font-size:.875rem;font-weight:500;text-decoration:none}.article-tags{flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;display:flex}.article-tag{color:#555;white-space:nowrap;background-color:#f0f0f0;border-radius:50px;padding:.35rem .75rem;font-size:.75rem}.downloads-section{background-color:#f9f9f9;border-radius:8px;margin-top:3rem;padding:1.5rem}.downloads-title{margin-bottom:1.25rem;font-size:1.25rem;font-weight:600}.download-item{background-color:#fff;border:1px solid #eaeaea;border-radius:6px;align-items:center;margin-bottom:1rem;padding:1rem;transition:background-color .2s;display:flex}.download-item:hover{background-color:var(--color-surface-muted)}.download-item:last-child{margin-bottom:0}.download-info{flex-grow:1}.download-title{margin-bottom:.25rem;font-weight:500}.download-description{color:#666;font-size:.875rem}.download-link{color:#fff;white-space:nowrap;background-color:#000;border:1px solid #000;border-radius:5rem;justify-content:center;align-items:center;min-width:160px;padding:.25rem .5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.download-link:hover{color:#fff;background-color:#000}@media (max-width:768px){.article-container{padding:2.5rem 1rem}.article-title{margin-bottom:1.5rem;font-size:2rem}.article-excerpt{font-size:1.125rem}.article-content{font-size:1rem}.article-content h1{font-size:1.75rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}}.article-byline{text-align:center;color:var(--color-text-soft);margin:-.5rem 0 1.5rem;font-size:1rem}.article-byline a{color:var(--color-text);border-bottom:1px solid var(--color-border);text-decoration:none}.article-byline a:hover{border-bottom-color:var(--color-text)}