/* English editorial pages and homepage article preview. */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30394f transparent}
.sidebar-head,.side-nav,.sidebar-promo,.sidebar-bottom{flex-shrink:0}
.blog-home,.blog-hub-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.blog-home>.section-head{grid-column:1/-1;margin-bottom:0}
.blog-feature{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #2b354a;border-radius:14px;background:linear-gradient(120deg,#101622,#141c2b);isolation:isolate;transition:border-color .2s ease}
.blog-feature:hover{border-color:#52617d}
.blog-cover-link{display:block;overflow:hidden;background:#080d17;min-width:0;aspect-ratio:16/9;max-height:190px}
.blog-cover-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.blog-cover-link:hover img{transform:scale(1.025)}
.blog-feature-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:20px;min-width:0}
.blog-topic{padding:6px 10px;border:1px solid #34405a;border-radius:6px;color:#becadc;font-size:11px;font-weight:600;line-height:1.4}
.blog-feature h3{margin:12px 0 9px;font-size:21px;line-height:1.25;letter-spacing:-.4px;text-wrap:balance}
.blog-feature h3 a{color:#f6f8ff}
.blog-feature h3 a:hover{color:#ffd24c}
.blog-feature p{margin:0 0 14px;color:#adb9ce;font-size:12px;line-height:1.65}
.blog-read-link{display:inline-flex;align-items:center;gap:12px;color:#ffd24c;font-size:12px;font-weight:700;padding-block:6px;margin-top:auto}
.blog-read-link:hover{color:#fff}
.blog-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 30px;color:#8998b0;font-size:12px;line-height:1.6}
.blog-breadcrumbs a:hover{color:#ffd24c}
.blog-breadcrumbs [aria-current]{color:#becadc}
.blog-heading{padding-bottom:30px}
.blog-heading h1{margin:0;font-size:clamp(36px,4vw,64px);line-height:1.1;letter-spacing:-1.7px;text-wrap:balance}
.blog-heading p{margin:18px 0 0;max-width:650px;color:#adb9ce;font-size:15px;line-height:1.75}
.blog-hub-list{margin:12px 0 32px}
.blog-article{max-width:1080px;margin:0 auto 30px}
.blog-article-cover{overflow:hidden;border:1px solid #2b354a;border-radius:20px;background:#080d17}
.blog-article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.blog-prose{max-width:760px;margin:32px auto 0;color:#c3ccdb;font-size:16px;line-height:1.9}
.blog-prose p{margin:0 0 24px}
.blog-prose p a{color:#f0f3fa;text-decoration:underline;text-decoration-color:#61728e;text-underline-offset:4px}
.blog-prose p a:hover{color:#ffd24c;text-decoration-color:currentColor}
.blog-prose h2{margin:40px 0 16px;font-size:28px;line-height:1.15;letter-spacing:-.7px;color:#f2f5fb;text-wrap:balance}
.blog-prose h3{margin:26px 0 12px;font-size:19px;line-height:1.3;color:#eef1f7}
.blog-prose ul{margin:-8px 0 24px;padding-left:22px;display:grid;gap:9px}
.blog-prose ol{margin:-8px 0 24px;padding-left:24px;display:grid;gap:9px}
.blog-prose code{padding:2px 7px;border:1px solid #343c52;border-radius:6px;background:#10141f;color:#ffd24c;font-size:13px;overflow-wrap:anywhere}
.blog-prose li a{color:#f0f3fa;text-decoration:underline;text-decoration-color:#61728e;text-underline-offset:4px}
.blog-prose li a:hover{color:#ffd24c;text-decoration-color:currentColor}
.blog-table-wrap{overflow-x:auto;border:1px solid #2b354a;border-radius:14px;margin:0 0 12px}
.blog-prose table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px}
.blog-prose th{padding:13px 16px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#848fa6;background:#121826;border-bottom:1px solid #2b354a}
.blog-prose td{padding:13px 16px;vertical-align:top;color:#c3ccdb;font-size:13.5px;line-height:1.65;border-bottom:1px solid #232c40}
.blog-prose tr:last-child td{border-bottom:0}
.blog-prose .blog-note{margin:0 0 24px;padding:16px 20px;border:1px solid #343c52;border-left:3px solid #ffd24c;border-radius:10px;background:#141a29;font-size:14px;line-height:1.7;color:#aeb8ca}
.blog-prose .blog-note b{color:#f0f3fa}
.blog-sources{margin:44px 0 0;padding:20px 22px;border:1px solid #2b354a;border-radius:14px;background:#10141f}
.blog-sources ul{margin:12px 0 0;padding-left:18px;display:grid;gap:8px;color:#8f9ab1;font-size:12px;line-height:1.6}
.blog-sources a{color:#becadc}
.blog-sources a:hover{color:#ffd24c}
.blog-sources p{margin:12px 0 0;color:#69758e;font-size:11px}
.blog-cta{display:grid;justify-items:start;gap:0;margin:44px 0 8px;padding:28px;border:1px solid #544725;border-radius:18px;background:radial-gradient(circle at 85% 0%,#ffc21a14,transparent 40%),#151b27}
.blog-cta h3{margin:10px 0 12px;font-size:24px;line-height:1.2;letter-spacing:-.4px;color:#f6f8ff;text-wrap:balance}
.blog-cta p{margin:0 0 14px;color:#aeb8ca;font-size:14px;line-height:1.75}
.blog-cta p a{color:#f0f3fa;text-decoration:underline;text-decoration-color:#61728e;text-underline-offset:4px}
.blog-cta p a:hover{color:#ffd24c;text-decoration-color:currentColor}
.blog-cta .button{margin-top:4px}
.blog-cta small{margin-top:12px;color:#7f899f;font-size:11px;line-height:1.6}
.blog-cta .faq-list{width:100%}
.blog-prose .faq-list{margin:0 0 24px}
.blog-article-layout{margin-top:32px;gap:40px}
.blog-article-layout .blog-prose{max-width:none;margin:0}
.blog-article-layout .blog-back-link{margin-top:16px}
.blog-article-layout .blog-sources{margin-top:36px}
.blog-article-layout .blog-cta{margin-top:36px}
.blog-back-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;color:#ffd24c;margin-top:8px;padding-block:10px}
.blog-language{display:flex;align-items:center;gap:13px;padding:14px}
@media(max-width:1100px){.blog-home,.blog-hub-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:680px){.blog-home,.blog-hub-list{grid-template-columns:1fr;gap:18px}.blog-feature-copy{padding:20px}.blog-heading h1{font-size:36px;letter-spacing:-1px}.blog-breadcrumbs{margin-bottom:24px}.blog-prose{font-size:15px;line-height:1.8;margin-top:24px}.blog-article-cover{border-radius:14px}.blog-home .section-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.blog-cover-link img{transition:none}.blog-cover-link:hover img{transform:none}}
