.blog-article-pg{--border-hover:color-mix(in srgb,var(--brand) 35%,transparent);background:var(--background);min-height:100vh}.article-wrap{max-width:760px;margin:0 auto;padding:48px 24px 100px}.article-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted-foreground);text-decoration:none;font-size:.84rem;font-weight:600;margin-bottom:28px;padding:8px 16px;border-radius:50px;border:1px solid var(--border);transition:all .2s}.article-back-link:hover{color:var(--brand);border-color:var(--border-hover)}.article-hero{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:20px;margin-bottom:28px;background:linear-gradient(135deg,var(--brand-dim),color-mix(in srgb,var(--brand) 6%,transparent));border:1px solid var(--border)}.article-hero img{width:100%;height:100%;object-fit:cover;display:block;object-position:center 22%}.article-header{margin-bottom:36px}.article-header .cat{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:12px;padding:5px 12px;border-radius:50px;background:var(--brand-dim);border:1px solid color-mix(in srgb,var(--brand) 20%,transparent)}.article-header h1{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900;letter-spacing:-.025em;line-height:1.1;margin-bottom:16px;color:var(--foreground)}.article-header .lead{color:var(--muted-foreground);font-size:1.05rem;line-height:1.6;margin-bottom:20px}.article-header .meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--dim-foreground);padding-bottom:20px;border-bottom:1px solid var(--border)}.article-body{font-size:1rem;line-height:1.8;color:var(--foreground)}.article-body h2{font-size:1.5rem;margin:40px 0 14px;letter-spacing:-.015em}.article-body h2,.article-body h3{font-weight:800;color:var(--foreground)}.article-body h3{font-size:1.18rem;margin:28px 0 10px}.article-body p{margin-bottom:16px;color:var(--foreground)}.article-body .lead{font-size:1.08rem;color:var(--muted-foreground);margin-bottom:24px}.article-body ol,.article-body ul{margin:0 0 18px 24px;color:var(--foreground)}.article-body li{margin-bottom:8px;line-height:1.7}.article-body li::marker{color:var(--brand)}.article-body strong{color:var(--foreground);font-weight:700}.article-body blockquote{margin:24px 0;padding:18px 24px;border-left:3px solid var(--brand);background:var(--brand-dim);border-radius:0 12px 12px 0;color:var(--muted-foreground);font-style:italic}.article-body code{background:var(--brand-dim);color:var(--brand);padding:2px 7px;border-radius:4px;font-size:.92em}.article-body img{max-width:100%;height:auto;border-radius:14px;display:block;border:1px solid var(--border)}.article-figure{margin:28px 0;display:flex;flex-direction:column;gap:12px}.article-figure-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-figure-pair figcaption{grid-column:1/-1}.article-figure figcaption{font-size:.82rem;color:var(--dim-foreground);line-height:1.55;text-align:center;font-style:italic}@media (max-width:620px){.article-figure-pair{grid-template-columns:1fr}}.article-cta{margin-top:48px;padding:36px 28px;background:linear-gradient(135deg,var(--brand-dim),color-mix(in srgb,var(--brand) 6%,transparent));border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);border-radius:20px;text-align:center}.article-cta h3{font-size:1.4rem;font-weight:800;margin-bottom:8px;color:var(--foreground)}.article-cta p{color:var(--muted-foreground);margin-bottom:20px;font-size:.92rem}.article-cta .cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-weight:700;font-size:.9rem;background:var(--gradient-btn);color:#fff;text-decoration:none;transition:all .2s}.article-cta .cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-glow)}@media (max-width:620px){.article-header h1{font-size:1.5rem}.article-body h2{font-size:1.25rem}.article-body{font-size:.95rem}}.article-related{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.article-related h3{font-size:1.1rem;font-weight:800;margin-bottom:12px;color:var(--foreground)}.article-related ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.article-related a{display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid var(--border);font-size:.9rem;font-weight:600;color:var(--foreground);text-decoration:none}.article-related a:hover{border-color:var(--brand);color:var(--brand)}