.bp-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.bp-list-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--gray-200);transition:transform .2s ease,box-shadow .2s ease}.bp-list-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,8%)}.bp-list-card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--gray-100)}.bp-list-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bp-list-card:hover .bp-list-card-img img{transform:scale(1.05)}.bp-list-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%)}.bp-list-card-placeholder-icon{font-size:40px;opacity:.35}.bp-list-card-cat{position:absolute;top:12px;left:12px;background:#fff;color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.bp-list-card-body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}.bp-list-card-title{font-size:17px;font-weight:700;line-height:1.4;color:var(--dark);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-list-card-desc{font-size:13px;line-height:1.55;color:var(--gray-500);margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-list-card-meta{font-size:12px;color:var(--gray-400);display:flex;align-items:center;gap:6px}@media(max-width:1024px){.bp-list-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:640px){.bp-list-grid{grid-template-columns:1fr;gap:16px}.bp-list-card-img{aspect-ratio:2/1}}.bp-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}.bp-page-btn{display:inline-flex;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;color:var(--blue);background:#fff;border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;transition:all .15s ease}.bp-page-btn:hover:not(.bp-page-disabled){background:var(--blue);color:#fff;border-color:var(--blue)}.bp-page-disabled{color:var(--gray-300);cursor:default;pointer-events:none}.bp-page-numbers{display:flex;align-items:center;gap:4px}.bp-page-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:14px;font-weight:600;color:var(--gray-600);background:#fff;border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;transition:all .15s ease}.bp-page-num:hover:not(.bp-page-active){border-color:var(--blue);color:var(--blue)}.bp-page-active{background:var(--blue);color:#fff;border-color:var(--blue)}.bp-page-dots{display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;font-size:14px;color:var(--gray-400)}.bp-page-info{text-align:center;margin-top:16px;font-size:13px;color:var(--gray-400)}@media(max-width:640px){.bp-pagination{gap:6px}.bp-page-btn{padding:8px 14px;font-size:13px}.bp-page-num{width:36px;height:36px;font-size:13px}}.bp-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:14px;font-weight:600;text-decoration:none;margin-top:16px;transition:opacity .2s}.bp-back-link:hover{opacity:.7}.bp-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.bp-cat-card{display:flex;flex-direction:column;justify-content:center;padding:28px 24px;background:#fff;border:1px solid var(--gray-200);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}.bp-cat-card:hover{border-color:var(--blue);box-shadow:0 4px 20px rgba(21,88,214,.1);transform:translateY(-2px)}.bp-cat-card-name{font-family:var(--font-h);font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px}.bp-cat-card-count{font-size:13px;color:var(--gray-500)}@media(max-width:640px){.bp-cat-grid{grid-template-columns:1fr;gap:12px}.bp-cat-card{padding:20px 18px}}.bp-post-hero{padding:32px 48px 0;max-width:1260px;margin:0 auto}.bp-category-tag{display:inline-flex;align-items:center;gap:6px;background:var(--blue-3);border:1px solid rgba(21,88,214,.2);color:var(--blue);font-size:12px;font-weight:700;padding:5px 14px;border-radius:100px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;margin-bottom:20px;width:fit-content;transition:background .2s}.bp-category-tag:hover{background:rgba(21,88,214,.12)}.bp-post-hero h1{font-family:var(--font-h);font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--navy);margin-bottom:20px;max-width:820px}.bp-meta-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--gray-200)}.bp-author{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:opacity .2s}.bp-author:hover{opacity:.75}.bp-author-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center 15%;border:2px solid var(--gray-200);background:var(--gray-100)}.bp-author-name{font-size:14px;font-weight:600;color:var(--navy)}.bp-author-role{font-size:12px;color:var(--gray-400)}.bp-meta-divider{width:1px;height:28px;background:var(--gray-200)}.bp-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-400)}.bp-post-tags{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.bp-post-tag{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-500);font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;text-decoration:none;transition:all .18s}.bp-post-tag:hover{border-color:var(--blue);background:var(--blue-3);color:var(--blue)}.bp-post-cover{width:100%;max-width:1260px;margin:0 auto;padding:0 48px 48px}.bp-post-cover img{width:100%;aspect-ratio:2/1;border-radius:20px;max-height:480px;object-fit:cover;display:block;border:1px solid var(--gray-200);box-shadow:var(--sh-lg);background:var(--gray-100)}.bp-article-layout{max-width:1260px;margin:0 auto;padding:0 48px 88px;display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}.bp-article{min-width:0}.bp-article h2{font-family:var(--font-h);font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--navy);margin:56px 0 18px;padding-top:8px;scroll-margin-top:100px}.bp-article h2:first-of-type{margin-top:0}.bp-article h3{font-family:var(--font-h);font-size:18px;font-weight:700;color:var(--navy);margin:32px 0 12px;letter-spacing:-.01em;scroll-margin-top:100px}.bp-article p{font-size:16px;color:var(--gray-700);line-height:1.8;margin-bottom:20px;font-weight:300}.bp-article p strong{color:var(--navy);font-weight:600}.bp-article ul,.bp-article ol{margin:8px 0 24px 20px;display:flex;flex-direction:column;gap:8px}.bp-article li{font-size:16px;color:var(--gray-700);line-height:1.7;font-weight:300}.bp-article li strong{color:var(--navy);font-weight:600}.bp-article ul li::marker{color:var(--blue)}.bp-article ol li::marker{color:var(--blue);font-weight:700}.bp-article p code,.bp-article li code{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--blue);font-size:13px;padding:2px 7px;border-radius:5px}.bp-article pre{background:#0f1117;border:1px solid #1e2a3a;border-radius:12px;padding:20px 24px;overflow-x:hidden;white-space:pre-wrap;word-break:break-all;font-size:13.5px;line-height:1.65;color:#e2e8f0;margin:24px 0;box-shadow:var(--sh-md)}.bp-article blockquote{background:var(--blue-3);border:1px solid rgba(21,88,214,.15);border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:18px 22px;margin:28px 0}.bp-article blockquote p{margin:0;font-size:15px;color:var(--navy)}.bp-article img{max-width:100%;border-radius:12px;margin:32px 0;border:1px solid var(--gray-200);box-shadow:var(--sh-md)}.bp-article table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:12px;overflow:hidden;border:1px solid var(--gray-200);box-shadow:0 2px 12px rgba(0,0,0,4%);font-size:15px}.bp-article thead th{background:var(--navy);color:#fff;font-family:var(--font-h);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:14px 20px;text-align:left;border-bottom:2px solid var(--blue)}.bp-article tbody td{padding:14px 20px;color:var(--gray-600);border-bottom:1px solid var(--gray-100)}.bp-article tbody tr:last-child td{border-bottom:none}.bp-article tbody tr:nth-child(even) td{background:var(--gray-50,#F8FAFF)}.bp-article tbody tr:hover td{background:rgba(21,88,214,4%)}.bp-article tbody td:first-child{font-weight:600;color:var(--navy)}.bp-article tbody td strong{color:var(--blue);font-weight:800}.bp-author-bio{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;padding:32px;display:flex;gap:24px;align-items:flex-start;margin-top:64px}.bp-bio-avatar{width:72px;min-width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center 15%;flex-shrink:0;border:3px solid var(--white);box-shadow:var(--sh-md);aspect-ratio:1;background:var(--gray-200)}.bp-bio-name{font-family:var(--font-h);font-size:18px;font-weight:800;color:var(--navy);margin-bottom:4px}.bp-bio-title{font-size:13px;color:var(--blue);font-weight:600;margin-bottom:12px}.bp-bio-text{font-size:14px;color:var(--gray-500);line-height:1.65;font-weight:300;margin-bottom:16px}.bp-bio-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue);text-decoration:none;transition:gap .2s}.bp-bio-link:hover{gap:10px}.bp-sidebar{position:sticky;top:100px;font-size:13px}.bp-toc-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:var(--sh-sm)}.bp-toc-header{padding:16px 20px 12px;border-bottom:1px solid var(--gray-100);font-family:var(--font-h);font-size:13px;font-weight:800;color:var(--navy);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.bp-toc-list{padding:12px 20px 16px}.bp-toc-list a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;color:var(--gray-500);transition:all .18s;line-height:1.4;font-size:13px}.bp-toc-list a:hover{background:var(--blue-3);color:var(--blue)}.bp-toc-list a.active{background:var(--blue-3);color:var(--blue);font-weight:600}.bp-toc-list nav,.bp-toc-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.bp-toc-list li{margin:0}.bp-sidebar-widget{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:20px 22px;margin-top:20px}.bp-widget-title{font-family:var(--font-h);font-size:13px;font-weight:800;color:var(--navy);margin-bottom:14px;letter-spacing:-.01em}.bp-share-btns{display:flex;flex-direction:column;gap:8px}.bp-share-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);transition:all .18s;text-decoration:none;font-family:var(--font-b)}.bp-share-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-3)}.bp-related-mini{display:flex;flex-direction:column;gap:14px}.bp-related-mini-item{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:inherit;transition:opacity .18s}.bp-related-mini-item:hover{opacity:.75}.bp-related-mini-img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--gray-100);border:1px solid var(--gray-200)}.bp-related-mini-title{font-size:13px;font-weight:600;color:var(--navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-related-mini-date{font-size:11px;color:var(--gray-400);margin-top:3px}.bp-newsletter-widget{background:var(--navy);border-color:transparent}.bp-newsletter-input{width:100%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 13px;color:#fff;font-family:var(--font-b);font-size:13px;outline:none;margin-bottom:8px}.bp-newsletter-input::placeholder{color:rgba(255,255,255,.4)}.bp-newsletter-input:focus{border-color:var(--blue)}.bp-newsletter-btn{width:100%;background:var(--blue);color:#fff;border:none;padding:11px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-h);transition:background .2s}.bp-newsletter-btn:hover{background:var(--blue-2)}.bp-related-section{padding:64px 48px 88px;max-width:1260px;margin:0 auto}.bp-section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin-bottom:14px}.bp-section-label::before{content:'';width:20px;height:2px;background:var(--blue);border-radius:1px}.bp-section-title{font-family:var(--font-h);font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--navy);margin-bottom:32px}.bp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bp-related-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;transition:all .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.bp-related-card:hover{border-color:rgba(21,88,214,.3);box-shadow:0 8px 32px rgba(21,88,214,8%);transform:translateY(-3px)}.bp-related-card-img{position:relative;overflow:hidden}.bp-related-card-img img{width:100%;height:160px;object-fit:cover;display:block;transition:transform .4s;background:var(--gray-100)}.bp-related-card:hover .bp-related-card-img img{transform:scale(1.03)}.bp-related-card-cat{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.95);color:var(--blue);font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;letter-spacing:.05em;text-transform:uppercase}.bp-related-card-body{padding:18px 20px 22px;flex:1}.bp-related-card-title{font-family:var(--font-h);font-size:14px;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-related-card-date{font-size:12px;color:var(--gray-400)}.bp-post-cta{background:var(--navy);padding:72px 48px;position:relative;overflow:hidden}.bp-post-cta::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(27,110,243,6%) 1px,transparent 1px),linear-gradient(90deg,rgba(27,110,243,6%) 1px,transparent 1px);background-size:48px 48px}.bp-post-cta-inner{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:1}.bp-post-cta-title{font-family:var(--font-h);font-size:clamp(24px,3vw,36px);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}.bp-post-cta-title em{font-style:normal;color:#5b9bff}.bp-post-cta-sub{font-size:16px;color:rgba(255,255,255,.5);line-height:1.65;margin-bottom:32px;font-weight:300}@media(max-width:1024px){.bp-article-layout{grid-template-columns:1fr;gap:40px;padding:0 32px 64px}.bp-sidebar{position:static}.bp-related-grid{grid-template-columns:1fr 1fr}.bp-post-hero{padding:24px 32px 0}.bp-post-cover{padding:0 32px 32px}.bp-related-section{padding:48px 32px 64px}}@media(max-width:768px){.bp-article-layout{padding:0 24px 48px}.bp-post-hero{padding:16px 24px 0}.bp-post-cover{padding:0 24px 24px}.bp-meta-bar{gap:12px}.bp-meta-divider{display:none}.bp-post-tags{margin-left:0}.bp-related-grid{grid-template-columns:1fr}.bp-related-section{padding:40px 24px 48px}.bp-post-cta{padding:48px 24px}.bp-author-bio{flex-direction:column;text-align:center;align-items:center}}