.blog-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:18px;align-items:end;margin:0 0 28px;padding:22px;border:1px solid #dbe4f4;border-radius:22px;background:#f8faff;box-shadow:0 14px 36px rgba(35,66,130,.07)}
.blog-search label,.blog-filter-label{display:block;margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#49617f}
.blog-search input{width:100%;min-height:48px;padding:0 16px;border:1px solid #bfcde4;border-radius:13px;background:#fff;color:#17243b;font:inherit}
.blog-search input:focus{outline:3px solid rgba(49,94,251,.2);border-color:#315efb}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;max-width:680px}
.blog-filter{min-height:42px;padding:8px 14px;border:1px solid #c8d4e8;border-radius:999px;background:#fff;color:#304560;font:inherit;font-weight:700;cursor:pointer}
.blog-filter:hover,.blog-filter:focus-visible{border-color:#315efb;color:#2447bd}
.blog-filter[aria-pressed="true"]{border-color:#315efb;background:#315efb;color:#fff}
.blog-results-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px;color:#5d6e84}
.blog-results-meta p{margin:0}
.blog-card{display:flex;flex-direction:column;min-width:0}
.blog-card[hidden]{display:none!important}
.blog-card img{aspect-ratio:1.92/1;object-fit:cover;border-radius:15px;background:#edf2ff}
.blog-card .blog-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:13px 0 0;font-size:13px;color:#66768b}
.blog-card h2{font-size:25px!important;line-height:1.18;margin-top:12px}
.blog-card p{margin-top:auto}
.blog-empty{padding:32px;border:1px dashed #b7c5dc;border-radius:18px;text-align:center;color:#52657f;background:#fbfcff}
.blog-featured{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;align-items:center;margin:0 0 30px;padding:28px;border-radius:26px;background:linear-gradient(135deg,#142b62,#315efb);color:#fff;overflow:hidden}
.blog-featured h2,.blog-featured a{color:#fff}.blog-featured p{color:#e8edff}.blog-featured img{width:100%;border-radius:18px;background:#fff}
.reading-progress{position:fixed;inset:0 0 auto;z-index:120;height:4px;background:transparent;pointer-events:none}
.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#315efb,#8b5cf6);transform-origin:left center}
.article-toc a[aria-current="location"]{color:#2447bd;font-weight:800;border-left:3px solid #315efb;padding-left:10px}
.article-related{margin:42px 0 8px;padding:26px;border:1px solid #dce5f4;border-radius:22px;background:#f8faff}
.article-related h2{margin-top:0}.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.article-related-card{display:block;padding:16px;border:1px solid #d8e1ef;border-radius:15px;background:#fff;text-decoration:none!important}
.article-related-card strong{display:block;color:#2447bd}.article-related-card span{display:block;margin-top:6px;font-size:13px;color:#64748b}
.article-source-note{margin:30px 0;padding:18px 20px;border-left:4px solid #315efb;background:#f3f6ff;color:#43546c}
.article-checklist li{margin-bottom:9px}
.comparison-table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:15px}
.comparison-table th,.comparison-table td{padding:13px 14px;border:1px solid #dce4f1;text-align:left;vertical-align:top}.comparison-table th{background:#eef3ff;color:#253e6a}
@media(max-width:900px){.blog-toolbar{grid-template-columns:1fr}.blog-featured{grid-template-columns:1fr}.article-related-grid{grid-template-columns:1fr}.comparison-table{display:block;overflow-x:auto}}
@media(max-width:600px){.blog-toolbar{padding:17px}.blog-results-meta{align-items:flex-start;flex-direction:column}.blog-filter{min-height:44px}.blog-featured{padding:22px}.comparison-table{font-size:14px}}
@media(prefers-reduced-motion:reduce){.reading-progress span{transition:none}}