/* Research Blog public listing and article pages */
.blog-section{background:#fff;position:relative;overflow:hidden}
.blog-heading-mark{color:#406efa;font-size:24px}
.blog-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 13px}
.blog-search{display:flex;align-items:center;gap:10px;flex:1 1 310px;background:#f7f9fc;border:1px solid #dfe7f3;border-radius:9px;padding:0 17px;min-height:50px}
.blog-search span{font-size:22px;color:#7e90ac}
.blog-search input{font:inherit;font-size:13px;border:0;outline:0;background:transparent;width:100%;min-width:0}
.blog-select{min-height:50px;border:1px solid #dfe7f3;padding:0 14px;border-radius:9px;background:#fff;min-width:165px;color:#3d526d;font-size:13px}
.blog-count{font-size:12px;color:#70809a;letter-spacing:.02em;margin:12px 0 21px;font-weight:700}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{border:1px solid #e2eaf4;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px #11295b17}
.blog-card-cover{height:170px;background:linear-gradient(135deg,#0b1b37,#163f75 65%,#367ff1);display:grid;place-items:center;position:relative;overflow:hidden;color:#92d9ff}
.blog-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.blog-card:hover .blog-card-cover img{transform:scale(1.04)}
.blog-card-pattern{font-size:85px;font-family:Georgia,serif;opacity:.65;transform:rotate(-12deg)}
.blog-cover-index{position:absolute;right:15px;bottom:13px;font-size:11px;letter-spacing:2px;color:#fff;background:#061b36a3;border:1px solid #fff3;padding:6px 8px;border-radius:5px}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:22px}
.blog-card-topic{font-size:10px;font-weight:800;color:#3469df;letter-spacing:1.1px;text-transform:uppercase}
.blog-card h3{font-size:19px;line-height:1.38;margin:13px 0 11px;letter-spacing:-.6px}
.blog-card h3 a:hover{color:#396df0}
.blog-card-body>p{font-size:13px;line-height:1.7;color:#697994;margin:0 0 23px;flex:1}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f6;padding-top:14px;font-size:11px;color:#8490a3}
.blog-card-footer a{font-size:20px;color:#386df1}
.blog-empty{grid-column:1/-1;padding:45px;border:1px dashed #cad5e5;background:#f9fbff;border-radius:12px;color:#71819c}
.blog-editor-line{display:flex;align-items:center;gap:9px;margin-top:32px;color:#6e819c;font-size:12px;line-height:1.55}
.blog-editor-line a{font-weight:700;color:#315ed1;border-bottom:1px solid #b3c4ee}
/* standalone article */
.article-page{background:#fafcff;color:#102137}
.article-topbar{background:white;border-bottom:1px solid #e3ebf4}
.article-topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:86px}
.article-logo{display:block}.article-logo img{display:block;width:195px;height:67px;object-fit:contain}
.article-back,.article-breadcrumb{font-weight:700;color:#416cba;font-size:13px}
.article-main{min-height:70vh}
.article-container{max-width:860px;margin:0 auto;padding-top:65px;padding-bottom:95px}
.article-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#75839b;font-size:12px;margin:20px 0}
.article-container h1{font:700 clamp(34px,4.4vw,56px)/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.8px;margin:0 0 20px;overflow-wrap:anywhere}
.article-lead{color:#586c86;font-size:19px;line-height:1.75;max-width:760px;margin-bottom:30px}
.article-cover{width:100%;max-height:430px;object-fit:cover;border-radius:12px;margin:6px 0 23px}
.blog-prose{padding:28px 0;color:#243951;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.blog-prose h2{font-size:clamp(24px,2.4vw,32px);margin:37px 0 12px;letter-spacing:-.8px}
.blog-prose h3{font-size:22px;margin:28px 0 12px}
.blog-prose p{margin:13px 0 20px}
.blog-prose img{display:block;max-width:100%;height:auto;border-radius:9px;margin:22px auto}
.blog-prose a{color:#2866d4;text-decoration:underline}
.blog-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:22px 0}
.blog-prose th,.blog-prose td{border:1px solid #d6e1ee;padding:8px 13px;font-size:14px;min-width:90px}
.blog-prose th{background:#eaf0fa}
.blog-prose code{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#e9eef8;padding:2px 5px;border-radius:4px}
.blog-prose pre{display:block;max-width:100%;overflow-x:auto;background:#0f243d;color:#d7ecff;padding:22px;border-radius:10px;margin:20px 0}
.blog-prose pre code{background:transparent;color:inherit;padding:0}
.blog-prose blockquote{margin:28px 0;border-left:4px solid #3f76eb;padding:1px 20px;color:#5f789b;background:#eff5fe}
.article-end{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid #dfe7f1;padding-top:20px;margin-top:38px;color:#7f8fa3;font-size:13px}
.article-end a{font-weight:700;color:#2d65d2}
.article-footer{font-size:12px}
@media(max-width:1080px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-card-cover{height:190px}.blog-toolbar{gap:10px}.blog-select{width:100%}.article-container{padding-top:44px;padding-bottom:60px}.article-topbar-inner{min-height:72px}.article-logo img{width:135px}.article-container h1{font-size:36px}.article-lead{font-size:16px}.blog-editor-line{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-cover img{transition:none}}

.blog-more-wrap{text-align:center;margin-top:24px}.blog-more{border:1px solid #dfe7f3;border-radius:8px;background:#fff;padding:12px 22px;color:#386af2;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.blog-more:hover{background:#f4f7fb}.blog-more[hidden]{display:none}
