body{background:#f5f8fd;color:#10243f}.blog-layout{padding-top:38px;padding-bottom:65px;min-height:65vh}.blog-hero{padding:49px 48px;background:linear-gradient(120deg,#0b1f3b,#163c75);color:white;border-radius:26px;margin-bottom:45px;box-shadow:0 12px 38px #0b1f3b20}.blog-hero h1{font-size:clamp(26px,3vw,43px);margin:12px 0}.blog-hero p{max-width:720px;line-height:2;color:#e1edff}.blog-eyebrow{color:#8fe6ff;font-weight:750}.blog-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.blog-section-title span{color:#56687c}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{background:#fff;border:1px solid #e3eaf5;border-radius:20px;padding:26px;min-height:250px;display:flex;align-items:flex-start;flex-direction:column;box-shadow:0 6px 20px #0b1f3b08;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 27px #0b1f3b12}.blog-card h3{line-height:1.6;font-size:19px;margin:15px 0 10px}.blog-card h3 a{color:#102a50;text-decoration:none}.blog-card h3 a:hover,.blog-aside a:hover{color:#2563eb}.blog-card p{line-height:1.85;color:#52657d;font-size:14px;margin:0 0 20px}.blog-chip{background:#e9f5ff;color:#1e57ae;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:700}.blog-more{margin-top:auto;text-decoration:none;color:#2563eb;font-weight:750}.blog-callout,.article-action{background:#edf6ff;border:1px solid #d3e8ff;border-radius:20px;padding:28px;margin-top:34px}.blog-callout p,.article-action p{line-height:1.8}.blog-callout a,.article-action a{display:inline-block;background:#2563eb;color:white;text-decoration:none;border-radius:10px;padding:12px 20px;font-weight:700}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px;align-items:start}.blog-paper{background:#fff;border:1px solid #e0e8f2;border-radius:22px;padding:42px}.blog-paper h1{font-size:clamp(25px,3vw,37px);line-height:1.55;margin:18px 0}.blog-crumb{font-size:13px;color:#718097;margin-bottom:24px}.blog-crumb a{color:#2563eb;text-decoration:none}.article-lead{font-size:18px;line-height:1.9;color:#496079}.article-byline{font-size:12px;color:#718097;padding-bottom:25px;border-bottom:1px solid #e5ecf5}.article-body h2{margin-top:35px;margin-bottom:12px;font-size:22px;color:#123763}.article-body p{line-height:2.15;font-size:17px;color:#2d4056}.blog-aside{background:#fff;border:1px solid #e2eaf4;border-radius:18px;padding:24px;position:sticky;top:90px}.blog-aside h2{font-size:17px;margin:0 0 15px}.blog-aside a{display:block;padding:13px 0;border-bottom:1px solid #eef1f7;text-decoration:none;color:#294561;line-height:1.65;font-size:14px}.blog-aside .back-blog{color:#2563eb;font-weight:700}.foot a{color:inherit}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-shell{grid-template-columns:1fr}.blog-aside{position:static}}@media(max-width:600px){.blog-hero{padding:30px 24px}.blog-grid{grid-template-columns:1fr}.blog-paper{padding:24px 18px}.blog-layout{padding-top:22px}.article-body p{font-size:16px}}
/* Blog catalog 200+ guides */
.blog-search{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#fff;padding:18px;border-radius:18px;box-shadow:0 8px 28px rgba(11,31,59,.06)}
.blog-search label{font-weight:700;color:#0B1F3B}.blog-search input,.blog-search select{min-height:44px;border:1px solid #cbd5e1;border-radius:11px;padding:9px 13px;min-width:170px;flex:1;background:#fff;color:#0B1F3B;font:inherit}.blog-search button{background:#2563eb;color:#fff;border:0;padding:11px 21px;border-radius:11px;font:inherit;cursor:pointer}.blog-search>a{color:#2563eb}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0;flex-wrap:wrap}.blog-pagination a{background:#fff;color:#2563eb;border-radius:10px;padding:10px 20px;text-decoration:none}.blog-empty{text-align:center;padding:25px}@media(max-width:620px){.blog-search{align-items:stretch;flex-direction:column}.blog-search input,.blog-search select{width:100%;min-width:0}}

/* Reviewed guidance gets editorial prominence; filters remain lightweight. */
.blog-editorial-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin:-20px 0 26px;padding:17px 22px;border:1px solid #c8e7f6;background:#eaf8ff;border-radius:16px;color:#123763}
.blog-editorial-note strong{font-size:16px}.blog-editorial-note p{flex:1;min-width:230px;margin:0;line-height:1.8;color:#355979}
.blog-card:focus-within{outline:3px solid #73c8ff;outline-offset:3px}
.blog-card h3 a:focus-visible,.blog-more:focus-visible{outline:2px solid #2563eb;outline-offset:4px}

/* Article cover images */
.article-cover{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:18px;margin:22px 0}.blog-card-cover{display:block;width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:14px}

.article-step-image{margin:30px auto;text-align:center;max-width:100%}.article-step-image img{display:block;max-width:100%;height:auto;max-height:660px;object-fit:contain;margin:auto;border:1px solid #dbe7f4;border-radius:16px;box-shadow:0 8px 26px #10243f12}.article-step-image figcaption{margin:12px auto;color:#52657d;font-size:14px;line-height:1.9} .article-body{overflow-wrap:anywhere}

/* Reader-friendly article navigation */
.article-toc{background:#f2f7ff;border:1px solid #dce9fb;border-radius:16px;padding:18px 24px;margin:24px 0}.article-toc strong{color:#123763}.article-toc ol{margin:10px 0 0;padding-right:22px;line-height:2}.article-toc a{color:#1d55aa;text-decoration:none}.article-toc a:hover{text-decoration:underline}.article-body h2{scroll-margin-top:100px}

.academy-lesson-navigation{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.academy-lesson-navigation a{background:#edf4ff;border:1px solid #d5e5fc;color:#174e97;text-decoration:none;border-radius:11px;padding:12px 14px;line-height:1.6;flex:1;min-width:160px}.academy-notice{padding:14px 22px;background:#eaf4ff;border-radius:14px;margin:14px 0;color:#173459}.academy-notice a{color:#145cbd;font-weight:700}