.bb{gap:var(--space-5);margin-bottom:var(--space-6);min-height:9rem;display:grid}.bb-search label,.bb-label{font-family:var(--font-family-mono);font-size:var(--font-size-mono);letter-spacing:var(--letter-spacing-label);color:var(--color-foreground-muted);margin-bottom:var(--space-2);display:block}.bb-field{max-width:40rem;position:relative}.bb-field input{width:100%;min-height:3.25rem;padding:0 3rem 0 var(--space-4);font:inherit;font-size:var(--font-size-body);color:var(--color-foreground);background:var(--color-surface);border:var(--border-width-thick) solid var(--color-rule);border-radius:var(--radius-md)}.bb-field input::placeholder{color:var(--color-foreground-subtle)}.bb-field input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.bb-x{width:var(--target-min);color:var(--color-foreground);cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;inset:0 0 0 auto}.bb-x:hover{color:var(--color-primary)}.bb-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.bb-chip{min-height:var(--target-min);padding:0 var(--space-3);align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-mono);letter-spacing:var(--letter-spacing-label);color:var(--color-foreground);border:var(--border-width-thick) solid var(--color-rule);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;display:inline-flex}.bb-chip small{font-size:inherit;color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}.bb-chip:hover:not(:disabled):not(.on){background:var(--color-surface)}.bb-chip.on{background:var(--color-foreground);color:var(--color-foreground-inverse)}.bb-chip.on small{color:var(--color-dark-text-muted)}.bb-chip:disabled{cursor:default;color:var(--color-foreground-subtle);border-color:var(--color-border-strong)}.bb-status{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-top:var(--border-width-thick) solid var(--color-rule);font-family:var(--font-family-mono);font-size:var(--font-size-mono);letter-spacing:var(--letter-spacing-label);flex-wrap:wrap;display:flex}.bb-clear{min-height:var(--target-min);color:var(--color-primary);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.bb-empty{padding-block:var(--space-6)}.bb-empty b{font-size:var(--font-size-h4);font-weight:var(--font-weight-heavy)}.bb-empty p{margin-top:var(--space-2);color:var(--color-foreground-muted)}.bb-list{border-bottom:var(--border-width-thick) solid var(--color-rule)}.bb-card{gap:var(--space-2) var(--space-6);padding-block:var(--space-5);border-top:var(--border-width-thick) solid var(--color-rule);grid-template-columns:minmax(0,1fr);display:grid}.bb-list .bb-card:first-child{border-top:var(--border-width-thin) solid var(--color-border-strong)}.bb-meta{gap:var(--space-1) var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-mono);letter-spacing:var(--letter-spacing-label);color:var(--color-foreground-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.bb-card h2{font-size:var(--font-size-h3);font-stretch:var(--font-width-body);font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-tight);line-height:1.1}.bb-card h2 a{color:var(--color-foreground);text-decoration:none}.bb-card h2 a:hover{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:var(--border-width-thick);text-underline-offset:6px}.bb-desc{color:var(--color-foreground-muted);max-width:var(--measure)}.bb-card-tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bb-card-tags a{min-height:var(--target-min);font-family:var(--font-family-mono);font-size:var(--font-size-mono);letter-spacing:var(--letter-spacing-label);color:var(--color-foreground-muted);align-items:center;text-decoration:none;display:inline-flex}.bb-card-tags a:before{content:"#";margin-inline-end:2px}.bb-card-tags a:hover{color:var(--color-primary);text-underline-offset:4px;text-decoration:underline}@media (width>=64rem){.bb-card{grid-template-columns:11rem minmax(0,1fr)}.bb-card>.bb-meta{flex-direction:column;grid-row:1/span 3;padding-top:.5em}.bb-card>.bb-meta span[aria-hidden]{display:none}.bb-card>:not(.bb-meta){grid-column:2}}.bb-pages{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.bb-pages ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bb-pages button{min-height:var(--target-min);min-width:var(--target-min);padding:0 var(--space-3);border:var(--border-width-thick) solid transparent;color:var(--color-foreground);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0}.bb-pages button:hover{border-color:var(--color-rule)}.bb-pages button[aria-current=page]{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}
