.article-meta-date{color:var(--accent-strong);letter-spacing:.01em;align-items:center;gap:.55rem;margin-top:1rem;font-weight:700;display:inline-flex}.article-meta-date:before{content:"";background:linear-gradient(180deg, var(--brand-to), var(--brand-from));width:.48rem;height:.48rem;box-shadow:0 0 14px rgba(var(--brand-rgb-2), .4);border-radius:999px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.blog-card{overflow:hidden}.blog-card-modern{border:1px solid var(--line);background:radial-gradient(circle at top right, rgba(var(--brand-rgb-2), .12), transparent 28%), linear-gradient(180deg, #ffffff0b, #ffffff05), var(--panel);box-shadow:var(--shadow);border-radius:30px;flex-direction:column;padding:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative}.blog-card-modern:after{content:"";pointer-events:none;border-radius:inherit;opacity:.8;background:linear-gradient(#ffffff0d,#ffffff04 18%,#fff0 48%,#ffffff05 100%);position:absolute;inset:0}.blog-card-modern:hover{border-color:rgba(var(--brand-rgb-2), .24);transform:translateY(-5px);box-shadow:0 20px 48px #00000057}.blog-card-image-link{display:block}.blog-card-image-wrap{border-bottom:1px solid #ffffff0f;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:240px;transition:transform .32s;display:block}.blog-card-modern:hover .blog-card-image{transform:scale(1.04)}.blog-card-body{z-index:1;flex-direction:column;flex:1;padding:1.35rem;display:flex;position:relative}.blog-card-meta{align-items:center;margin-bottom:.15rem;display:flex}.blog-card h2{letter-spacing:-.03em;margin:.75rem 0;font-size:1.35rem;line-height:1.15}.blog-card h2 a{transition:color .18s}.blog-card h2 a:hover{color:var(--accent-strong)}.blog-card p{color:var(--text-soft);margin:0 0 1.1rem;line-height:1.8}.blog-card .product-link{width:fit-content;margin-top:auto}.blog-date{color:var(--accent-strong);letter-spacing:.02em;font-size:.85rem;font-weight:700}.featured-post-card{border:1px solid var(--line);background:radial-gradient(circle at top right, rgba(var(--brand-rgb-2), .12), transparent 28%), linear-gradient(180deg, #ffffff0a, #ffffff05), var(--panel);box-shadow:var(--shadow);border-radius:30px;padding:2rem}.featured-post-card-rich{position:relative;overflow:hidden}.featured-post-card-rich:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff0e,#ffffff05 20%,#fff0 50%);position:absolute;inset:0}.featured-post-grid{z-index:1;grid-template-columns:1.02fr .98fr;align-items:stretch;gap:1.5rem;display:grid;position:relative}.featured-post-visual{box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:26px;display:block;overflow:hidden}.featured-post-visual img{object-fit:cover;width:100%;height:100%;min-height:360px;transition:transform .34s;display:block}.featured-post-card-rich:hover .featured-post-visual img{transform:scale(1.03)}.featured-post-content{flex-direction:column;justify-content:center;max-width:720px;display:flex}.featured-post-meta{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.2rem;display:inline-flex}.featured-post-meta-dot{background:#ffffff3d;border-radius:999px;width:.3rem;height:.3rem}.featured-post-badge{border:1px solid rgba(var(--brand-rgb-2), .2);background:rgba(var(--brand-rgb-2), .08);min-height:32px;color:var(--white);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.featured-post-content h2{letter-spacing:-.035em;margin:.8rem 0 1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.04}.featured-post-content p{color:var(--text-soft);margin:0 0 1.25rem;line-height:1.82}.featured-post-actions{flex-wrap:wrap;gap:.9rem;margin-top:.2rem;display:flex}.news-article-layout{justify-content:center;display:flex}.blog-article-shell{width:100%;max-width:1180px}.blog-article-card{border:1px solid var(--line);background:radial-gradient(circle at top right, rgba(var(--brand-rgb-2), .1), transparent 28%), linear-gradient(180deg, #ffffff0a, #ffffff05), var(--panel);width:100%;box-shadow:var(--shadow-lg);border-radius:32px;padding:1.4rem;position:relative;overflow:hidden}.blog-article-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff0d,#ffffff04 18%,#fff0 42%);position:absolute;inset:0}.blog-article-topbar{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:1.15rem;padding:.15rem .15rem 0;display:flex;position:relative}.blog-article-back{color:var(--accent-strong);align-items:center;gap:.5rem;font-weight:700;transition:color .18s,transform .18s;display:inline-flex}.blog-article-back:before{content:"←";transition:transform .18s}.blog-article-back:hover{color:var(--white);transform:translate(-1px)}.blog-article-back:hover:before{transform:translate(-2px)}.blog-article-meta{color:var(--text-soft);align-items:center;gap:.7rem;font-size:.92rem;display:inline-flex}.blog-article-meta-divider{background:#ffffff3d;border-radius:999px;width:.3rem;height:.3rem}.blog-article-cover{z-index:1;border:1px solid #ffffff14;border-radius:26px;margin-bottom:1.6rem;position:relative;overflow:hidden}.blog-article-cover:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d,#fff0 22%),linear-gradient(#03070c00,#03070c3d);position:absolute;inset:0}.blog-article-cover img{object-fit:cover;width:100%;height:clamp(320px,42vw,620px);display:block}.blog-article-content{z-index:1;max-width:860px;margin:0 auto;padding:.2rem .25rem .45rem;position:relative}.blog-content{max-width:none}.blog-content>:first-child{margin-top:0}.blog-content>:last-child{margin-bottom:0}.blog-content h2,.blog-content h3,.blog-content h4{color:var(--white);letter-spacing:-.03em}.blog-content h2{margin:2.5rem 0 1rem;font-size:clamp(2rem,3.2vw,3rem);line-height:1.08}.blog-content h3{margin:2rem 0 .9rem;font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.12}.blog-content h4{margin:1.65rem 0 .75rem;font-size:1.15rem;line-height:1.2}.blog-content p{color:var(--text);margin:0 0 1.35rem;font-size:1.08rem;line-height:1.9}.blog-content strong{color:var(--white);font-weight:700}.blog-content a{color:var(--accent-strong);text-decoration:none;transition:color .18s}.blog-content a:hover{color:var(--white)}.blog-content ul,.blog-content ol{margin:0 0 1.5rem}.blog-content ul{gap:.8rem;padding:0;list-style:none;display:grid}.blog-content ul li{color:var(--text-soft);padding-left:1.5rem;font-size:1.04rem;line-height:1.82;position:relative}.blog-content ul li:before{content:"";background:linear-gradient(180deg, var(--brand-to), var(--brand-from));width:.52rem;height:.52rem;box-shadow:0 0 14px rgba(var(--brand-rgb-2), .36);border-radius:999px;position:absolute;top:.82rem;left:0}.blog-content ol{color:var(--text-soft);padding-left:1.35rem}.blog-content ol li{padding-left:.2rem;font-size:1.04rem;line-height:1.82}.blog-content li+li{margin-top:.2rem}.blog-content blockquote{border:1px solid rgba(var(--brand-rgb-2), .18);border-left:3px solid var(--accent-strong);background:rgba(var(--brand-rgb-2), .06);border-radius:22px;margin:2rem 0;padding:1.15rem 1.25rem 1.15rem 1.2rem}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content img{border:1px solid #ffffff14;border-radius:22px;width:100%;margin:1.8rem 0;display:block;box-shadow:0 20px 48px #00000047}.blog-content hr{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);border:0;height:1px;margin:2.25rem 0}.blog-content table{border-collapse:collapse;background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;width:100%;margin:1.8rem 0;overflow:hidden}.blog-content thead{background:#ffffff0a}.blog-content th,.blog-content td{text-align:left;border-bottom:1px solid #ffffff0f;padding:.95rem 1rem}.blog-content tr:last-child td{border-bottom:0}.blog-content th{color:var(--white);font-size:.96rem}.blog-content td{color:var(--text-soft);font-size:.98rem;line-height:1.7}.blog-empty-state{border:1px solid var(--line);background:radial-gradient(circle at top right, rgba(var(--brand-rgb-2), .1), transparent 26%), linear-gradient(180deg, #ffffff0a, #ffffff05), var(--panel);box-shadow:var(--shadow);text-align:center;border-radius:30px;padding:2rem}.blog-empty-state h3{color:var(--white);letter-spacing:-.03em;margin:.8rem 0;font-size:clamp(1.45rem,3vw,2rem)}.blog-empty-state p{max-width:640px;color:var(--text-soft);margin:0 auto;line-height:1.8}@media (width<=1100px){.blog-grid,.featured-post-grid{grid-template-columns:1fr}.blog-article-shell{max-width:none}}@media (width<=820px){.blog-card-image{height:220px}.featured-post-card,.blog-article-card{padding:1.15rem}.featured-post-visual img{min-height:280px}.blog-article-topbar{align-items:flex-start;margin-bottom:.95rem}.blog-article-meta{justify-content:flex-start;width:100%}.blog-article-cover{border-radius:22px;margin-bottom:1.2rem}.blog-article-cover img{height:280px}.blog-article-content{max-width:none;padding:0}.blog-content h2{margin-top:2.1rem;font-size:clamp(1.7rem,7vw,2.35rem)}.blog-content h3{font-size:clamp(1.3rem,5.2vw,1.65rem)}.blog-content p,.blog-content ul li,.blog-content ol li{font-size:1rem;line-height:1.82}.blog-content th,.blog-content td{padding:.82rem .85rem}}@media (width<=640px){.blog-card-image{height:200px}.featured-post-card{border-radius:24px;padding:1rem}.featured-post-visual{border-radius:20px}.featured-post-visual img{min-height:220px}.featured-post-content h2{font-size:clamp(1.65rem,7vw,2.2rem)}.featured-post-actions{flex-direction:column;align-items:stretch}.featured-post-actions .btn{width:100%}.blog-article-card{border-radius:24px;padding:.85rem}.blog-article-topbar{gap:.7rem;margin-bottom:.8rem;padding-inline:0}.blog-article-back{font-size:.95rem}.blog-article-meta{gap:.55rem;font-size:.84rem}.blog-article-cover{border-radius:18px;margin-bottom:1rem}.blog-article-cover img{height:220px}.blog-content h2{margin:1.9rem 0 .8rem;font-size:clamp(1.55rem,8vw,2rem);line-height:1.12}.blog-content h3{margin:1.5rem 0 .7rem;font-size:clamp(1.2rem,6.2vw,1.45rem)}.blog-content p{margin-bottom:1.15rem;font-size:.98rem;line-height:1.78}.blog-content ul{gap:.65rem}.blog-content ul li,.blog-content ol li{font-size:.96rem;line-height:1.74}.blog-content ul li{padding-left:1.25rem}.blog-content ul li:before{width:.46rem;height:.46rem;top:.72rem}.blog-content table{white-space:nowrap;display:block;overflow-x:auto}.blog-empty-state{border-radius:24px;padding:1.35rem}}
