.blog-shell{width:min(1050px,90%);margin:0 auto;padding:3rem 0 6rem;min-height:100vh}.blog-shell h1{font-size:clamp(2rem,5vw,3.4rem);margin:2rem 0 1rem}.blog-nav{position:static;transform:none;background:none;width:auto;display:flex;gap:1.5rem;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.blog-card{display:block;padding:1.7rem;background:var(--color-bg-variant);border:1px solid var(--color-primary-variant);border-radius:1.5rem;color:var(--color-white)}.blog-card h2{font-size:1.3rem;margin-bottom:1rem}.blog-card span{display:block;color:var(--color-primary);margin-top:1rem}.blog-categories{display:flex;flex-wrap:wrap;gap:.7rem}.blog-muted{color:var(--color-light);margin-bottom:2rem}.blog-cover{width:100%;max-height:500px;object-fit:cover;border-radius:1.5rem;margin-bottom:2rem}.blog-body{max-width:780px;font-size:1.05rem;line-height:1.9}.blog-body blockquote,.blog-body ol,.blog-body p,.blog-body ul{margin:1rem 0}.blog-body h2,.blog-body h3{margin:2rem 0 1rem}.blog-body ol,.blog-body ul{padding-left:1.7rem}.blog-body ul li{list-style:disc}.blog-body ol li{list-style:decimal}.blog-body img{max-width:100%;height:auto;border-radius:1rem}.blog-body pre{overflow:auto;padding:1rem;background:var(--color-bg-variant)}.blog-body table{display:block;overflow:auto;border-collapse:collapse}.blog-body td,.blog-body th{padding:.6rem;border:1px solid var(--color-light)}.blog-body blockquote{border-left:3px solid var(--color-primary);padding-left:1rem}.blog-faq{margin-top:3rem}.blog-faq details{padding:1rem 0;border-bottom:1px solid var(--color-primary-variant)}.blog-faq summary{cursor:pointer}.blog-shell a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}