/* /get-bid-ready and /get-bid-ready/checklist (Boss E4CEE6BE, idea 4). Tokens only (DESIGN-SYSTEM.md rule 1); the page colours come from the
   theme variables style.css already flips for html[data-theme=dark] (--text, --muted, --panel, --border, --accent). Phone first: one column,
   every tap target >= 44px; two columns from 720px. Print rules at the bottom serve the checklist (no PDF generation). */
main > .brs-section { grid-column: 1 / -1; }
html body:has(> .site-nav) main :is(.brs-jump, .brs-checklist) { padding-left: 0; }   /* style.css:1328 gives every main ol 28px */
.brs-jump { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--gr-space-2); counter-reset: brs-jump; }
.brs-jump li { counter-increment: brs-jump; }
.brs-jump a { display: flex; align-items: center; gap: var(--gr-space-3); min-height: 44px; padding: var(--gr-space-2) var(--gr-space-3); border: 1px solid var(--border); border-radius: var(--gr-radius-sm); background: var(--panel); color: var(--text); text-decoration: none; }
.brs-jump a::before { content: counter(brs-jump); flex: none; display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: var(--gr-radius-pill); background: var(--accent); color: var(--gr-white); font: 700 14px/1 var(--gr-font-body); }
.brs-jump a:focus-visible, .brs-link:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .brs-jump a:hover { border-color: var(--accent); } }

.brs-notice { margin: var(--gr-space-5) 0; padding: var(--gr-space-4) var(--gr-space-4) var(--gr-space-4) var(--gr-space-5); border: 1px solid var(--border); border-left: 5px solid var(--accent); border-radius: var(--gr-radius-sm); background: var(--panel); color: var(--text); }
.brs-notice > :first-child { margin-top: 0; }
.brs-notice > :last-child { margin-bottom: 0; }
.brs-notice strong { font-family: var(--gr-font-display); }

.brs-step { padding: var(--gr-space-6) 0; border-top: 1px solid var(--border); scroll-margin-top: var(--gr-space-5); }
.brs-kicker { margin: 0 0 var(--gr-space-2); color: var(--accent); font: 700 var(--gr-size-sm)/1.3 var(--gr-font-body); letter-spacing: .06em; text-transform: uppercase; }
.brs-step h2 { margin: 0 0 var(--gr-space-3); font-family: var(--gr-font-display); font-size: var(--gr-size-xl); line-height: 1.15; letter-spacing: -.02em; color: var(--text); }
.brs-lead { margin: 0 0 var(--gr-space-4); max-width: 68ch; color: var(--text); font-size: var(--gr-size-lg); line-height: 1.45; }
.brs-facts { margin: 0 0 var(--gr-space-4); display: grid; gap: 0; border-top: 1px solid var(--border); }
.brs-facts > div { padding: var(--gr-space-3) 0; border-bottom: 1px solid var(--border); }
.brs-facts dt { margin: 0 0 var(--gr-space-1); color: var(--muted); font: 700 var(--gr-size-sm)/1.3 var(--gr-font-body); letter-spacing: .04em; text-transform: uppercase; }
.brs-facts dd { margin: 0; color: var(--text); line-height: 1.5; max-width: 68ch; }
.brs-facts ul { margin: 0; padding-left: 1.2em; }
.brs-facts li + li { margin-top: var(--gr-space-1); }
.brs-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--gr-space-4); border: 2px solid var(--accent); border-radius: var(--gr-radius-sm); color: var(--accent); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
@media (hover: hover) and (pointer: fine) { .brs-link:hover { background: var(--accent); color: var(--gr-white); }
  :where(:root[data-theme=dark]) .brs-link:hover { color: var(--gr-night-page); } }   /* white on the coral fill was 2.3:1; night ink is 7.8:1 */
.brs-checked { margin: var(--gr-space-3) 0 0; color: var(--muted); font-size: var(--gr-size-base); }
@media (min-width: 720px) {
  .brs-facts > div { display: grid; grid-template-columns: 11rem minmax(0, 1fr); column-gap: var(--gr-space-5); }
  .brs-facts dt { margin: 3px 0 0; }
}

/* the closing step is the page's only sales line */
.brs-last { margin-top: var(--gr-space-4); }
.brs-cta { background: var(--gr-red); border-color: var(--gr-red); color: var(--gr-white); }
@media (hover: hover) and (pointer: fine) { .brs-cta:hover { background: var(--gr-red-hover); border-color: var(--gr-red-hover); } }

/* printable checklist */
.brs-print-actions { margin: 0 0 var(--gr-space-5); }
.brs-print-actions button { min-height: 44px; padding: 0 var(--gr-space-5); border: 2px solid var(--accent); border-radius: var(--gr-radius-sm); background: transparent; color: var(--accent); font: 700 var(--gr-size-base)/1 var(--gr-font-body); cursor: pointer; }
.brs-checklist { list-style: none; margin: 0; padding: 0; }
.brs-checklist > li { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: var(--gr-space-3); padding: var(--gr-space-4) 0; border-top: 1px solid var(--border); break-inside: avoid; }
.brs-box { width: 24px; height: 24px; margin-top: 2px; border: 2px solid var(--text); border-radius: var(--gr-radius-sm); }
.brs-checklist h2 { margin: 0 0 var(--gr-space-2); font-family: var(--gr-font-display); font-size: var(--gr-size-lg); line-height: 1.25; color: var(--text); }
.brs-checklist p { margin: 0 0 var(--gr-space-2); color: var(--text); line-height: 1.45; }
.brs-checklist ul { margin: 0 0 var(--gr-space-2); padding-left: 1.2em; }
.brs-checklist .brs-url { color: var(--muted); overflow-wrap: anywhere; }
.brs-write { display: block; margin-top: var(--gr-space-3); padding-bottom: var(--gr-space-1); border-bottom: 1px solid var(--muted); color: var(--muted); font-size: var(--gr-size-sm); }

@media print {
  .site-nav, .site-header .tagline, .site-footer, .gr-footer, footer, .cta, .content-links, .page-updated, .brs-print-actions, .brs-noprint, [data-theme-toggle], .milestone-note { display: none !important; }
  html, body { background: var(--gr-white) !important; color: var(--gr-ink) !important; }
  body header.site-header { background: none !important; border: 0 !important; padding: 0 0 var(--gr-space-3) !important; margin: 0 !important; }
  body header.site-header h1 { color: var(--gr-ink) !important; font-size: 22pt !important; margin: 0 !important; }
  main { display: block !important; max-width: none !important; padding: 0 !important; }
  .brs-checklist h2, .brs-checklist p, .brs-checklist li { color: var(--gr-ink) !important; }
  .brs-checklist a { color: var(--gr-ink) !important; text-decoration: none; }
  .brs-checklist .brs-url::after { content: ""; }
  .brs-box { border-color: var(--gr-ink); }
  .brs-write { border-bottom-color: var(--gr-ink); color: var(--gr-ink); }
}

.brs-govroute p { margin: 0 0 var(--gr-space-3); max-width: 68ch; }
.brs-govroute p:last-child { margin-bottom: 0; }
.brs-govroute .brs-fine { color: var(--muted); font-size: var(--gr-size-base); }
.brs-answer p:last-child { display: flex; flex-wrap: wrap; gap: var(--gr-space-2); }   /* the two jump links wrap on a phone */