/* The /search page (brief 13.3). Layout only: every color, size, space, radius and font is a brand
   token from /assets/brand/tokens.css, and the components come from /assets/brand/components.css. */
.bw-search-page{--bw-search-width:calc(6 * var(--bw-space-128));padding-block:var(--bw-space-48) var(--bw-space-96)}
.bw-search-head{max-width:var(--bw-search-width)}
.bw-search-head>*+*{margin-top:var(--bw-space-16)}
.bw-search-form{display:grid;gap:var(--bw-space-8);margin-top:var(--bw-space-32)}
.bw-search-form .bw-input{font-size:var(--bw-text-20);line-height:var(--bw-leading-20)}
.bw-search-form .bw-input::-webkit-search-cancel-button{cursor:pointer}
.bw-search-facts{font-size:var(--bw-text-16);line-height:var(--bw-leading-16);color:var(--bw-color-ink-secondary);max-width:var(--bw-search-width)}
/* The two notes under the box and the catalog's opening keep to 45 to 75 characters a line (art round 3,
   point 5). Geist's figures are wider than its average letter, so 72ch ran 94 to 100 characters; the
   reading measure (50ch) sets about 65. */
.bw-search-head .bw-hint,.bw-search-facts,.bw-catalog__lead{max-width:var(--bw-measure-reading)}
/* The sample label on a result is plain secondary text, not an amber chip (item 7). */
.bw-search-page .bw-tag--sample{min-height:0;padding:0;background:none;color:var(--bw-color-ink-secondary);font-weight:var(--bw-weight-regular)}
.bw-search-page noscript .bw-notice{margin-top:var(--bw-space-24)}

.bw-search-body{display:grid;grid-template-columns:var(--bw-layout-rail) minmax(0,1fr);gap:var(--bw-space-32) var(--bw-layout-gutter);align-items:start;margin-top:var(--bw-space-48)}
.bw-search-filters{display:grid;gap:var(--bw-space-24)}
.bw-search-filters-panel>summary{padding-block:var(--bw-space-4);font-weight:var(--bw-weight-semibold);cursor:pointer}
.bw-search-filters-panel[open]>summary{margin-bottom:var(--bw-space-16)}
.bw-search-filter .bw-cluster{gap:var(--bw-space-8)}
.bw-chip__count{color:var(--bw-color-ink-secondary);font-variant-numeric:tabular-nums lining-nums}
.bw-search-results{min-width:0;max-width:var(--bw-search-width)}
.bw-search-body[aria-busy="true"] .bw-search-results{color:var(--bw-color-ink-secondary)}
/* Art round 4 (point 18): while a query runs, one line in the results area says so; it stays in ink while the earlier results grey. */
.bw-search-loading{margin:0 0 var(--bw-space-16);font-weight:var(--bw-weight-medium)}
.bw-search-body[aria-busy="true"] .bw-search-loading{color:var(--bw-color-ink)}
.bw-search-note{margin-bottom:var(--bw-space-16);color:var(--bw-color-ink-secondary)}
.bw-search-group__title{margin-top:var(--bw-space-32);padding-bottom:var(--bw-space-8);border-bottom:var(--bw-stroke-hairline) solid var(--bw-color-line);font-family:var(--bw-font-sans);font-size:var(--bw-text-16);line-height:var(--bw-leading-16);font-weight:var(--bw-weight-semibold);color:var(--bw-color-ink)}
.bw-search-group__title:first-child,.bw-search-note+.bw-search-group__title{margin-top:0}
.bw-search-best,.bw-search-group{margin:0;padding:0;list-style:none}
.bw-result{display:grid;justify-items:start;gap:var(--bw-space-4);padding-block:var(--bw-space-16);border-bottom:var(--bw-stroke-hairline) solid var(--bw-color-line)}
.bw-result__kind{font-size:var(--bw-text-13);line-height:var(--bw-leading-13);font-weight:var(--bw-weight-medium);color:var(--bw-color-ink-secondary)}
.bw-result__link{font-size:var(--bw-text-20);line-height:var(--bw-leading-20);font-weight:var(--bw-weight-semibold);color:var(--bw-color-accent);text-decoration:none;overflow-wrap:anywhere}
.bw-result__link:hover{color:var(--bw-color-accent-strong);text-decoration:underline;text-decoration-thickness:var(--bw-stroke-hairline);text-underline-offset:0.2em}
.bw-result__link:active{color:var(--bw-color-accent-deep)}
.bw-result__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-width:var(--bw-measure-reading);color:var(--bw-color-ink)}
.bw-result__excerpt mark{background:var(--bw-color-panel);color:var(--bw-color-ink);font-weight:var(--bw-weight-semibold)}
.bw-result__meta{font-size:var(--bw-text-13);line-height:var(--bw-leading-13);color:var(--bw-color-ink-secondary)}
.bw-search-results [data-bw-more]{margin-top:var(--bw-space-24)}
.bw-search-empty{max-width:var(--bw-search-width)}
.bw-search-doors{display:flex;flex-wrap:wrap;gap:var(--bw-space-12);margin-top:var(--bw-space-8)}

.bw-catalog{margin-top:var(--bw-space-64);padding-top:var(--bw-space-32);border-top:var(--bw-stroke-hairline) solid var(--bw-color-line)}
.bw-catalog>*+*{margin-top:var(--bw-space-16)}
.bw-catalog__stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--bw-space-16) var(--bw-layout-gutter);margin-top:var(--bw-space-24);padding:0;list-style:none}
.bw-catalog__stat{display:grid;gap:var(--bw-space-4);padding-top:var(--bw-space-12);border-top:var(--bw-stroke-hairline) solid var(--bw-color-line);color:var(--bw-color-ink);text-decoration:none}
.bw-catalog__stat:hover{color:var(--bw-color-accent)}
.bw-catalog__count{font-size:var(--bw-text-25);line-height:var(--bw-leading-25);font-weight:var(--bw-weight-semibold);font-variant-numeric:tabular-nums lining-nums}
.bw-catalog__kind{margin-top:var(--bw-space-48)}
.bw-catalog__kind>*+*{margin-top:var(--bw-space-8)}
.bw-catalog__list{margin:var(--bw-space-16) 0 0;padding:0;list-style:none;max-width:var(--bw-search-width)}
.bw-catalog__item{display:grid;justify-items:start;gap:var(--bw-space-4);padding-block:var(--bw-space-12);border-bottom:var(--bw-stroke-hairline) solid var(--bw-color-line)}
.bw-catalog__item a{overflow-wrap:anywhere}
.bw-catalog__meta{font-size:var(--bw-text-13);line-height:var(--bw-leading-13);color:var(--bw-color-ink-secondary)}

@media (max-width:1023px){.bw-search-body{grid-template-columns:minmax(0,1fr)}.bw-catalog__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){.bw-search-page{padding-block:var(--bw-space-32) var(--bw-space-64)}.bw-catalog__stats{grid-template-columns:minmax(0,1fr);gap:0}.bw-catalog__stat{display:flex;align-items:baseline;gap:var(--bw-space-12);padding-block:var(--bw-space-8)}.bw-catalog__count{font-size:var(--bw-text-20);line-height:var(--bw-leading-20)}.bw-result__link{font-size:var(--bw-text-16);line-height:var(--bw-leading-16)}}
@media print{.bw-search-form,.bw-search-filters,[data-bw-more],.bw-search-doors{display:none}}
