/* hdr1/hdr2 (2026-10-23) PREVIEW: one header layout on Contracts, Upload, Notices and Search.
   Heading + division pills sit at the same x,y on every page. Load this file last. */
.main-content{padding:0}
.main-content > .up2-page.page-container,
.main-content.cx > .page,
.main-content > .content-wrapper.sx > .page{width:100%;max-width:1240px;margin:0 auto;padding:32px 32px 24px;box-sizing:border-box;text-align:left}
.main-content > .content-wrapper.sx{display:block;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}
.main-content > .up2-page.page-container{background:transparent;border:0;box-shadow:none;border-radius:0;min-height:0;height:auto}
.main-content > .up2-page > :not(.up2-head):not(.up2-division){max-width:816px}
.up2-head{display:block;margin:0 0 12px;padding:0;height:40px}
.up2-head > h1{font-family:'Open Sans',system-ui,sans-serif;font-size:30px;font-weight:600;line-height:40px;letter-spacing:-.01em;color:#1B1F24;margin:0;padding:0;text-align:left}
.up2 .up2-division{margin:0 0 16px;padding:0}
.up2 .up2-division .division-picker{margin:0;padding:0;width:auto;max-width:none;display:block;text-align:left}
.up2 .up2-division .division-picker-buttons{max-width:100%}
.up2 .up2-division-label,.up2 .division-picker-label{display:none}
.sx .search-container.qbox{margin:0 0 14px}
.cx .rhead,.sx .rhead{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 12px;font-size:15px;color:#374151}
.cx .rhead strong{color:#1B1F24}
/* pill hint card: same look as the Notices row hover card */
#hcard{position:fixed;z-index:60;max-width:420px;max-height:300px;overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #E3E6EB;border-radius:10px;box-shadow:0 8px 24px rgba(17,24,39,.12),0 1px 2px rgba(17,24,39,.06);padding:10px 14px;font-family:'Open Sans',system-ui,sans-serif;pointer-events:none}
#hcard .hc-l{font-size:14px;font-weight:600;color:#111827;line-height:1.4;white-space:normal;overflow-wrap:anywhere}

/* hdr2: reserve space so nothing below the pills or the count line moves while they load */
.up2 .up2-division{min-height:38.19px}
.cx .rhead{min-height:22px;line-height:22px}

/* hdr3: Search results scroll inside the white panel like Contracts/Notices (body:has(.cx) is overflow:hidden and .cx .page is fixed to the window height) */
.sx .page>.search-results-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.sx .search-results-container>.page-container.card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;height:auto}
.sx .page-container.card>#searchResults{flex:1 1 auto;min-height:0;overflow-y:auto;height:auto;max-height:none}