.blog-site{min-height:100vh;background:var(--yara-canvas);color:var(--yara-ink)}.blog-wrap{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:64px 0 96px}.blog-intro{max-width:760px;margin-bottom:44px}.blog-article header span,.blog-card span,.blog-intro span{color:var(--yara-brand-ink);font-weight:700}.blog-article h1,.blog-intro h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.5;font-weight:900;margin:12px 0}.blog-article header p,.blog-card p,.blog-intro p{color:var(--yara-muted);font-size:1rem;line-height:2}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{overflow:hidden;border:1px solid var(--yara-line);border-radius:var(--yara-radius-md);background:var(--yara-surface)}.blog-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card>div{padding:24px}.blog-card h2{font-size:1.25rem;font-weight:800;line-height:1.7;margin:12px 0}.blog-link{color:var(--yara-brand-ink);font-weight:700;display:inline-flex;align-items:center;min-height:44px;margin-top:16px}.blog-empty{padding:48px;border:1px solid var(--yara-line);border-radius:var(--yara-radius-md);background:white}.blog-article{max-width:900px}.blog-article nav{color:var(--yara-muted);margin-bottom:36px}.blog-article nav a{color:var(--yara-brand-ink)}.blog-article header{margin-bottom:36px}.blog-article small{color:var(--yara-muted)}.blog-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--yara-radius-md)}.blog-body{margin:48px 0;line-height:2.1;font-size:1.05rem}.blog-body h2{font-size:1.75rem;font-weight:800;margin:42px 0 16px}.blog-body h3{font-size:1.35rem;font-weight:800;margin:32px 0 12px}.blog-body p{margin:16px 0}.blog-body ol,.blog-body ul{padding-right:28px;margin:16px 0}.blog-body ul{list-style:disc}.blog-body ol{list-style:decimal}.blog-body aside,.blog-body blockquote,.blog-body details{border:1px solid var(--yara-line);border-radius:var(--yara-radius-sm);background:white;padding:20px;margin:24px 0}.blog-body blockquote{border-right:4px solid var(--yara-brand)}.blog-body figure{margin:32px 0}.blog-body figure img{max-width:100%;height:auto;border-radius:var(--yara-radius-sm)}.blog-body figcaption{color:var(--yara-muted);font-size:.9rem}.blog-body summary{font-weight:700;min-height:44px}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-wrap{padding-top:40px}}