.howto-article__hero{background:var(--color-surface);position:relative;overflow:hidden;margin-bottom:0}.howto-article__hero+.section{padding-top:3rem}.howto-article__hero-glow{position:absolute;bottom:-40%;left:50%;transform:translate(-50%);width:120%;height:80%;background:radial-gradient(ellipse at 50% 100%,rgba(34,197,94,.55) 0%,rgba(21,128,61,.3) 40%,transparent 70%);pointer-events:none}.howto-article__back{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;color:var(--color-off-white);margin-bottom:1.5rem;transition:color var(--transition-fast)}.howto-article__back:hover{color:var(--color-green)}.howto-article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:var(--color-off-white);margin-bottom:1rem}.howto-article__category{font-weight:600;color:var(--color-green)}.howto-article__meta-dot{color:var(--color-muted-2)}.howto-article__hero h1{max-width:800px;margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.15}.howto-article__tags{display:flex;flex-wrap:wrap;gap:.5rem}.howto-article__tags .blog__tag{padding:4px 10px;background:var(--color-green-glow);border:1px solid rgba(34,197,94,.2);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--color-green-light);letter-spacing:.03em}.howto-article__content{max-width:720px;margin:0 auto}.howto-article__content h2{font-size:clamp(1.4rem,3vw,1.75rem);margin-top:2.5rem;margin-bottom:1rem;color:var(--color-white)}.howto-article__content h3{font-size:clamp(1.2rem,2.5vw,1.4rem);margin-top:2rem;margin-bottom:.75rem;color:var(--color-white)}.howto-article__content p{font-size:1.05rem;line-height:1.8;color:var(--color-off-white);margin-bottom:1.25rem}.howto-article__content p a{color:var(--color-green);font-weight:500;text-decoration:underline;text-decoration-color:#22c55e4d;text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}.howto-article__content p a:hover{text-decoration-color:var(--color-green)}.howto-article__content strong{color:var(--color-off-white);font-weight:600}.howto-article__content ul{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.75rem}.howto-article__content ul li{position:relative;padding-left:1.5rem;font-size:1rem;line-height:1.75;color:var(--color-off-white)}.howto-article__content ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--color-green);border-radius:50%}.howto-article__content ul li strong{color:var(--color-off-white)}.howto-article__callout{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--radius-md);margin:1.5rem 0;border:1px solid}.howto-article__callout--info{background:#22c55e0f;border-color:#22c55e33}.howto-article__callout--warning{background:#eab3080f;border-color:#eab30833}.howto-article__callout--tip{background:#3b82f60f;border-color:#3b82f633}.howto-article__callout-icon{font-size:1.2rem;flex-shrink:0;line-height:1.6}.howto-article__callout p{font-size:.95rem;line-height:1.7;color:var(--color-off-white);margin:0}.howto-article__figure{margin:2rem 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.howto-article__figure img{width:100%;display:block}.howto-article__figure figcaption{padding:.75rem 1rem;font-size:.85rem;color:var(--color-off-white);text-align:center;background:var(--color-surface)}.howto-article__newsletter{max-width:720px;margin:2.5rem auto 0}.howto-article__cta{max-width:720px;margin:3rem auto 0;padding:2.5rem;background:var(--color-surface);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.howto-article__cta h3{color:var(--color-white);font-size:1.35rem}.howto-article__cta p{color:var(--color-off-white);font-size:1rem;max-width:480px}@media(max-width:768px){.howto-article__hero h1{font-size:clamp(1.75rem,5vw,2.5rem)}.howto-article__content{max-width:100%}.howto-article__callout{padding:1rem 1.25rem}.howto-article__cta{padding:2rem 1.5rem}}