.bpp{padding:var(--page-top-tight) 0 96px}.bpp__inner{max-width:1140px}.bpp-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;pointer-events:none}.bpp-progress span{display:block;height:100%;width:0;background:var(--accent-1);transition:width 80ms linear}.bpp-crumb{margin-bottom:28px}.bpp-crumb__link{color:var(--fg-faint);font-size:12px;text-transform:uppercase;letter-spacing:.1em;transition:color .2s}.bpp-crumb__link:hover{color:var(--accent-1)}.bpp-head{margin-bottom:36px;max-width:880px}.bpp-title{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05;letter-spacing:-.02em}.bpp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;color:var(--fg-faint);font-size:13px}.bpp-meta__sep{width:3px;height:3px;border-radius:50%;background:var(--fg-faint)}.bpp-meta__updated{color:var(--fg-dim)}.bpp-cover{margin:0 0 48px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.bpp-cover img{display:block;width:100%;height:auto}.bpp-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}.bpp-main{min-width:0;max-width:720px}.bpp-body h2,.bpp-body h3{scroll-margin-top:110px}.bpp-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:28px}.bpp-side__block{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--card, rgba(127, 127, 127, .04))}.bpp-side__label{margin:0 0 12px;color:var(--fg-faint);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em}.bpp-rel__list{display:flex;flex-direction:column;gap:14px}.bpp-rel__card{display:flex;gap:12px;align-items:flex-start}.bpp-rel__thumb{flex:none;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-1) 18%,transparent),color-mix(in srgb,var(--accent-1) 4%,transparent))}.bpp-rel__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.bpp-rel__initial{font-size:24px;color:color-mix(in srgb,var(--accent-1) 55%,transparent)}.bpp-rel__text{display:flex;flex-direction:column;gap:4px;min-width:0}.bpp-rel__title{color:var(--fg);font-size:13.5px;font-weight:550;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.bpp-rel__card:hover .bpp-rel__title{color:var(--accent-1)}.bpp-rel__date{color:var(--fg-faint);font-size:11px}.bpp-share__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bpp-share__btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);color:var(--fg-dim);transition:color .2s,border-color .2s}.bpp-share__btn:hover{color:var(--accent-1);border-color:var(--accent-1)}.bpp-share__copy{cursor:pointer;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--fg-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em;transition:color .2s,border-color .2s}.bpp-share__copy:hover{color:var(--accent-1);border-color:var(--accent-1)}.bpp-cta__title{margin:0 0 6px;color:var(--fg);font-size:16px;font-weight:600;letter-spacing:-.01em}.bpp-cta__text{margin:0 0 16px;color:var(--fg-dim);font-size:13px;line-height:1.6}.bpp-author{display:flex;align-items:center;gap:16px;margin-top:48px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card, rgba(127, 127, 127, .04))}.bpp-author__avatar{flex:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent-1);border:1px solid color-mix(in srgb,var(--accent-1) 40%,transparent);background:color-mix(in srgb,var(--accent-1) 10%,transparent)}.bpp-author__name{margin:0;color:var(--fg);font-size:14px;font-weight:600}.bpp-author__bio{margin:4px 0 0;color:var(--fg-dim);font-size:13px;line-height:1.5}.bpp-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.bpp-state{padding:72px 0;text-align:center;color:var(--fg-dim);display:flex;flex-direction:column;align-items:center;gap:18px}.bpp-retry{cursor:pointer;display:inline-flex;align-items:center;padding:10px 22px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--fg);font-size:14px;transition:border-color .2s,color .2s}.bpp-retry:hover,.bpp-retry--accent{border-color:var(--accent-1);color:var(--accent-1)}@media (max-width: 1023px){.bpp-layout{display:block}.bpp-main{max-width:720px}.bpp-side{position:static;margin-top:48px;max-width:720px}}@media (max-width: 640px){.bpp{padding:116px 0 72px}}