.bk-bento{grid-template-columns:minmax(280px,.9fr) minmax(0,2fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"hero pages" "side pages"}.bk-hero{grid-area:hero;justify-content:flex-end;gap:12px;padding:22px;container-type:inline-size}.bk-hero h1{font-size:clamp(28px,11cqi,48px);line-height:1;color:var(--ink-strong)}.bk-hero .lede{font-size:13px;line-height:1.5;color:var(--ink)}.bk-search{margin-top:4px}.bk-search input{width:100%;height:38px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:rgba(255,255,255,.06);color:var(--ink-strong);font:400 12px/1 var(--sans);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.bk-search input::placeholder{color:var(--faint)}.bk-search input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-search input::-webkit-search-cancel-button,.bk-search input::-webkit-search-decoration{-webkit-appearance:none}.bk-search input:hover{background:rgba(255,255,255,.09)}.bk-search input:focus{outline:0;border-color:rgba(255,255,255,.28);box-shadow:var(--focus)}.bk-side{grid-area:side;gap:10px;padding:16px 12px 16px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable}.bk-tags{display:flex;flex-direction:column;gap:2px;margin-top:8px}.bk-tags a{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:999px;color:var(--ink);font:400 13px/1 var(--sans);text-decoration:none;transition:background-color .18s ease,color .18s ease}.bk-tags a:hover{background:rgba(255,255,255,.06);color:var(--ink-strong)}.bk-tags a:active{transform:scale(.985)}.bk-tags a.on{background:#fff;color:var(--frame-ink)}.bk-tags em{font:300 11px/1 var(--mono);font-style:normal;opacity:.6}.bk-pages{grid-area:pages;display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 12px 16px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable}.bk-filter{font:400 12.5px/1 var(--mono);color:var(--muted)}.bk-filter a{color:var(--ink-strong)}.bk-entry{padding:18px 20px;border-radius:12px;background:var(--tile-hi);animation:bk-rise .42s cubic-bezier(.2,.7,.2,1) both}.bk-entry header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bk-by{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.bk-by b{font:450 13px/1 var(--mono);color:var(--ink-strong);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:3px;transition:-webkit-text-decoration-color .18s ease;transition:text-decoration-color .18s ease;transition:text-decoration-color .18s ease,-webkit-text-decoration-color .18s ease}.bk-by:hover b{-webkit-text-decoration-color:rgba(255,255,255,.55);text-decoration-color:rgba(255,255,255,.55)}.bk-by em{font:400 11.5px/1 var(--mono);font-style:normal;color:var(--muted)}.bk-entry time{font:400 11px/1 var(--mono);color:var(--faint)}.bk-entry h2{margin-bottom:10px;font:350 18px/1.25 var(--sans);letter-spacing:-.01em;color:var(--ink-strong)}.bk-entry footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.bk-entry footer a.chip-s{text-decoration:none;transition:background-color .18s ease}.bk-entry footer a.chip-s:hover{background:rgba(255,255,255,.16)}.bk-entry .src{font:400 11.5px/1 var(--mono);color:var(--muted);text-decoration:none;transition:color .18s ease}.bk-entry .src:hover{color:var(--ink-strong)}.bk-entry .md{font-size:14px;line-height:1.7;color:var(--ink)}.bk-entry .md .md-code,.bk-entry .md h4,.bk-entry .md p+p,.bk-entry .md ul{margin-top:10px}.bk-entry .md ul{padding-left:20px}.bk-entry .md h4{font:500 14px/1.3 var(--sans);color:var(--ink-strong)}.bk-entry .md code{padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.07);font:400 .9em/1 var(--mono);color:var(--ink-strong)}.bk-entry .md a{color:var(--ink-strong);text-underline-offset:3px}.bk-entry .md-code{padding:10px 14px;border-radius:12px;background:var(--screen);overflow-x:auto;font-size:12.5px}.bk-entry .md-code .code{display:block}.bk-empty{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;text-align:center}.bk-empty h2{font:250 28px/1 var(--sans);color:var(--ink-strong)}.bk-empty p{max-width:48ch;font-size:13px;line-height:1.5;color:var(--muted)}.bk-empty .ghost-btn{margin-top:6px}@keyframes bk-rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.bk-entry{animation:none}}@media (max-width:1100px){.bk-pages{min-height:480px}}