.bl-hero{padding:46px 0 28px;background:linear-gradient(180deg,#eef5ff,#fff)}
.bl-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:8px 0 10px;color:#152238}
.bl-hero p{color:#4f5f78;max-width:720px;margin:0 0 18px}
.bl-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#1889df}
.bl-search{display:flex;gap:8px;max-width:520px}.bl-search input{flex:1;padding:12px 16px;border:1px solid #d6e2f1;border-radius:12px;font:inherit}.bl-search button{padding:12px 20px;border:0;border-radius:12px;background:#1889df;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.bl-cats{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.bl-cats a{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #d6e2f1;font-size:13px;color:#24529a;text-decoration:none}.bl-cats a.on,.bl-cats a:hover{background:#1889df;border-color:#1889df;color:#fff}
.bl-main{padding:28px 0 56px}
.bl-featured{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:#fff;border:1px solid #e4ebf4;border-radius:20px;overflow:hidden;box-shadow:0 16px 50px rgba(25,63,110,.10);margin-bottom:34px}
.bl-featured img{width:100%;height:100%;object-fit:cover;aspect-ratio:1200/630;display:block}
.bl-featured .cp{padding:28px;display:flex;flex-direction:column;justify-content:center}
.bl-featured h2{font-size:26px;line-height:1.25;margin:8px 0 10px}.bl-featured h2 a{color:#152238;text-decoration:none}
.bl-tag{font-size:12px;font-weight:700;color:#1889df;letter-spacing:.04em;text-transform:uppercase}
.bl-meta{font-size:13px;color:#69778c}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bl-card{background:#fff;border:1px solid #e4ebf4;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.bl-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(25,63,110,.12)}
.bl-card img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.bl-card .bd{padding:16px 18px 18px}.bl-card h3{font-size:17px;line-height:1.35;margin:6px 0 8px}.bl-card h3 a{color:#152238;text-decoration:none}.bl-card p{font-size:14px;color:#4f5f78;margin:0 0 10px}
.bl-pager{display:flex;gap:8px;justify-content:center;margin-top:34px;flex-wrap:wrap}.bl-pager a,.bl-pager span{padding:8px 14px;border-radius:10px;border:1px solid #d6e2f1;background:#fff;text-decoration:none;color:#24529a;font-size:14px}.bl-pager .on{background:#1889df;color:#fff;border-color:#1889df}
.bl-art{width:min(780px,92%);margin:0 auto;padding:26px 0 40px}
.bl-art h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:10px 0 12px;color:#152238}
.bl-art .lead{font-size:18px;color:#4f5f78;margin:0 0 14px}
.bl-by{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:13px;color:#69778c;margin-bottom:18px}
.bl-hero-img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:18px;display:block;margin:0 0 24px;box-shadow:0 14px 40px rgba(25,63,110,.14)}
.bl-toc{background:#f3f8ff;border:1px solid #dbe8f8;border-radius:14px;padding:14px 20px;margin:0 0 24px}.bl-toc b{font-size:14px}.bl-toc ol{margin:8px 0 0;padding-left:20px}.bl-toc a{color:#24529a;text-decoration:none;font-size:14px}
.bl-body{font-size:17px;line-height:1.8;color:#25324a}
.bl-body h2{font-size:26px;line-height:1.3;margin:36px 0 10px;color:#152238}.bl-body h3{font-size:20px;margin:26px 0 8px;color:#152238}
.bl-body p{margin:0 0 16px}.bl-body ul,.bl-body ol{margin:0 0 18px;padding-left:24px}.bl-body li{margin-bottom:6px}
.bl-body a{color:#1889df;text-decoration:underline}
.bl-body figure{margin:26px 0}.bl-body figure img{width:100%;height:auto;border-radius:14px;border:1px solid #e4ebf4;display:block}.bl-body figcaption{font-size:13px;color:#69778c;text-align:center;margin-top:8px}
.bl-body blockquote{margin:20px 0;padding:14px 18px;background:#fff8e6;border-left:4px solid #f5a623;border-radius:0 12px 12px 0;color:#5a4a1b}
.bl-cta{margin:34px 0;padding:24px;border-radius:18px;background:linear-gradient(135deg,#24529a,#1889df);color:#fff;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.bl-cta b{font-size:19px;display:block;margin-bottom:4px}.bl-cta span{opacity:.9;font-size:14px}.bl-cta a{background:#fff;color:#24529a;padding:12px 22px;border-radius:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.bl-author{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid #e4ebf4;border-radius:16px;background:#fff;margin:30px 0}.bl-author img{width:54px;height:54px;border-radius:12px;background:#fff;object-fit:contain;border:1px solid #e4ebf4;padding:6px}.bl-author p{margin:0;font-size:14px;color:#4f5f78}
.bl-rel{margin-top:10px}.bl-rel h2{font-size:22px}
@media(max-width:900px){.bl-grid{grid-template-columns:1fr 1fr}.bl-featured{grid-template-columns:1fr}}
@media(max-width:600px){.bl-grid{grid-template-columns:1fr}.bl-body{font-size:16px}.bl-cta{flex-direction:column;align-items:flex-start}}