.blog-shell,.article-shell,.related-articles{width:min(1180px,calc(100% - 32px));margin-inline:auto}.blog-shell{padding:48px 0 64px}.blog-index-head{max-width:760px;margin:0 auto 36px;text-align:center}.blog-index-head>span,.article-head>span{display:inline-block;margin-bottom:10px;color:#175cd3;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.blog-index-head h1{margin:0;color:#0f1f3d;font-size:40px;line-height:1.15}.blog-index-head p{margin:12px 0 0;color:#475467;font-size:17px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{min-width:0;overflow:hidden;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.06)}.blog-card-media{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;color:#175cd3;background:#eff4ff;font-weight:700}.blog-card-media img{width:100%;height:100%;object-fit:cover}.blog-card>div{padding:20px}.blog-card time,.article-head time,.blog-card small{color:#667085;font-size:13px}.blog-card h2{margin:8px 0;font-size:19px;line-height:1.35}.blog-card h2 a{color:#0f1f3d}.blog-card p{display:-webkit-box;overflow:hidden;margin:0 0 16px;color:#475467;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-read{color:#175cd3;font-weight:700}.blog-empty{grid-column:1/-1;padding:56px 20px;border:1px solid #e4e7ec;border-radius:12px;text-align:center;background:#fff}.blog-empty h2{color:#0f1f3d}.blog-empty a{color:#175cd3;font-weight:700}.blog-pagination{margin-top:28px}.article-shell{padding:34px 0 56px}.article-preview{margin-bottom:20px;border:1px solid #fdb022;border-radius:8px;padding:12px 16px;color:#7a2e0e;background:#fffaeb;font-weight:700}.article-breadcrumb{display:flex;gap:8px;overflow:hidden;margin-bottom:34px;color:#667085;font-size:14px;white-space:nowrap}.article-breadcrumb a{color:#175cd3}.article-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.article-head{max-width:900px;margin:0 auto 32px;text-align:center}.article-head h1{margin:0;color:#0f1f3d;font-size:clamp(34px,4.2vw,52px);line-height:1.1;letter-spacing:-1.5px}.article-head>p{max-width:760px;margin:16px auto;color:#475467;font-size:19px}.article-head>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;color:#667085;font-size:14px}.article-image{max-width:1040px;aspect-ratio:16/9;margin:0 auto 40px;overflow:hidden;border:1px solid #e4e7ec;border-radius:14px;background:#f2f4f7}.article-image img{width:100%;height:100%;object-fit:cover}.article-layout{max-width:800px;margin:auto}.article-body{color:#344054;font-size:17px;line-height:1.75}.article-body h2,.article-body h3{scroll-margin-top:90px;color:#0f1f3d;line-height:1.3}.article-body h2{margin:38px 0 12px;font-size:28px}.article-body h3{margin:28px 0 10px;font-size:21px}.article-body a{color:#175cd3;text-decoration:underline;text-underline-offset:3px}.article-body img{max-width:100%;height:auto}.article-body blockquote{margin:24px 0;border-left:4px solid #175cd3;padding:2px 0 2px 18px;color:#475467}.article-body code{border-radius:4px;padding:2px 5px;background:#f2f4f7}.related-articles{padding:0 0 64px}.related-articles>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.related-articles h2{margin:0;color:#0f1f3d}.related-articles>div:first-child a{color:#175cd3;font-weight:700}.related-articles>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-articles article{border:1px solid #e4e7ec;border-radius:12px;padding:18px;background:#fff}.related-articles h3{margin:8px 0}.related-articles h3 a{color:#0f1f3d}.related-articles p{margin:0;color:#667085}.related-articles time{color:#667085;font-size:12px}@media(max-width:900px){.blog-grid,.related-articles>div:last-child{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.blog-shell,.article-shell,.related-articles{width:calc(100% - 24px)}.blog-shell{padding-top:32px}.blog-index-head h1{font-size:32px}.blog-grid,.related-articles>div:last-child{grid-template-columns:1fr}.article-head{text-align:left}.article-head h1{font-size:34px}.article-head>p{font-size:17px}.article-head>div{justify-content:flex-start}.article-breadcrumb{margin-bottom:24px}.article-image{margin-bottom:28px;border-radius:10px}}