.blog-article{max-width:900px;margin:0 auto;padding:var(--space-lg) var(--space-md);background-color:#fff;border-radius:var(--radius-lg)}.blog-article__header{margin-bottom:var(--space-xl);text-align:center}.blog-article__title{font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:var(--line-height-tight)}.blog-article__intro{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.blog-article__intro-image{width:100%;max-width:100%}.blog-article__intro:not(:has(.blog-article__intro-image)) .blog-article__intro-text{width:100%}.blog-article__image{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover}.blog-article__intro-text{flex:1;min-width:0}.blog-article__lead{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text);margin:0}.blog-article__content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:var(--space-2xl)}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4{font-weight:var(--font-weight-bold);color:var(--color-text);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.blog-article__content h2{font-size:var(--font-size-2xl)}.blog-article__content h3{font-size:var(--font-size-xl)}.blog-article__content h4{font-size:var(--font-size-lg)}.blog-article__content p{margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}.blog-article__content ul,.blog-article__content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blog-article__content li{margin-bottom:var(--space-xs)}.blog-article__content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-md) 0}.blog-article__content a{color:var(--color-primary);text-decoration:underline}.blog-article__content a:hover{color:var(--color-primary-hover)}.blog-article__related{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border)}.blog-article__related-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-lg) 0}.blog-article__related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}@media (min-width: 768px){.blog-article__related-grid{grid-template-columns:repeat(2,1fr)}}.blog-card--related{margin:0}.blog-card__link--horizontal{display:flex;flex-direction:row;align-items:center;gap:var(--space-md)}.blog-card__image-wrapper--related{flex-shrink:0;width:150px;height:150px;padding-top:0;position:relative}.blog-card__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-muted) 0%,var(--color-border) 100%);display:flex;align-items:center;justify-content:center}.blog-card__image-placeholder:before{content:"\1f4f0";font-size:3rem;opacity:.3}.blog-card__image-wrapper--related .blog-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.blog-card__image-wrapper--related .blog-card__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-md)}.blog-card__content--related{flex:1;padding:0;min-width:0}.blog-card__title--related{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0;line-height:var(--line-height-normal);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-article__actions{display:flex;justify-content:center;margin-top:var(--space-2xl);padding-top:var(--space-xl)}.blog-article__back-button{display:inline-block;padding:var(--space-sm) var(--space-xl);background-color:#fff;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:9999px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);min-width:200px}.blog-article__back-button{--ui-hover-transform: scale(1.04);--ui-active-transform: scale(.95)}.blog-article__back-button:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}@media (max-width: 767px){.blog-article{padding:var(--space-md) var(--space-sm)}.blog-article__intro{flex-direction:column;gap:var(--space-md)}.blog-article__intro-image{width:100%}.blog-article__image{width:100%;border-radius:0}.blog-article__lead{font-size:var(--font-size-base)}.blog-article__related-grid{grid-template-columns:1fr;gap:var(--space-md)}.blog-card__image-wrapper--related{width:120px;height:120px}.blog-card__link--horizontal{gap:var(--space-sm)}}