.blog-card{color:inherit;gap:1rem;padding:1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.blog-card:hover .blog-card-title{color:var(--color-primary-light)}.blog-card-img{border-radius:var(--radius-lg);object-fit:cover;flex:none;width:8rem;height:6rem}.blog-card-title{color:var(--color-text-primary);margin:0 0 .35rem;font-size:1.0625rem;font-weight:700;line-height:1.4;transition:color .15s}.blog-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-meta{color:var(--color-text-muted);margin-top:.4rem;font-size:.8125rem;display:block}@media (max-width:560px){.blog-card{flex-direction:column}.blog-card-img{aspect-ratio:16/9;width:100%;height:auto}}.blog-doc{color:var(--color-text-secondary);overflow-wrap:break-word;font-size:.9375rem;line-height:1.85}.blog-doc h1{color:var(--color-text-primary);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.5rem,3.4vw,2rem);font-weight:800;line-height:1.25}.blog-hero{aspect-ratio:16/9;border-radius:var(--radius-lg);object-fit:cover;width:100%;max-height:clamp(220px,32vw,380px);margin-block:1.25rem .5rem;display:block}.blog-body h2{color:var(--color-text-primary);border-inline-start:3px solid var(--color-primary-light);margin-block:2.25rem .75rem;padding-inline-start:.75rem;scroll-margin-top:1rem;font-size:1.125rem;font-weight:700;line-height:1.4}.blog-body h3,.blog-body h4{color:var(--color-text-primary);margin-block:1.75rem .5rem;font-size:1rem;font-weight:700;line-height:1.45}.blog-body p{margin-block:.75rem}.blog-body strong,.blog-body b{color:var(--color-text-primary);font-weight:600}.blog-body a{color:var(--color-primary-light);text-underline-offset:2px;text-decoration:underline}.blog-body ul,.blog-body ol{margin-block:.75rem;padding-inline-start:1.4rem}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li{margin-block:.3rem}.blog-body img{border-radius:var(--radius-lg);max-width:100%;height:auto}.blog-body table{border-collapse:collapse;width:100%;margin-block:1rem;display:block;overflow-x:auto}.blog-body th,.blog-body td{border:1px solid var(--color-border,#0000001f);text-align:start;padding:.5rem}.blog-body .mekadem-related{border-radius:var(--radius-lg);background:var(--color-accent-soft);border:1px solid #3083ed2e;margin-block:1.5rem;padding:.9rem 1.1rem}.blog-body .mekadem-related p{margin-block:0 .35rem}.blog-body .mekadem-related ul{margin-block:0}