.blog-posts-section{transition:opacity .2s ease}.blog-posts-section.is-loading{opacity:.4;pointer-events:none}.blog-newsletter{background:var(--color-surface,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:32px;margin:40px auto;max-width:800px}.blog-newsletter-inner{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.blog-newsletter-text{flex:1;min-width:220px}.blog-newsletter-heading{font-size:1.125rem;font-weight:700;color:var(--color-heading,#1e293b);margin:0 0 8px}.blog-newsletter-desc{font-size:.9375rem;color:var(--color-text-secondary,#64748b);margin:0}.blog-newsletter-form{flex:1;min-width:260px}.blog-newsletter-fields{display:flex;gap:8px;flex-wrap:wrap}.blog-newsletter-input{flex:1;min-width:180px}.blog-newsletter-btn{white-space:nowrap;flex-shrink:0}.blog-newsletter-privacy{font-size:.8125rem;color:var(--color-text-muted,#94a3b8);margin:8px 0 0}.blog-newsletter-msg{font-size:.9rem;margin:8px 0 0;padding:8px 12px;border-radius:6px}.blog-newsletter-msg.is-success{background:#dcfce7;color:#166534}.blog-newsletter-msg.is-error{background:#fee2e2;color:#991b1b}.blog-search-input-wrap{position:relative;flex:1}.blog-search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:0;border-radius:0 0 8px 8px;margin:0;padding:0;list-style:none;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);z-index:100}.blog-search-suggestions[hidden]{display:none}.blog-search-suggestion{padding:12px 16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #f1f5f9}.blog-search-suggestion:last-child{border-bottom:0}.blog-search-suggestion:hover,.blog-search-suggestion[aria-selected="true"]{background:#f8fafc}.blog-search-suggestion-title{font-weight:500;color:#1e293b}.blog-search-suggestion-cat{font-size:.875rem;color:#64748b}.blog-highlight{background:#fef08a;color:#854d0e;padding:0 2px;border-radius:2px}.blog-empty-state{text-align:center;padding:48px 24px;max-width:480px;margin:0 auto}.blog-empty-icon{color:#94a3b8;margin-bottom:24px}.blog-empty-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 8px}.blog-empty-desc{color:#64748b;margin:0 0 32px}.blog-empty-suggestions{text-align:left;background:#f8fafc;border-radius:8px;padding:20px 24px;margin-bottom:24px}.blog-empty-tips-title{font-weight:600;color:#475569;margin:0 0 12px;font-size:.875rem}.blog-empty-tips{margin:0;padding-left:20px;color:#64748b;font-size:.875rem}.blog-empty-tips li{margin-bottom:6px}.blog-empty-tips li:last-child{margin-bottom:0}.blog-empty-popular{margin-top:24px}.blog-empty-popular-title{font-size:.875rem;color:#64748b;margin:0 0 12px}.blog-empty-popular-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.blog-tag-popular{background:#e9eff9;color:#1f4e8c;border:0}.blog-tag-popular:hover{background:#bed3ec}.blog-card-search{display:flex;gap:16px;align-items:flex-start}.blog-card-img-sm{width:120px;height:80px;flex-shrink:0;border-radius:6px;overflow:hidden}.blog-card-img-sm img{width:100%;height:100%;object-fit:cover}.blog-post-content{line-height:1.65}.blog-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#e9eff9,#f4f7fc);border:1px solid #bed3ec;border-left:4px solid #1f4e8c;border-radius:0 10px 10px 0;padding:20px 24px;margin:40px auto;max-width:800px}.blog-inline-cta-body{flex:1;min-width:200px}.blog-inline-cta-title{margin:0 0 4px;font-weight:700;font-size:1rem;color:#0d2747}.blog-inline-cta-desc{margin:0;font-size:.9375rem;color:#1f4e8c}.blog-inline-cta-btn{flex-shrink:0;white-space:nowrap;padding:.5rem 1.25rem!important;font-size:.9375rem!important;box-shadow:none!important}.blog-sticky-cta{display:none}.blog-cta-main{background:linear-gradient(135deg,#1f4e8c,#5b8e32);border-radius:999px;box-shadow:0 12px 30px rgba(31,78,140,.45);transition:transform .18s,box-shadow .18s,filter .18s;will-change:transform;letter-spacing:.03em}.blog-cta-main:hover{background:linear-gradient(135deg,#1f4e8c,#5b8e32);transform:translateY(-2px);box-shadow:0 14px 32px rgba(31,78,140,.5);filter:brightness(1.07)}.blog-cta-main:active{transform:translateY(0);box-shadow:0 4px 12px rgba(31,78,140,.4);filter:none}.blog-cta-main:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:768px){.blog-sticky-cta{display:flex;align-items:center;gap:10px;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid var(--cb-border);padding:8px 14px;padding-bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px rgba(0,0,0,.06)}.blog-sticky-cta[hidden]{display:none!important}.blog-sticky-cta-text{flex:1;font-size:.8125rem;color:var(--cb-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-sticky-cta-btn{flex-shrink:0;background:transparent;color:#1f4e8c;border:1.5px solid #1f4e8c;border-radius:6px;padding:6px 12px;font-weight:600;font-size:.8125rem;text-decoration:none;white-space:nowrap}.blog-sticky-cta-btn:hover{background:#e9eff9}.blog-sticky-cta-close{flex-shrink:0;background:none;border:none;color:var(--cb-muted);font-size:1.25rem;line-height:1;padding:4px 6px;cursor:pointer;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.has-sticky-cta{padding-bottom:50px}}@media(max-width:640px){.blog-intent-nav{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none}.blog-intent-nav::-webkit-scrollbar{display:none}.blog-intent-tab{flex-shrink:0;scroll-snap-align:start}.blog-page-numbers{display:none}.blog-page-btn{min-width:44px;min-height:44px;padding:.625rem 1.25rem}.blog-page-btn span{display:inline}.blog-page-context{font-size:.875rem}.blog-card-search{flex-direction:column}.blog-card-img-sm{width:100%;height:160px}body{font-size:16px}.blog-search-toggle,.blog-header-search-btn,.blog-header-search-close{width:44px;height:44px;min-width:44px;min-height:44px}.lang-current{height:44px;min-height:44px}}@media(max-width:600px){.blog-newsletter-inner{flex-direction:column;gap:20px}.blog-newsletter-fields{flex-direction:column}.blog-newsletter-btn{width:100%}}@media(max-width:480px){.blog-inline-cta{flex-direction:column;align-items:flex-start}.blog-inline-cta-btn{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.blog-cta-main{transition:none;will-change:auto}}.blog-ask{background:var(--color-surface,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:32px;margin:40px auto;max-width:800px}.blog-ask-title{font-size:1.125rem;font-weight:700;color:var(--color-heading,#1e293b);margin:0 0 8px}.blog-ask-desc{font-size:.9375rem;color:var(--color-text-secondary,#64748b);margin:0 0 20px}.blog-ask-fields{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.blog-ask-input{flex:1;min-width:200px}.blog-ask-textarea{width:100%;min-height:88px;resize:vertical;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-family:inherit;color:#1e293b;background:#fff;box-sizing:border-box;transition:border-color .15s}.blog-ask-textarea:focus{outline:2px solid #1f4e8c;outline-offset:0;border-color:transparent}.blog-ask-honeypot{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important}.blog-ask-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:10px}.blog-ask-msg{font-size:.875rem;padding:6px 10px;border-radius:6px;margin:0}.blog-ask-msg.is-success{background:#dcfce7;color:#166534}.blog-ask-msg.is-error{background:#fee2e2;color:#991b1b}@media(max-width:600px){.blog-ask-fields{flex-direction:column}.blog-newsletter-btn{width:100%;text-align:center}}#popup-message{position:fixed;right:22px;bottom:22px;background:rgba(31,78,140,.72);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);color:#fff;padding:14px 20px;border-radius:14px;display:flex;align-items:center;gap:10px;font-size:15px;z-index:999999;opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;box-shadow:0 12px 32px rgba(0,0,0,.28)}#popup-message.show{opacity:1;transform:translateY(0);pointer-events:auto}.popup-success{background:rgba(91,142,50,.85)!important}.popup-error{background:rgba(214,69,69,.85)!important}.popup-loading{background:rgba(31,78,140,.85)!important}.has-sticky-cta #popup-message{bottom:70px}.blog-input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}.grecaptcha-badge{visibility:hidden!important;bottom:80px!important}.has-rc-active .grecaptcha-badge{visibility:visible!important}.blog-sitemap{max-width:860px;margin:0 auto;padding:0 1rem 3rem}.blog-sitemap-head{margin-bottom:2rem}.blog-sitemap-desc{color:var(--color-text-secondary,#64748b);margin:.5rem 0 0;font-size:.9375rem}.blog-sitemap-cat{margin-bottom:2.5rem}.blog-sitemap-cat-title{font-size:1.125rem;font-weight:700;color:var(--color-heading,#1e293b);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.blog-sitemap-cat-title a{color:inherit;text-decoration:none}.blog-sitemap-cat-title a:hover{color:#1f4e8c}.blog-sitemap-list{list-style:none;margin:0;padding:0}.blog-sitemap-item{display:flex;align-items:baseline;gap:.75rem;padding:.4rem 0;border-bottom:1px solid #f1f5f9}.blog-sitemap-item:last-child{border-bottom:0}.blog-sitemap-link{flex:1;color:#1e293b;text-decoration:none;font-size:.9375rem}.blog-sitemap-link:hover{color:#1f4e8c;text-decoration:underline}.blog-sitemap-date{flex-shrink:0;font-size:.8125rem;color:#94a3b8}.blog-sitemap-xml{margin-top:3rem;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#64748b}.blog-sitemap-xml a{color:#1f4e8c}@media(orientation:landscape) and (max-height:500px){.blog-card-img{padding-top:0;height:150px}.blog-card-body{padding:.75rem 1rem;gap:.5rem}.blog-card-search{flex-direction:row}.blog-card-img-sm{width:110px;height:80px;flex-shrink:0}.blog-card-img-sm img{height:80px}}
/* === Dark mode: manual override (mirrors @media prefers-color-scheme:dark in blog-main.min.css) === */
[data-theme="dark"]{--cb-bg:#0f172a;--cb-white:#1e293b;--cb-text:#e2e8f0;--cb-muted:#94a3b8;--cb-border:#334155;--cb-shadow-card:0 14px 30px rgba(0,0,0,.3);--cb-shadow-header:0 8px 18px rgba(0,0,0,.3)}
/* Force light mode for dark-system users who manually chose light */
@media(prefers-color-scheme:dark){[data-theme="light"]{--cb-bg:#f7f8fb!important;--cb-white:#fff!important;--cb-text:#333!important;--cb-muted:#666!important;--cb-border:#e2e6ef!important;--cb-shadow-card:0 2px 12px rgba(0,0,0,.07)!important;--cb-shadow-header:0 2px 8px rgba(0,0,0,.08)!important}}
/* === Dark mode toggle button === */
.blog-theme-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--cb-muted);display:inline-flex;align-items:center;justify-content:center;transition:color .2s,background .2s;line-height:1;vertical-align:middle;margin-left:12px}
.blog-theme-toggle:hover{color:var(--cb-text);background:rgba(128,128,128,.1)}
.blog-theme-toggle:focus-visible{outline:2px solid var(--cb-blue);outline-offset:2px}
.blog-theme-toggle .icon-sun{display:none}
.blog-theme-toggle .icon-moon{display:block}
[data-theme="dark"] .blog-theme-toggle .icon-sun{display:block}
[data-theme="dark"] .blog-theme-toggle .icon-moon{display:none}
@media(prefers-color-scheme:dark){.blog-theme-toggle .icon-sun{display:block}.blog-theme-toggle .icon-moon{display:none}[data-theme="light"] .blog-theme-toggle .icon-sun{display:none}[data-theme="light"] .blog-theme-toggle .icon-moon{display:block}}
/* === Fluid typography (F6) === */
.blog-h1{font-size:clamp(1.5rem,4vw,2.5rem)}
.blog-post-content h2{font-size:clamp(1.25rem,3vw,1.75rem)}
.blog-post-content h3{font-size:clamp(1.1rem,2.5vw,1.375rem)}
.blog-card-title,.blog-card-title a{font-size:clamp(1rem,2.5vw,1.125rem)}
.blog-section-title{font-size:clamp(1.125rem,2.8vw,1.5rem)}
/* === Scroll fade-in (F7) === */
.fade-in-up{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.fade-in-up.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.fade-in-up{transition:none;opacity:1;transform:none}}
/* === F9: Pull quotes === */
.blog-post-content blockquote{position:relative;border-left:4px solid #1f4e8c;margin:2rem 0;padding:1.25rem 1.25rem 1.25rem 2rem;background:linear-gradient(135deg,#e9eff9,#f4f7fc);border-radius:0 8px 8px 0;font-size:1.0625rem;font-style:italic;color:#0d2747}.blog-post-content blockquote::before{content:'\201C';font-size:3rem;color:#1f4e8c;opacity:.2;position:absolute;top:-2px;left:10px;line-height:1;font-style:normal;pointer-events:none}.blog-post-content blockquote p{margin:0;line-height:1.65}.blog-post-content blockquote p+p{margin-top:.75rem}.blog-post-content blockquote cite{display:block;margin-top:.75rem;font-size:.875rem;font-style:normal;color:#1f4e8c;font-weight:600}[data-theme="dark"] .blog-post-content blockquote{background:rgba(31,78,140,.15);color:var(--cb-text)}@media(prefers-color-scheme:dark){.blog-post-content blockquote{background:rgba(31,78,140,.15);color:var(--cb-text)}[data-theme="light"] .blog-post-content blockquote{background:linear-gradient(135deg,#e9eff9,#f4f7fc)!important;color:#0d2747!important}}
/* === F14: Video/iframe responsive === */
.blog-post-content iframe{max-width:100%;border:0;border-radius:8px}.blog-post-content .video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin:2rem 0}.blog-post-content .video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}@supports(aspect-ratio:16/9){.blog-post-content .video-embed{padding-bottom:0;aspect-ratio:16/9;height:auto}.blog-post-content .video-embed iframe{position:static;width:100%;height:100%}}
/* === F11: Bookmark button === */
.blog-bookmark-btn{background:none;border:1px solid var(--cb-border);border-radius:8px;cursor:pointer;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--cb-muted);transition:all .2s;font-family:inherit}.blog-bookmark-btn:hover{border-color:#1f4e8c;color:#1f4e8c;background:#e9eff9}.blog-bookmark-btn.is-bookmarked{border-color:#1f4e8c;color:#1f4e8c;background:#e9eff9}.blog-bookmark-btn .icon-bm-empty{display:block}.blog-bookmark-btn .icon-bm-filled{display:none}.blog-bookmark-btn.is-bookmarked .icon-bm-empty{display:none}.blog-bookmark-btn.is-bookmarked .icon-bm-filled{display:block}
/* === F12: Glossary page === */
.blog-glossary{max-width:860px;margin:0 auto;padding:0 1rem 3rem}.blog-glossary-head{margin-bottom:1.5rem}.blog-glossary-desc{color:var(--color-text-secondary,#64748b);margin:.5rem 0 0;font-size:.9375rem}.blog-glossary-toc{display:flex;flex-wrap:wrap;gap:6px;margin:1.5rem 0;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.blog-glossary-toc-label{width:100%;font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:2px}.blog-glossary-toc a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#e9eff9;color:#1f4e8c;font-weight:700;font-size:.875rem;text-decoration:none;transition:background .2s}.blog-glossary-toc a:hover,.blog-glossary-toc a:focus{background:#1f4e8c;color:#fff}.blog-glossary-group{margin-bottom:2.5rem}.blog-glossary-letter{font-size:1.375rem;font-weight:800;color:#1f4e8c;padding:.25rem 0;border-bottom:2px solid #1f4e8c;margin-bottom:1rem}.blog-glossary-list{list-style:none;margin:0;padding:0}.blog-glossary-item{padding:.875rem 0;border-bottom:1px solid #f1f5f9}.blog-glossary-item:last-child{border-bottom:0}.blog-glossary-term{font-weight:700;color:#1e293b;font-size:1rem;margin:0 0 .25rem}.blog-glossary-def{color:#64748b;font-size:.9375rem;margin:0;line-height:1.65}
/* === F13: Resources page === */
.blog-resources{max-width:860px;margin:0 auto;padding:0 1rem 3rem}.blog-resources-head{margin-bottom:1.5rem}.blog-resources-desc{color:var(--color-text-secondary,#64748b);margin:.5rem 0 0;font-size:.9375rem}.blog-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:2rem}.blog-resource-card{background:var(--color-surface,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s}.blog-resource-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.blog-resource-icon{width:44px;height:44px;background:#e9eff9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#1f4e8c;flex-shrink:0}.blog-resource-title{font-weight:700;color:#1e293b;font-size:1rem;margin:0}.blog-resource-desc{color:#64748b;font-size:.875rem;margin:0;flex:1;line-height:1.55}.blog-resource-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:99px;background:#fef3c7;color:#92400e;margin-bottom:6px}.blog-resource-badge.is-available{background:#dcfce7;color:#166534}.blog-resource-btn{display:inline-flex;align-items:center;gap:6px;background:#1f4e8c;color:#fff;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s;margin-top:auto}.blog-resource-btn:hover{background:#173d6e}.blog-resource-btn-disabled{display:inline-flex;align-items:center;gap:6px;background:#e2e8f0;color:#94a3b8;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600;cursor:not-allowed;margin-top:auto}@media(max-width:540px){.blog-resources-grid{grid-template-columns:1fr}}
/* === P45: Paragraph spacing === */
.blog-post-content p{margin-bottom:1.5em}.blog-post-content p:last-child{margin-bottom:0}
/* === F20: Skeleton loading === */
@keyframes blog-skeleton-pulse{0%,100%{opacity:.6}50%{opacity:1}}
.blog-skeleton-card{background:var(--cb-white,#fff);border-radius:12px;overflow:hidden;border:1px solid var(--cb-border,#e2e8f0);animation:blog-skeleton-pulse 1.4s ease-in-out infinite}.blog-skeleton-img{background:#e2e8f0;height:200px;border-radius:12px 12px 0 0}.blog-skeleton-body{padding:1.25rem 1rem}.blog-skeleton-line{height:14px;border-radius:6px;background:#e2e8f0;margin-bottom:10px;animation:blog-skeleton-pulse 1.4s ease-in-out infinite}.blog-skeleton-line--title{height:20px;width:80%}.blog-skeleton-line--short{width:40%;margin-bottom:0}
/* === F22: Hover card preview (desktop only) === */
.blog-hover-preview{position:fixed;z-index:150;width:280px;background:var(--cb-white,#fff);border:1px solid var(--cb-border,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:14px 16px;pointer-events:none;opacity:0;transition:opacity .18s ease;font-size:.875rem;line-height:1.5}.blog-hover-preview.is-visible{opacity:1}.blog-hover-preview-title{font-weight:700;color:var(--cb-text,#1e293b);margin:0 0 6px;font-size:.9375rem}.blog-hover-preview-desc{color:var(--cb-muted,#64748b);margin:0}
/* === About page === */
.blog-about{max-width:760px;margin:0 auto;padding:0 1rem 3rem}.blog-about-head{margin-bottom:2.5rem}.blog-about-desc{color:var(--color-text-secondary,#64748b);margin:.5rem 0 0;font-size:.9375rem}.blog-about-section{margin-bottom:2.5rem}.blog-about-section h2{font-size:1.25rem;font-weight:700;color:var(--color-heading,#1e293b);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.blog-about-section p{color:#475569;font-size:.9375rem;line-height:1.7;margin:0 0 1rem}.blog-about-section p:last-child{margin-bottom:0}
/* === F8: Page transitions === */
@keyframes blog-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body{animation:blog-page-in .22s ease backwards}
body.is-leaving{opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}
@media(prefers-reduced-motion:reduce){body{animation:none}body.is-leaving{transition:none;opacity:0}}
/* === F16: Pull-to-refresh indicator === */
.blog-ptr{position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(-60px);z-index:300;background:var(--cb-white,#fff);border:1px solid var(--cb-border,#e2e8f0);border-radius:0 0 20px 20px;padding:10px 20px;display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--cb-muted,#64748b);box-shadow:0 4px 12px rgba(0,0,0,.1);opacity:0;pointer-events:none}
.blog-ptr.is-pulling{opacity:1}
.blog-ptr.is-ready{color:#1f4e8c}
.blog-ptr-spinner{animation:blog-ptr-spin 1s linear infinite}
@keyframes blog-ptr-spin{to{transform:rotate(360deg)}}
/* === Infographic: comparison table (.blog-compare) === */
.blog-compare{overflow-x:auto;margin:2rem 0;-webkit-overflow-scrolling:touch}
.blog-compare-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:420px}
.blog-compare-table th,.blog-compare-table td{padding:11px 14px;border:1px solid #e2e8f0;text-align:center;vertical-align:middle}
.blog-compare-table thead th{background:#1f4e8c;color:#fff;font-weight:700;white-space:nowrap}
.blog-compare-table thead th:first-child{background:#f8fafc;color:#1e293b;text-align:left}
.blog-compare-table tbody tr:nth-child(even){background:#f8fafc}
.blog-compare-table tbody td:first-child{text-align:left;font-weight:600;color:#475569;white-space:nowrap}
.bcg{color:#166534;font-weight:700}.bcg::before{content:'✓ '}
.bcn{color:#854d0e;font-weight:600}
.bcb{color:#991b1b}.bcb::before{content:'✗ '}
[data-theme="dark"] .blog-compare-table thead th{background:#1e3a5f}
[data-theme="dark"] .blog-compare-table tbody tr:nth-child(even){background:rgba(255,255,255,.04)}
[data-theme="dark"] .blog-compare-table th,[data-theme="dark"] .blog-compare-table td{border-color:#334155}
@media(max-width:540px){.blog-compare-table{font-size:.8125rem}.blog-compare-table th,.blog-compare-table td{padding:8px 10px}}
/* === Infographic: process steps (.blog-process) === */
.blog-process{list-style:none;margin:2rem 0;padding:0;counter-reset:blog-step}
.blog-process-step{display:flex;gap:18px;margin-bottom:28px;position:relative}
.blog-process-step:not(:last-child)::after{content:'';position:absolute;left:19px;top:43px;bottom:-28px;width:2px;background:linear-gradient(to bottom,#1f4e8c33,#e2e8f0)}
.blog-process-num{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#1f4e8c;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 2px 8px rgba(31,78,140,.35)}
.blog-process-body{padding-top:9px;min-width:0}
.blog-process-title{font-weight:700;color:#1e293b;font-size:1rem;margin:0 0 5px}
.blog-process-desc{color:#475569;font-size:.9375rem;margin:0;line-height:1.6}
[data-theme="dark"] .blog-process-num{background:#2563eb}
[data-theme="dark"] .blog-process-title{color:var(--cb-text)}
.blog-footer-nav-label{grid-column:1/-1;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cb-muted,#94a3b8);margin:14px 0 3px;padding:0;line-height:1}.blog-footer-nav-label:first-child{margin-top:0}
.blog-sort-select.is-loading{opacity:.5;cursor:wait;pointer-events:none}
[data-theme="dark"] .blog-process-desc{color:var(--cb-muted)}.cb-consent{position:fixed;left:16px;right:16px;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10001;max-width:960px;margin:0 auto;padding:16px 20px;background:var(--cb-white,#fff);color:var(--cb-text,#333);border:1px solid var(--cb-border,#e2e6ef);border-radius:18px;box-shadow:0 16px 40px rgba(13,39,71,.22);font-size:.9rem;line-height:1.5}.cb-consent[hidden]{display:none}.cb-consent-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.cb-consent-text{margin:0;flex:1 1 320px}.cb-consent-text a{color:var(--cb-blue);font-weight:600;text-decoration:underline;text-underline-offset:2px}.cb-consent-actions{display:flex;flex:0 1 auto;gap:10px}.cb-consent-btn{flex:1 1 0;min-width:120px;min-height:44px;padding:10px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--cb-blue),var(--cb-blue-dark));color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:filter .2s}.cb-consent-btn:hover{filter:brightness(1.15)}.cb-consent-btn:focus-visible{outline:3px solid var(--cb-green);outline-offset:3px}[data-theme="dark"] .cb-consent-text a{color:#93c5fd}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .cb-consent-text a{color:#93c5fd}}@media(max-width:600px){.cb-consent{left:8px;right:8px;bottom:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:14px;font-size:.85rem}.cb-consent-actions{flex:1 1 100%}.cb-consent-btn{min-width:0;padding:10px 12px}}@media(prefers-reduced-motion:reduce){.cb-consent-btn{transition:none}}
.blog-footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:0 0 12px;font-size:.82rem}.blog-footer-legal a,.blog-footer-legal button{color:rgba(255,255,255,.8);background:none;border:0;padding:4px 0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(255,255,255,.35)}.blog-footer-legal a:hover,.blog-footer-legal button:hover{color:#fff}.blog-footer-legal a:focus-visible,.blog-footer-legal button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
.blog-newsletter-privacy{color:#475569}.blog-page-context,.blog-tag{color:#4b5563}[data-theme="dark"] .blog-newsletter-privacy,[data-theme="dark"] .blog-page-context,[data-theme="dark"] .blog-tag{color:#cbd5e1}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .blog-newsletter-privacy,:root:not([data-theme="light"]) .blog-page-context,:root:not([data-theme="light"]) .blog-tag{color:#cbd5e1}}.blog-footer-nav-label{color:#a9b8d0}
body .blog-pill-date{color:#4b5563}body .blog-pill-reading-time{color:#047857}body .blog-glossary-desc,body .blog-glossary-def{color:#475569}.blog-search-input:focus-visible{box-shadow:0 0 0 3px rgba(31,78,140,.4)}[data-theme="dark"] .blog-pill-date,[data-theme="dark"] .blog-glossary-desc,[data-theme="dark"] .blog-glossary-def{color:#a3adbb}[data-theme="dark"] .blog-pill-reading-time{color:#34d399}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .blog-pill-date,:root:not([data-theme="light"]) .blog-glossary-desc,:root:not([data-theme="light"]) .blog-glossary-def{color:#a3adbb}:root:not([data-theme="light"]) .blog-pill-reading-time{color:#34d399}}
