/* ==========================================================================
   State Budget page
   Load AFTER documents.css. Scoped to .budget-section, DBIM tokens only.
   The table itself reuses documents.css: .tableheader, .announcementbox,
   .download-btn, .archive-btn, .counter-box, .doc-children, .pagination.
   ========================================================================== */

.budget-section .bgt-label {
  display: block;
  margin-bottom: 4px;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--key);
}

.budget-section .bgt-viewhead h2 {
  margin: 0;
  color: var(--black);
  font-weight: 500;
}
.budget-section .bgt-viewhead h2:focus { outline: none; }
.budget-section .bgt-viewhead h2:focus-visible {
  outline: 2px solid var(--key);
  outline-offset: 4px;
}
.budget-section .bgt-count {
  margin: 4px 0 0;
  font-size: 1.4rem;
  color: var(--rhythm);
}

/* Rows */
.budget-section .announcementbox { gap: 16px; }
.budget-section .doc-children .col-type { flex: 0 0 auto; }
.budget-section .doc-children .download-btn { margin-left: auto; }
.budget-section .filetype { flex-direction: row; gap: 8px; font-size: 1.2rem; }
.budget-section .counter-box[hidden] { display: none; }

@media (max-width: 991.5px) {
  .budget-section .announcementbox { flex-wrap: wrap; }
  .budget-section .announcementbox .col-title { flex: 1 1 100%; }
}