.bd-page { padding-block: 1.25rem 2rem; }
.bd-coverage { border: 1px solid var(--edge); border-top: 2px solid var(--accent); background: var(--bg-2); padding: .75rem 1rem; box-shadow: inset 0 1px var(--edge-inner); }
.bd-coverage p { margin: 0; }
.bd-coverage p + p { margin-top: .35rem; color: var(--ink-2); font-size: .9rem; }
.bd-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: end; gap: .6rem; margin-top: 1rem; }
.bd-filters[hidden], .bd-plan[hidden], .bd-empty[hidden] { display: none; }
.bd-filters label { display: grid; gap: .25rem; min-width: 0; flex: 1 1 9rem; font-family: var(--font-ui); }
.bd-filters label:nth-child(2) { flex-basis: 13rem; }
.bd-filters select { color: var(--ink); background: var(--bg-2); border: 1px solid var(--edge-inner); border-radius: 2px; min-height: 44px; font: inherit; width: 100%; min-width: 0; padding: .4rem .5rem; }
.bd-filters button { min-height: 44px; }
.bd-count { color: var(--ink-2); font-family: var(--font-ui); font-size: .9rem; margin-block: .75rem; }
.bd-results { display: grid; grid-template-columns: minmax(0,1fr); gap: .85rem; }
.bd-plan { background: var(--bg-2); border: 1px solid var(--edge); box-shadow: inset 0 1px var(--edge-inner); padding: .85rem 1rem; min-width: 0; }
.bd-plan-head { display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: start; gap: .65rem; }
.bd-plan-label { margin: 0; font-family: var(--font-ui); font-size: .85rem; color: var(--ink-2); }
.bd-plan-label span { margin-left: .45rem; }
.bd-plan h2 { font-size: 1.55rem; margin: .1rem 0 0; }
.bd-plan h2::after { display: none; }
.bd-points { grid-column: 2; margin: .1rem 0 0; font-family: var(--font-ui); display: flex; flex-wrap: wrap; gap: .65rem; font-size: .85rem; }
.bd-points strong { color: var(--accent); font-weight: 400; }
.bd-points span { color: var(--ink-2); }
.bd-purpose { margin: .6rem 0; max-width: 76ch; font-size: .95rem; }
.bd-plan-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.bd-plan-actions a { min-height: 44px; display: inline-flex; align-items: center; }
.bd-plan-actions .wfg-btn { white-space: normal; text-align: center; }
.bd-details { margin-top: .65rem; border-top: 1px solid var(--edge-inner); }
.bd-details summary { cursor: pointer; min-height: 44px; padding-block: .65rem; font-family: var(--font-ui); }
.bd-allocation { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; }
.bd-allocation h3 { font-size: 1.25rem; margin: 0 0 .5rem; }
.bd-ranks, .bd-order { list-style: none; padding: 0; margin: 0; }
.bd-ranks li, .bd-order li { display: grid; gap: .65rem; padding: .35rem .5rem; font-family: var(--font-ui); font-size: .9rem; border-bottom: 1px solid var(--edge-inner); }
.bd-ranks li { grid-template-columns: minmax(0,1fr) auto; }
.bd-ranks strong { font-weight: 400; color: var(--accent); }
.bd-order li { grid-template-columns: 4.5rem minmax(0,1fr); }
.bd-order small { color: var(--ink-2); }
.bd-empty { padding: 1rem; border: 1px solid var(--edge-inner); background: var(--bg-2); }
.bd-empty a { min-height: 44px; display: inline-flex; align-items: center; }
.bd-guide { margin-top: 1.5rem; }
.bd-guide figure { max-width: 22rem; }
.bd-page { overflow-wrap: anywhere; }
@media (min-width: 55rem) { @container page (width >= 54rem) {
  .bd-filters { grid-template-columns: repeat(3,minmax(0,1fr)) auto; }
  .bd-plan-head { grid-template-columns: 36px minmax(0,1fr) auto; }
  .bd-points { grid-column: 3; display: grid; gap: .1rem; text-align: right; }
  .bd-allocation { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
} }
@container page (width < 20rem) {
  .bd-filters { grid-template-columns: minmax(0,1fr); }
  .bd-plan { padding: .65rem; }
  .bd-order li { grid-template-columns: minmax(0,1fr); gap: .1rem; }
}