.bp{background:var(--kc-color-bg);min-height:100vh;color:var(--kc-color-fg);font-family:var(--kc-font-sans)}.bp-container{width:100%;max-width:640px;margin:0 auto}.bp-article{padding:var(--kc-space-20) var(--kc-space-6) var(--kc-space-20);background:var(--kc-color-bg)}.bp-back-btn--top{margin-bottom:var(--kc-space-8)}.bp-head__meta{margin-top:var(--kc-space-3);align-items:center;gap:var(--kc-space-2);font-family:var(--kc-font-mono);font-size:var(--kc-text-xs);letter-spacing:var(--kc-tracking-wide);color:var(--kc-color-fg-subtle);flex-wrap:wrap;display:flex}.bp-head__author-name{font-weight:var(--kc-weight-medium);color:var(--kc-color-fg)}.bp-title{max-width:640px}a.bp-head__author{text-decoration:none}a.bp-head__author:hover .bp-head__author-name{color:var(--kc-vibrant-orange)}.bp-excerpt{margin-top:var(--kc-space-16);font-size:var(--kc-text-lg);line-height:var(--kc-leading-body);color:var(--kc-color-fg-muted)}.bp-body{margin-top:var(--kc-space-8)}.bp-p{margin:var(--kc-space-4) 0;font-size:var(--kc-text-lg);line-height:var(--kc-leading-body);color:var(--kc-color-fg-muted)}.bp-strong{font-weight:var(--kc-weight-medium);color:var(--kc-color-fg)}.bp-link{color:var(--kc-vibrant-orange);text-decoration:none}.bp-link:hover{text-decoration:underline}.bp-code{padding:var(--kc-space-1) var(--kc-space-2);border-radius:var(--kc-radius-sm);background:var(--kc-color-surface-soft);color:var(--kc-color-fg);font-family:var(--kc-font-mono);font-size:var(--kc-text-md)}.bp-h2{margin:var(--kc-space-10) 0 var(--kc-space-3);font-size:var(--kc-text-h3);line-height:var(--kc-leading-h3);font-weight:var(--kc-weight-medium);letter-spacing:var(--kc-tracking-tight);color:var(--kc-color-fg)}.bp-h2[id]{scroll-margin-top:var(--kc-space-16)}.bp-pre{margin:var(--kc-space-6) 0;padding:var(--kc-space-4);border-radius:var(--kc-radius-lg);background:var(--kc-color-fg);color:var(--kc-pure-white);font-family:var(--kc-font-mono);font-size:var(--kc-text-md);overflow-x:auto}.bp-img{--bp-img-width:min(1000px, 100vw);margin:var(--kc-space-8) 0;width:var(--bp-img-width);max-width:none;margin-left:calc(50% - var(--bp-img-width) / 2);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-lg);height:auto}.bp-quote{margin:var(--kc-space-6) 0;padding-left:var(--kc-space-6);border-left:var(--kc-space-1) solid var(--kc-vibrant-orange);font-size:var(--kc-text-lg);line-height:var(--kc-leading-body);color:var(--kc-color-fg-muted);font-style:italic}.bp-list{margin:var(--kc-space-5) 0;padding-left:var(--kc-space-6);gap:var(--kc-space-2);font-size:var(--kc-text-lg);line-height:var(--kc-leading-body);color:var(--kc-color-fg-muted);flex-direction:column;list-style:outside;display:flex}.bp-list--ordered{list-style:decimal}.bp-gallery{margin-top:var(--kc-space-16)}.bp-gallery__label{margin:0 0 var(--kc-space-4);font-family:var(--kc-font-mono);font-size:var(--kc-text-xs);text-transform:uppercase;letter-spacing:var(--kc-tracking-wide);color:var(--kc-color-fg-muted)}.bp-gallery__stage{border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-lg);background:var(--kc-color-surface-soft);position:relative;overflow:hidden}.bp-gallery__frame{aspect-ratio:16/10;width:100%}.bp-gallery__img{object-fit:cover;width:100%;height:100%}.bp-gallery__nav{padding:var(--kc-space-2) var(--kc-space-3);border-radius:var(--kc-radius-pill);background:var(--kc-pure-white);border:1px solid var(--kc-color-border);color:var(--kc-color-fg);font-size:var(--kc-text-md);font-weight:var(--kc-weight-medium);cursor:pointer;transition:border-color var(--kc-duration) var(--kc-ease);position:absolute;top:50%;transform:translateY(-50%)}.bp-gallery__nav:hover{border-color:var(--kc-grey-300)}.bp-gallery__nav--prev{left:var(--kc-space-3)}.bp-gallery__nav--next{right:var(--kc-space-3)}.bp-gallery__count{right:var(--kc-space-3);bottom:var(--kc-space-3);padding:var(--kc-space-1) var(--kc-space-3);border-radius:var(--kc-radius-pill);background:var(--kc-color-fg);color:var(--kc-pure-white);font-family:var(--kc-font-mono);font-size:var(--kc-text-xs);position:absolute}.bp-gallery__caption{margin-top:var(--kc-space-3);font-size:var(--kc-text-md);color:var(--kc-color-fg-muted);font-style:italic}.bp-gallery__thumbs{margin-top:var(--kc-space-4);gap:var(--kc-space-2);flex-wrap:wrap;display:flex}.bp-gallery__thumb{width:var(--kc-space-20);height:var(--kc-space-12);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-sm);cursor:pointer;transition:border-color var(--kc-duration) var(--kc-ease);overflow:hidden}.bp-gallery__thumb:hover{border-color:var(--kc-grey-300)}.bp-gallery__thumb--active{border-color:var(--kc-vibrant-orange)}.bp-gallery__thumb-img{object-fit:cover;width:100%;height:100%}.bp-footer-row{margin-top:var(--kc-space-16);padding-top:var(--kc-space-8);border-top:1px solid var(--kc-color-border);justify-content:space-between;align-items:center;display:flex}.bp-toc{right:var(--kc-space-6);bottom:var(--kc-space-6);align-items:flex-end;gap:var(--kc-space-3);flex-direction:column;display:flex;position:fixed}.bp-toc__panel{width:calc(var(--kc-space-40) * 2);max-height:calc(100vh - var(--kc-space-40));padding:var(--kc-space-4);border:1px solid var(--kc-color-border);border-radius:var(--kc-radius-lg);background:var(--kc-color-bg);overflow-y:auto}.bp-toc__heading{margin-bottom:var(--kc-space-3);font-family:var(--kc-font-mono);font-size:var(--kc-text-xs);font-weight:var(--kc-weight-medium);letter-spacing:var(--kc-tracking-wide);text-transform:uppercase;color:var(--kc-color-fg)}.bp-toc__list{gap:var(--kc-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bp-toc__list a{padding:var(--kc-space-2);border-radius:var(--kc-radius-sm);font-size:var(--kc-text-md);line-height:var(--kc-leading-body);color:var(--kc-color-fg-muted);transition:color var(--kc-duration) var(--kc-ease),background var(--kc-duration) var(--kc-ease);text-decoration:none;display:block}.bp-toc__list a:hover,.bp-toc__list a:focus-visible{color:var(--kc-color-fg);background:var(--kc-color-surface-soft)}.bp-toc__trigger svg{transition:transform var(--kc-duration) var(--kc-ease)}.bp-toc__trigger[aria-expanded=true] svg{transform:rotate(180deg)}@media(max-width:767px){.bp-article{padding:var(--kc-space-13) var(--kc-space-5) var(--kc-space-13)}.bp-footer-row{align-items:flex-start;gap:var(--kc-space-4);flex-direction:column}.bp-toc{right:var(--kc-space-4);bottom:var(--kc-space-4);left:var(--kc-space-4)}.bp-toc__panel{width:100%;max-height:calc(100vh - var(--kc-space-30))}}