/* A-LUX blog article — extracted from inline (was ~700b per article).
   Generated 28.04.2026. Used by all NEW articles via blog_gen.py v4. */

.article-section{padding:120px 0 60px;background:linear-gradient(180deg,rgba(45,107,255,0.04) 0%,transparent 200px)}
.article-wrap{max-width:780px;margin:0 auto;padding:0 16px}
@media (min-width:769px){.article-section{padding:160px 0 100px}}
.article-wrap h1{font-family:'Manrope','Inter',sans-serif;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.2;color:#fff;margin:0 0 20px;letter-spacing:-.01em}
.article-wrap .meta{font-size:14px;color:#94a3b8;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.article-wrap .meta a{color:#94a3b8;text-decoration:none}
.article-wrap .meta a:hover{color:#cbd5e1}
.article-wrap h2{font-family:'Manrope','Inter',sans-serif;font-size:26px;font-weight:700;color:#fff;margin:48px 0 16px}
.article-wrap h3{font-size:20px;font-weight:700;color:#fff;margin:32px 0 12px}
.article-wrap p{font-size:16px;line-height:1.75;color:#cbd5e1;margin:0 0 18px}
.article-wrap ul{margin:0 0 20px 0;padding-left:24px}
.article-wrap ol{margin:0 0 20px 0;padding-left:24px}
.article-wrap li{color:#cbd5e1;line-height:1.7;margin-bottom:8px}
.article-wrap strong{color:#fff;font-weight:600}
.article-wrap em{color:#cbd5e1;font-style:italic}
.article-wrap a{color:#5b8eff;transition:color .2s}
.article-wrap a:hover{color:#7fa8ff;text-decoration:underline}
.article-wrap blockquote{border-left:3px solid #2d6bff;padding:12px 20px;margin:20px 0;color:#cbd5e1;background:rgba(45,107,255,.04);border-radius:0 8px 8px 0;font-style:italic}
.article-wrap code{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;font-size:.92em;color:#e2e8f0;font-family:'JetBrains Mono',monospace}
.article-wrap pre{background:rgba(0,0,0,.3);padding:16px 20px;border-radius:10px;overflow-x:auto;margin:20px 0;border:1px solid rgba(255,255,255,.06)}
.article-wrap pre code{background:transparent;padding:0;color:#cbd5e1}

.related-articles{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.08)}
.related-articles h2{font-size:22px;font-weight:700;color:#fff;margin-bottom:18px}
.related-articles ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.related-articles a{display:block;padding:14px 18px;background:rgba(45,107,255,.06);border:1px solid rgba(45,107,255,.18);border-radius:12px;color:#cbd5e1;text-decoration:none;transition:all .2s;font-size:.95rem;line-height:1.4}
.related-articles a:hover{background:rgba(45,107,255,.12);border-color:rgba(45,107,255,.4);color:#fff;transform:translateY(-2px)}

.cta-block{margin-top:48px;padding:32px;background:linear-gradient(135deg,rgba(45,107,255,.08),rgba(45,107,255,.02));border:1px solid rgba(45,107,255,.2);border-radius:18px;text-align:center}
.cta-block h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 10px}
.cta-block p{color:#cbd5e1;margin:0 0 18px}
.cta-block a{display:inline-block;padding:13px 28px;background:linear-gradient(135deg,#2d6bff,#1a4fd4);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;transition:transform .2s}
.cta-block a:hover{transform:translateY(-2px)}

@media (max-width:640px){
  .article-wrap{padding:90px 16px 60px}
  .article-wrap h1{font-size:26px}
  .article-wrap h2{font-size:22px;margin:36px 0 12px}
  .article-wrap h3{font-size:18px;margin:24px 0 10px}
  .related-articles ul{grid-template-columns:1fr}
}