.blog-article{background:linear-gradient(180deg,var(--color-brand-gradient-light-from),var(--color-brand-gradient-light-to));min-height:100vh;padding-block:clamp(2rem,5vw,4rem);padding-inline:clamp(1rem,4vw,2rem)}.blog-article__shell{max-width:720px;margin-inline:auto;background:#ffffff;border-radius:16px;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,2.5rem);box-shadow:0 6px 24px -12px rgba(31,41,55,.18);color:var(--color-brand-graphite);font-family:var(--font-poppins),var(--font-sans),system-ui,sans-serif;font-size:17px;line-height:1.65}.blog-article__shell h1,.blog-article__shell h2,.blog-article__shell h3,.blog-article__shell h4{font-family:var(--font-sans),system-ui,sans-serif;font-weight:700;line-height:1.25;color:var(--color-brand-graphite);margin-top:2.5rem;margin-bottom:.75rem}.blog-article__shell h1{font-size:clamp(1.875rem,2vw + 1rem,2.5rem);color:var(--color-brand-indigo);margin-top:0;margin-bottom:1.5rem}.blog-article__shell h2{font-size:clamp(1.375rem,1vw + 1rem,1.75rem);border-top:1px solid var(--color-brand-periwinkle-strong);padding-top:2rem}.blog-article__shell h3{font-size:clamp(1.125rem,.5vw + 1rem,1.25rem)}.blog-article__shell p{margin-block:.9rem}.blog-article__shell strong{color:var(--color-brand-graphite);font-weight:600}.blog-article__shell a,.blog-article__shell em{color:var(--color-brand-indigo)}.blog-article__shell a{text-decoration:underline;text-decoration-color:var(--color-brand-indigo-soft);text-underline-offset:3px;transition:text-decoration-color .15s ease}.blog-article__shell a:hover{text-decoration-color:var(--color-brand-indigo)}.blog-article__shell ol,.blog-article__shell ul{padding-inline-start:1.5rem;margin-block:.75rem}.blog-article__shell li{margin-block:.4rem}.blog-article__shell table{width:100%;border-collapse:collapse;margin-block:1.5rem;font-size:.95em}.blog-article__shell thead{background:var(--color-brand-indigo-soft);color:var(--color-brand-graphite)}.blog-article__shell td,.blog-article__shell th{text-align:left;padding:.6rem .85rem;border-bottom:1px solid var(--color-brand-periwinkle-strong)}.blog-article__shell tbody tr:nth-child(2n){background:var(--color-brand-periwinkle)}.blog-article__shell figure{margin-block:2rem;text-align:center}.blog-article__shell figure img{display:block;margin-inline:auto;max-width:100%;height:auto;border-radius:8px}.blog-article__shell figcaption{margin-top:.5rem;font-size:.9em;color:var(--color-brand-graphite-soft);font-style:italic}.blog-article__shell blockquote{border-left:4px solid var(--color-brand-indigo-soft);padding-left:1rem;margin:1.5rem 0;color:var(--color-brand-graphite-soft);font-style:italic}.blog-article__shell code{background:var(--color-brand-periwinkle);padding:.1em .35em;border-radius:4px;font-size:.9em;font-family:SF Mono,Menlo,monospace}.blog-article__shell .katex-display{margin-block:1.5rem;overflow-x:auto}@media (max-width:640px){.blog-article__shell{font-size:16px}.blog-article__shell h1{font-size:1.625rem}.blog-article__shell h2{font-size:1.25rem}}