/* Search redesign (preview). Layers on styles.css + upload-preview pills + contracts.css (.cx rows) + modal.css */
.sx .page{max-width:1240px}
.sx .qbox{display:flex;align-items:flex-end;gap:10px;border:1.5px solid #D5DAE1;border-radius:26px;padding:8px 8px 8px 20px;background:#fff;box-shadow:0 1px 2px rgba(17,24,39,.04),0 8px 24px rgba(17,24,39,.06)}
.sx .qbox:focus-within{border-color:#0082ff;box-shadow:0 0 0 4px rgba(0,130,255,.14)}
.sx .qbox .mag{flex:none;align-self:center;color:#5F6875;display:flex}
.sx .qbox textarea,.sx .qbox input{flex:1;border:0;outline:none;resize:none;font:17px/24px 'Open Sans',sans-serif;padding:8px 0;margin:0;background:transparent;color:#1B1F24;overflow-y:hidden;max-height:120px}
.sx .qbox .clr{flex:none;width:36px;height:36px;border:0;border-radius:999px;background:#F2F3F5;color:#5F6875;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sx .qbox .clr[hidden]{display:none}.sx .up2-division{margin:16px 0 14px}
.sx .card{margin-top:0}
.sx .rhead{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 12px;font-size:15px;color:#374151}
.sx .rhead strong{color:#1B1F24}
.sx .row{align-items:start;padding:10px 16px}
.sx .row>div:nth-child(2),.sx .row>div:nth-child(3){padding-top:2px}
.sx .snip{font-size:14px;color:#374151;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sx mark{background:#D6EBFF;color:#1B1F24;font-weight:700;border-radius:3px;padding:0 2px}
.sx .eff .up{display:block;font-size:12px;color:#5F6875;font-weight:400}
.sx .msg{padding:48px 16px;text-align:center;font-size:15px;color:#5F6875}
.sx .msg b{display:block;color:#1B1F24;font-size:16px;margin-bottom:4px}
.sx .spin{width:28px;height:28px;border:3px solid #E3E6EB;border-left-color:#0082ff;border-radius:50%;animation:sxs 1s linear infinite;margin:0 auto 12px}
@keyframes sxs{to{transform:rotate(360deg)}}
.sx .foot{margin:10px 4px 0}
.sx .qbox .clr svg{width:16px!important;height:16px!important;flex:none;display:block}
.sx .qbox .clr{padding:0;min-width:36px;align-self:center}
.sx .qbox textarea,.sx .qbox input{align-self:center;box-sizing:border-box;min-height:40px}
.sx .hdr[hidden]{display:none!important}.sx .page{width:100%}.sx .row{align-items:center}
/* v3: no results card until a search runs; clear × pinned right inside the box */
.sx .card[hidden]{display:none!important}
.sx h1{margin-bottom:16px}
.sx .qbox .clr{margin-left:auto}
.sx .qbox{min-height:54px;box-sizing:border-box;align-items:center}
.sx .qbox .clr[hidden]{display:flex!important;visibility:hidden}

.sx .qbox input{min-height:40px;align-self:center;box-sizing:border-box;width:auto;box-shadow:none;border-radius:0}
/* Live-site overrides: styles.css sizes the old centered 480px box and absolutely positions #searchQuery. */
.sx .search-container.qbox{position:relative;width:auto;max-width:none;height:auto;margin:0 0 14px;justify-content:flex-start}
.sx .qbox #searchQuery{position:static;transform:none;left:auto;top:auto;flex:1;width:auto;height:auto;min-height:40px;padding:8px 0;border:0;background:transparent;font:17px/24px 'Open Sans',sans-serif;box-shadow:none}
.sx .search-results-container,.sx .search-results-container .page-container{max-width:none;width:auto;margin-left:0;margin-right:0}
.sx .division-picker{margin:0 0 14px;max-width:none;align-items:flex-start}
