.bpp-page{min-height:100vh;font-family:Inter,Inter Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bpp-breadcrumb-wrap{max-width:1320px;margin:0 auto;padding:20px 32px 0}.bpp-outer{max-width:1320px;margin:0 auto;padding:0 32px 80px}.bpp-grid{display:grid;grid-template-columns:220px 1fr 280px;gap:40px;align-items:start}.bpp-toc-panel{position:sticky;top:96px;align-self:start}.bpp-toc-title{font-size:.75rem;font-weight:700;color:var(--color-primary);margin:0 0 14px}.bpp-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.bpp-toc-item{line-height:1.4}.bpp-toc-item--h3{padding-left:12px}.bpp-toc-link{font-size:.8125rem;color:var(--color-text-gray);text-decoration:none;display:block;padding:4px 8px;border-left:2px solid transparent;border-radius:0 4px 4px 0;transition:color .15s,border-color .15s,background .15s;line-height:1.45}.bpp-toc-link:hover{color:var(--color-secondary);background:#f0f6ff}.bpp-toc-link--active{color:var(--color-primary);border-left-color:var(--color-primary);background:#eaf3fb;font-weight:600}.bpp-main{min-width:0;display:flex;flex-direction:column}.bpp-featured-image-wrap{overflow:hidden;border-radius:14px;margin-bottom:24px;width:100%;aspect-ratio:16 / 9;background:var(--color-secondary)}.bpp-featured-image{width:100%;height:100%;object-fit:cover;display:block}.bpp-category{display:inline-flex;align-items:center;background:#0c78ba14;color:var(--color-primary);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.25rem .875rem;border-radius:100px;margin-bottom:14px}.bpp-title{font-size:2.25rem;font-weight:800;color:var(--color-secondary);margin:0 0 12px;line-height:1.2;letter-spacing:-.03em}.bpp-excerpt{font-size:1.0625rem;color:var(--color-text-gray);line-height:1.7;margin:0 0 20px}.bpp-byline{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px}.bpp-byline-meta{display:flex;align-items:center;gap:8px;color:var(--color-text-gray);font-size:.875rem}.bpp-byline-dot{width:3px;height:3px;border-radius:50%;background:#c4cdd6;flex-shrink:0}.bpp-byline-date,.bpp-byline-reading{font-size:.875rem;color:var(--color-text-gray)}.bpp-authors{display:flex;align-items:center;gap:10px}.bpp-authors-avatars{display:flex;align-items:center}.bpp-authors-avatar-wrap{display:block;margin-left:-8px}.bpp-authors-avatar-wrap:first-child{margin-left:0}.bpp-authors-avatar-wrap--0{z-index:4}.bpp-authors-avatar-wrap--1{z-index:3}.bpp-authors-avatar-wrap--2{z-index:2}.bpp-authors-avatar-wrap--3{z-index:1}.bpp-authors-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff;background:#dce8f4}.bpp-authors-avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cce0f5,#a8c8ec);font-size:.625rem;font-weight:800;color:var(--color-primary);-webkit-user-select:none;user-select:none}.bpp-authors-names{font-size:.9rem;color:var(--color-text-gray);font-weight:500}.bpp-authors-name-link{color:var(--color-secondary);font-weight:600;text-decoration:none;transition:color .15s}.bpp-authors-name-link:hover{color:var(--color-primary)}.bpp-authors-name{color:var(--color-secondary);font-weight:600}.bpp-divider{border:none;border-top:1px solid #eef2f7;margin:0 0 28px}.bpp-article{min-width:0}.bpp-body{font-size:1.0625rem;line-height:1.85;color:#374151}.bpp-body .pt-paragraph:first-of-type{font-size:1.0625rem;font-weight:500;color:#1a2e45;line-height:1.75;padding:20px 24px;background:linear-gradient(135deg,#f0f7ff,#e6f3fc);border-left:4px solid var(--color-primary);border-right:4px solid var(--color-primary);margin-bottom:1.75rem}.bpp-back{padding-top:12px;margin-top:36px;border-top:1px solid #eef2f7}.bpp-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);font-size:.9rem;font-weight:600;text-decoration:none}.bpp-back-link:hover{text-decoration:underline}.bpp-sidebar{display:flex;flex-direction:column;gap:10px;position:sticky;top:96px;align-self:start}.bpp-sidebar-card{background:#fff;border-radius:14px;box-shadow:0 1px 12px #002a5212;padding:18px 18px 16px}.bpp-sidebar-card-title{font-size:.75rem;font-weight:700;color:var(--color-primary);margin:0 0 14px}.bpp-sidebar-authors{display:flex;flex-direction:column;gap:12px}.bpp-sidebar-author{display:flex;align-items:center;gap:10px}.bpp-sidebar-author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #eef3f8;display:block;background:#dce8f4}.bpp-sidebar-author-avatar--initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cce0f5,#a8c8ec);font-size:.75rem;font-weight:800;color:var(--color-primary);-webkit-user-select:none;user-select:none}.bpp-sidebar-author-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bpp-sidebar-author-name{font-size:.875rem;font-weight:700;color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpp-sidebar-author-name--link{text-decoration:none;transition:color .15s;font-size:.875rem;font-weight:700;color:var(--color-secondary)}.bpp-sidebar-author-name--link:hover{color:var(--color-primary)}.bpp-sidebar-author-role{font-size:.75rem;color:var(--color-text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpp-sidebar-info-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.bpp-sidebar-info-item{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.bpp-sidebar-info-label{color:var(--color-text-gray)}.bpp-sidebar-info-value{font-weight:600;color:var(--color-secondary);text-align:right}.bpp-sidebar-more-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.bpp-sidebar-more-item{border-bottom:1px solid #eef3f8}.bpp-sidebar-more-item:last-child{border-bottom:none}.bpp-sidebar-more-link{display:flex;gap:10px;align-items:flex-start;padding:10px 0;text-decoration:none;color:inherit;transition:opacity .18s}.bpp-sidebar-more-link:hover{opacity:.72}.bpp-sidebar-more-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#eef3f8}.bpp-sidebar-more-text{display:flex;flex-direction:column;gap:3px;min-width:0}.bpp-sidebar-more-title{font-size:.8125rem;font-weight:600;color:var(--color-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bpp-sidebar-more-date{font-size:.75rem;color:var(--color-text-gray)}.bpp-sidebar-cta{background:linear-gradient(140deg,var(--color-secondary) 0%,#0c3568 100%);border-radius:14px;padding:22px 18px;text-align:center;color:#fff}.bpp-sidebar-cta-heading{font-size:.9375rem;font-weight:700;margin:0 0 6px;line-height:1.4}.bpp-sidebar-cta-text{font-size:.8rem;opacity:.8;line-height:1.6;margin:0 0 16px}.bpp-sidebar-cta-btn{display:inline-block;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:700;padding:8px 20px;border-radius:8px;text-decoration:none;transition:opacity .2s}.bpp-sidebar-cta-btn:hover{opacity:.88}.bpp-related{margin-top:48px}.bpp-related-heading{font-size:1.375rem;font-weight:700;color:var(--color-secondary);margin:0 0 24px}.bpp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bpp-related-card{border:1px solid #e8edf3;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;background:#fff;transition:box-shadow .2s,transform .2s}.bpp-related-card:hover{box-shadow:0 8px 28px #002a521c;transform:translateY(-3px)}.bpp-related-image-wrap{position:relative;overflow:hidden;padding-top:56.25%;background:#eef2f7;flex-shrink:0}.bpp-related-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.bpp-related-card:hover .bpp-related-image{transform:scale(1.03)}.bpp-related-image-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:auto;opacity:.3;object-fit:contain}.bpp-related-body{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}.bpp-related-title{font-weight:700;font-size:.9375rem;color:var(--color-secondary);margin:0 0 8px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.bpp-related-date{font-size:.8rem;color:var(--color-text-gray);margin-top:8px}.bpp-related-arrow{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:var(--color-primary);margin-top:10px}.bpp-not-found{max-width:540px;margin:120px auto 0;text-align:center;padding:0 24px}.bpp-not-found h1{font-size:1.75rem;font-weight:700;color:var(--color-secondary);margin:0 0 1rem}.bpp-not-found p{color:var(--color-text-gray);line-height:1.65}@keyframes bpp-shimmer{to{transform:translate(100%)}}.bpp-skeleton-outer{max-width:1320px;margin:0 auto;padding:0 32px 80px}.bpp-skeleton-grid{display:grid;grid-template-columns:220px 1fr 280px;gap:40px;padding-top:32px}.bpp-skeleton-toc{height:220px;border-radius:10px;background:#e8edf4;position:relative;overflow:hidden}.bpp-skeleton-toc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-100%);animation:bpp-shimmer 1.5s infinite}.bpp-skeleton-main{display:flex;flex-direction:column;min-width:0}.bpp-skeleton-header{height:200px;background:#e8edf4;border-radius:14px;margin-bottom:20px;position:relative;overflow:hidden}.bpp-skeleton-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-100%);animation:bpp-shimmer 1.5s infinite}.bpp-skeleton-block{border-radius:14px;background:#e8edf4;overflow:hidden;position:relative}.bpp-skeleton-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-100%);animation:bpp-shimmer 1.5s infinite}.bpp-skeleton-article{height:500px}.bpp-skeleton-sidebar{display:flex;flex-direction:column;gap:16px}.bpp-skeleton-sidebar-card{height:140px;border-radius:14px;background:#e8edf4;overflow:hidden;position:relative}.bpp-skeleton-sidebar-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-100%);animation:bpp-shimmer 1.5s infinite}@media (min-width: 1280px){.bpp-grid,.bpp-skeleton-grid{grid-template-columns:240px 1fr 300px;gap:48px}}@media (max-width: 1100px){.bpp-grid{grid-template-columns:1fr 260px;gap:28px}.bpp-toc-panel{display:none}.bpp-skeleton-grid{grid-template-columns:1fr 260px;gap:28px}.bpp-skeleton-toc{display:none}.bpp-title{font-size:2rem}}@media (max-width: 768px){.bpp-breadcrumb-wrap{padding:18px 16px 0}.bpp-outer{padding:0 16px 56px}.bpp-grid{grid-template-columns:1fr;gap:20px}.bpp-main{order:1}.bpp-sidebar{order:2;position:static;flex-direction:row;flex-wrap:wrap;gap:12px}.bpp-sidebar-card{flex:1 1 240px;min-width:0}.bpp-sidebar-cta{flex:1 1 100%}.bpp-featured-image-wrap{border-radius:10px;margin-bottom:16px}.bpp-title{font-size:1.625rem;letter-spacing:-.02em}.bpp-excerpt{font-size:.9375rem}.bpp-related-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bpp-skeleton-grid{grid-template-columns:1fr;padding-top:16px}.bpp-skeleton-outer{padding:0 16px 56px}.bpp-skeleton-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px}.bpp-skeleton-sidebar-card{flex:1 1 240px}}@media (max-width: 480px){.bpp-sidebar{flex-direction:column;gap:10px}.bpp-sidebar-card{flex:1 1 auto}.bpp-skeleton-sidebar{flex-direction:column}.bpp-skeleton-sidebar-card{flex:1 1 auto}.bpp-title{font-size:1.375rem}.bpp-related-grid{grid-template-columns:1fr}}@media (max-width: 360px){.bpp-title{font-size:1.25rem}.bpp-body{font-size:.9375rem}}.bst-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #002a5212;padding:24px 24px 20px}.bst-title{font-size:.75rem;font-weight:700;color:var(--color-primary);margin:0 0 1rem}.bst-copy-btn{display:flex;align-items:center;gap:.55rem;width:100%;padding:.625rem 1rem;border-radius:8px;border:1.5px solid #dde4ed;background:#f8fafc;color:var(--color-secondary);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .18s,background .18s,color .18s;text-align:left}.bst-copy-btn:hover:not(:disabled){border-color:var(--color-primary);background:#f0f7ff;color:var(--color-primary)}.bst-copy-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bst-copy-btn:disabled{cursor:default}.bst-copy-btn[aria-label*=Copied]{border-color:#16a34a;background:#f0fdf4;color:#16a34a}.bst-copy-btn[aria-label*=failed]{border-color:#dc2626;background:#fef2f2;color:#dc2626}.bst-copy-icon{display:flex;align-items:center;flex-shrink:0}.bst-copy-label{flex:1}.bst-divider-label{font-size:.72rem;color:var(--color-text-gray);text-align:center;margin:.875rem 0 .625rem;position:relative}.bst-divider-label:before,.bst-divider-label:after{content:"";position:absolute;top:50%;width:28%;height:1px;background:#e2e8f0}.bst-divider-label:before{left:0}.bst-divider-label:after{right:0}.bst-ai-list{display:flex;flex-direction:column;gap:.5rem}.bst-ai-btn{display:flex;align-items:center;gap:.55rem;padding:.5rem .875rem;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .18s,transform .14s;border:1.5px solid transparent}.bst-ai-btn:hover{opacity:.88;transform:translateY(-1px)}.bst-ai-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bst-ai-btn span{flex:1}.bst-ai-btn--chatgpt{background:#10a37f;color:#fff}.bst-ai-btn--claude{background:#d97757;color:#fff}.bst-ai-logo{width:16px;height:16px;flex-shrink:0;object-fit:contain}.bst-ai-logo--white{filter:brightness(0) invert(1)}.bst-external-icon{opacity:.8;flex-shrink:0}.bst-hint{font-size:.74rem;color:var(--color-text-gray);line-height:1.5;margin:.875rem 0 0;text-align:center}.bcta-block{display:flex;flex-direction:column;gap:10px;margin:40px 0 8px;padding:28px 32px;background:linear-gradient(135deg,#eaf4fd,#f0f7ff);border:1px solid rgba(12,120,186,.18);border-left:4px solid var(--color-primary, #0c78ba);border-right:4px solid var(--color-primary, #0c78ba)}.bcta-icon{color:var(--color-primary, #0c78ba);line-height:0}.bcta-heading{font-size:1.0625rem;font-weight:700;color:var(--color-secondary, #0d2d52);margin:0;line-height:1.45}.bcta-body{font-size:.9375rem;color:#4a6080;line-height:1.65;margin:0}.bcta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.bcta-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:8px;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .18s,box-shadow .18s;white-space:nowrap}.bcta-btn--primary{background:var(--color-primary, #0c78ba);color:#fff;box-shadow:0 2px 10px #0c78ba40}.bcta-btn--primary:hover{opacity:.88;box-shadow:0 4px 16px #0c78ba52}.bcta-btn--secondary{background:#fff;color:var(--color-secondary, #0d2d52);border:1.5px solid #c9d9eb}.bcta-btn--secondary:hover{border-color:var(--color-primary, #0c78ba);color:var(--color-primary, #0c78ba)}.bcta-sub-form{display:flex;flex-direction:column;gap:8px;margin-top:6px}.bcta-sub-row{display:flex;gap:8px}.bcta-sub-input{flex:1;padding:10px 14px;border:1.5px solid #c9d9eb;border-radius:8px;font-size:.875rem;font-family:inherit;color:#0d1f35;background:#fff;outline:none;transition:border-color .15s;min-width:0}.bcta-sub-input:focus{border-color:var(--color-primary, #0c78ba);box-shadow:0 0 0 3px #0c78ba1a}.bcta-sub-input--error{border-color:#dc2626}.bcta-sub-input:disabled{background:#f4f7fb;color:#aab4bf}.bcta-sub-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--color-primary, #0c78ba);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .18s}.bcta-sub-btn:hover:not(:disabled){opacity:.88}.bcta-sub-btn:disabled{opacity:.65;cursor:not-allowed}.bcta-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:bcta-spin .7s linear infinite}@keyframes bcta-spin{to{transform:rotate(360deg)}}.bcta-sub-error{font-size:.8rem;color:#dc2626;margin:0}.bcta-sub-error a{color:#dc2626}.bcta-sub-privacy{font-size:.75rem;color:#8fa3b8;margin:0}.bcta-sub-success{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.9rem;font-weight:600;color:#16a34a}@media (max-width: 600px){.bcta-block{padding:22px 20px}.bcta-btn{width:100%}.bcta-sub-row{flex-direction:column}.bcta-sub-btn{width:100%;justify-content:center}}