:root{--navy:#10263f;--blue:#214d73;--cream:#f5f0e7;--gold:#c9974b;--ink:#17212b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Arial,sans-serif;background:#fff}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:20}.qcp-nav{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,6vw,90px);background:var(--navy);color:#fff}.qcp-wordmark{color:#fff;text-decoration:none;font:24px Georgia,serif}.qcp-wordmark strong{color:#e0b66f}.staff-button,.qcp-primary{display:inline-block;padding:11px 19px;border-radius:3px;background:var(--gold);color:#142336;text-decoration:none;font-weight:700}.qcp-hero{min-height:560px;padding:100px clamp(24px,9vw,140px);color:#fff;background:linear-gradient(90deg,rgba(10,31,52,.96),rgba(20,69,103,.75)),url('/assets/american-flag-background.jpg') center/cover}.qcp-kicker{margin:0 0 12px;color:#d7ad69;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.qcp-hero h1{max-width:850px;margin:0;font:clamp(48px,7vw,88px)/1.02 Georgia,serif}.qcp-hero h1 em{color:#dcb675;font-weight:400}.qcp-hero>p:not(.qcp-kicker){max-width:650px;font-size:20px}.qcp-sites{padding:80px clamp(20px,6vw,90px);background:var(--cream)}.section-heading{text-align:center}.section-heading h2,.qcp-contact h2{margin:0 0 32px;color:var(--navy);font:clamp(34px,5vw,55px)/1.1 Georgia,serif}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;max-width:1200px;margin:auto}.site-card{margin:0;background:#fff;box-shadow:0 12px 35px rgba(16,38,63,.12)}.site-card>a{display:block;color:inherit;text-decoration:none}.site-render{height:330px;padding:42px;position:relative;overflow:hidden}.site-render span{font-size:12px;letter-spacing:.14em;font-weight:800}.site-render h3{position:relative;z-index:2;margin:12px 0;font:42px/1.05 Georgia,serif}.fap-render{color:#fff;background:linear-gradient(120deg,#0c3154,#1d5a82)}.fap-render h3 em{color:#e0b66f}.fap-render>img{position:absolute;right:-20px;bottom:-60px;width:58%}.whp-render{color:#fff;background:linear-gradient(120deg,rgba(5,42,63,.9),rgba(8,83,85,.75)),url('/assets/flag.jpg') center/cover}.whp-mark{display:block;width:180px;margin-bottom:20px}.site-card figcaption{padding:28px;font-size:16px}.site-card figcaption strong{display:block;color:var(--navy);font:25px Georgia,serif}.site-card figcaption a{display:block;margin-top:12px;color:var(--blue);font-weight:800}.qcp-contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:80px clamp(20px,7vw,110px);background:#fff}.qcp-contact .important-contact-embed{margin:0!important}footer{padding:28px;text-align:center;color:#fff;background:var(--navy)}.staff-body{margin:0;background:#eef2f5;color:#17233c}.staff-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4vw;background:#10263f;color:#fff}.staff-brand{color:#fff;text-decoration:none;font:bold 21px Georgia,serif}.staff-brand span{display:block;color:#dcb675;font:12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.staff-identity{display:flex;align-items:center;gap:14px}.staff-link{border:0;background:none;color:#fff;text-decoration:underline;font:inherit;cursor:pointer}.staff-main{max-width:1500px;margin:auto;padding:36px 3vw}.staff-login-card,.staff-panel{background:#fff;padding:32px;box-shadow:0 6px 25px rgba(16,38,63,.09)}.staff-login-card{max-width:520px;margin:60px auto}.staff-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#326b91;font-weight:800}.stacked-form label{display:block;margin:16px 0}.stacked-form input,.stacked-form select,.stacked-form textarea,.shipping-record-form input,.shipping-record-form textarea{width:100%;padding:10px;border:1px solid #aab4bf}.action-button,.staff-button{border:0;cursor:pointer}.staff-tabs{display:flex;gap:4px;overflow:auto;margin:24px 0 0;border-bottom:2px solid #326b91}.staff-tab{padding:10px 18px;background:#dfe7ec;color:#17314a;text-decoration:none}.staff-tab.current{background:#326b91;color:#fff}.staff-table-wrap{overflow:auto}.staff-table{width:100%;border-collapse:collapse}.staff-table th,.staff-table td{padding:10px;border-bottom:1px solid #d7dde2;text-align:left}.staff-title-row,.shipping-summary,.shipping-search,.shipping-form-actions{display:flex;align-items:end;justify-content:space-between;gap:14px}.shipping-search{flex-wrap:wrap;margin:22px 0}.shipping-search label{flex:1;min-width:150px}.shipping-search input{display:block;width:100%;padding:8px}.shipping-record-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shipping-wide{grid-column:1/-1}.alert{padding:12px;margin:16px 0}.alert-error{background:#fee0e0}.alert-success{background:#e0f5e7}.staff-pagination{display:flex;gap:5px;margin-top:18px}.staff-pagination a{padding:6px 10px;background:#e2e9ee}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.site-grid,.qcp-contact{grid-template-columns:1fr}.qcp-hero{min-height:0;padding-top:70px}.site-render{height:280px;padding:28px}.site-render h3{font-size:34px}.staff-header,.staff-identity,.staff-title-row{align-items:flex-start;flex-direction:column}.shipping-record-form{grid-template-columns:1fr}.shipping-wide{grid-column:auto}}

/* Equine research uses the workforce portal's existing form and action styles. */
.research-heading{margin-top:24px;border-bottom:2px solid #45515c;padding-bottom:12px}
.research-heading h1{font-family:Georgia,serif}
.research-form select,.research-form textarea,.research-peptide-form select{max-width:100%;min-height:44px;padding:9px 12px;border:1px solid #b9c2ca;border-radius:6px;background:#fff;color:#243442;font:inherit}
.research-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.research-form label{min-width:0}
.research-form input,.research-form select,.research-form textarea{width:100%;min-width:0}
.research-form textarea{resize:vertical;line-height:1.7}
.research-wide{grid-column:1/-1}
.research-consent{border-top:2px solid #45515c;padding-top:18px;font-size:14px}
.research-peptide-form{display:flex;align-items:center;gap:8px}
.research-peptide-form select{min-width:160px}
@media(max-width:620px){.research-form{padding:16px;grid-template-columns:minmax(0,1fr)}.research-heading h1{font-size:28px}}

.staff-subtabs{margin-top:12px;padding-left:16px}

/* Workforce grids retain their headings while the rows scroll vertically and horizontally. */
.staff-body { --staff-grid-blue: #326b91; }
.staff-body .staff-header { position: sticky; top: 0; z-index: 40; }
.staff-grid-heading { position: sticky; top: var(--staff-header-bottom,0px); z-index: 20; background: #fff; padding-bottom: 12px; }
.staff-grid-panel .staff-tabs { overflow-y: hidden; }
.staff-grid-panel .staff-table-wrap { overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.staff-body .staff-table { border-collapse: separate; border-spacing: 0; }
.staff-body .staff-table thead th { position: sticky; top: var(--staff-column-offset,0px); z-index: 2; background: var(--staff-grid-blue); color: #fff; font-weight: 800; }
.staff-body .staff-table thead a { color: #fff; }
.staff-bulk-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 16px 0 4px; }
.staff-select-all { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.staff-select-arrow { font-size: 28px; color: #326b91; }
.staff-bulk-actions select { max-width: 100%; padding: 10px; border: 1px solid #a7b4bf; border-radius: 6px; background: white; }
.staff-grid-panel input[type=checkbox] { width: 18px; height: 18px; accent-color: #326b91; }
@media(max-width:620px) {
 .staff-body .staff-identity { flex-direction: row; flex-wrap: wrap; gap: 8px 12px; }
 .staff-body .staff-identity > span { flex-basis: 100%; }
 .staff-grid-panel .staff-title-row h1 { font-size: 28px; }
 .staff-grid-panel .staff-tabs { flex-wrap: nowrap; overflow-x: auto; }
 .staff-grid-panel .staff-tab { flex-shrink: 0; }
}
@media print { .staff-body .staff-header,.staff-grid-heading { position: static; } .staff-grid-panel .staff-table-wrap { max-height: none !important; overflow: visible; } }