.ng-blog-index{max-width:1100px;margin:auto;padding:60px 5.2% 90px}.ng-blog-hero{max-width:700px;margin-bottom:48px}.ng-blog-hero h1{margin:14px 0 16px;font-size:clamp(32px,4vw,50px)}.ng-blog-hero>p:last-child{color:var(--muted);font-size:15px}.ng-blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ng-blog-card{border:1px solid var(--line);background:#fffefa;border-radius:16px;padding:24px;transition:box-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden}.ng-blog-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px -22px #00000030}.ng-blog-card-image{aspect-ratio:16/9;object-fit:cover;width:calc(100% + 48px);margin:-24px -24px 18px;display:block}.ng-blog-card-category{letter-spacing:1px;background:var(--ng-gold-bg);color:var(--ng-gold);border-radius:99px;margin-bottom:14px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.ng-blog-card h2{margin:0 0 10px;font-size:20px;line-height:1.3}.ng-blog-card p{margin:0 0 16px;font-size:13px;line-height:1.6}.ng-blog-card-meta{color:var(--muted);font-size:11px}.ng-blog-empty{text-align:center;color:var(--muted);padding:60px 20px}.ng-blog-post{max-width:720px;margin:auto;padding:60px 5.2% 90px}.ng-blog-post h1{margin:14px 0;font-size:clamp(30px,4vw,46px);line-height:1.15}.ng-blog-post-meta{color:var(--muted);margin-bottom:36px;font-size:12px}.ng-blog-post-cover{margin:0 0 36px}.ng-blog-post-cover img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;display:block}.ng-blog-post-cover figcaption{color:var(--muted);margin-top:8px;font-size:11px}.ng-blog-post-cover figcaption a{color:inherit}.ng-blog-post article section{margin-top:32px}.ng-blog-post article h2{margin-bottom:12px;font-size:22px}.ng-blog-post article p{margin:0 0 14px;font-size:15px;line-height:1.75}.ng-blog-related{background:#f7f7f5;border-radius:16px;margin-top:56px;padding:28px}.ng-blog-related h2{margin-bottom:16px;font-size:18px}.ng-blog-related-links{flex-wrap:wrap;gap:12px;display:flex}.ng-blog-post>.text-button{margin-top:28px;display:inline-block}@media (max-width:700px){.ng-blog-index,.ng-blog-post{padding:40px 6% 60px}.ng-blog-grid{grid-template-columns:1fr}}
