/* /nurseries (browse by area) only: loaded after tokens.css and app.css.
   Shared link styles (.chiplinks, .alist) live in app.css. */
@layer pages {
.browse-head { padding-block: var(--sp-6) var(--sp-4); }
.browse-head .lead { max-width: 46rem; }
.browse-jump { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-5); }
.browse-jump a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 var(--sp-4); border-radius: var(--radius-full); background: var(--muted); color: var(--foreground); font-size: var(--text-sm); font-weight: 600; text-decoration: none; }
#boroughs { margin-top: var(--sp-8); }
.browse-jump a:hover { background: var(--brand-soft); color: var(--primary); }
.bgrid { display: grid; gap: var(--sp-3); align-items: start; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }
.bitem { border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--card); }
.bitem-h { display: grid; gap: var(--sp-0_5); padding: var(--sp-4) var(--sp-4) var(--sp-3); color: var(--foreground); text-decoration: none; }
.bitem-h b { font-size: var(--text-lg); line-height: var(--leading-lg); }
.bitem-h span { font-size: var(--text-sm); color: var(--muted-foreground); }
.bitem-h:hover b { color: var(--primary); }
.bkids { border-top: 1px solid var(--border); }
.bkids > summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 var(--sp-4); font-size: var(--text-sm); font-weight: 600; color: var(--muted-foreground); cursor: pointer; list-style: none; }
.bkids > summary::-webkit-details-marker { display: none; }
.bkids > summary:hover { color: var(--primary); }
.bkids > summary .i { transform: rotate(90deg); transition: transform .15s; }
.bkids[open] > summary .i { transform: rotate(-90deg); }
.bkids .chiplinks { padding: 0 var(--sp-4) var(--sp-4); }
.bkids .chiplinks a { min-height: 36px; padding: 0 var(--sp-3); }
.pcgroups { display: grid; gap: var(--sp-6); }
.pcgroup h3 { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-3); font-size: var(--text-lg); line-height: var(--leading-lg); }
.pc-code { display: inline-grid; place-items: center; min-width: 2.75rem; height: 2rem; padding: 0 var(--sp-2); border-radius: var(--radius-md); background: var(--brand-soft); color: var(--primary); font-family: var(--font-sans); font-size: var(--text-sm); font-weight: 700; }
@media (min-width: 1024px) { .pcgroups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-8) var(--sp-12); } }
}