/* Compass Pro Bid Comparison: approved research navy / cream / brass. */
.bc-hero,.bc-close{position:relative;overflow:hidden;background:radial-gradient(108% 96% at 80% 21%,#2a4a5e,#18303f 49%,var(--hf-deep,#0f1f29));color:var(--hf-cream,#F4F0E8)}
.bc-hero:before,.bc-close:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#EACA9215 1px,transparent 1px),linear-gradient(#EACA9215 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000)}
.bc-hero .hf-wrap,.bc-close .hf-wrap{position:relative;z-index:1}
.bc-hero{padding:clamp(147px,17vw,218px) 0 93px}
.bc-hero .hf-crumb{margin-bottom:40px;color:var(--hf-cream,#F4F0E8)}
.bc-hero .hf-crumb a{color:var(--hf-cream,#F4F0E8)}
.bc-hero .eyebrow,.bc-close .eyebrow{color:var(--hf-gold-light,#FFE1AE)}
.bc-hero h1,.bc-close h2{font:500 clamp(55px,7vw,108px)/.99 Editorial,Georgia,serif;letter-spacing:-.04em;margin:15px 0 31px}
.bc-hero p{max-width:710px;color:#dfe3e0;font:400 clamp(16px,1.6vw,19px)/1.8 Manrope,sans-serif}
.bc-link{display:inline-block;padding:8px 0;border-bottom:1px solid var(--hf-brass,#BB9259);text-decoration:none;font:700 13px Manrope,sans-serif}
.bc-link-light{color:var(--hf-cream,#F4F0E8)}
.bc-method,.bc-sources{padding:clamp(65px,9vw,120px) 0;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(30px,7vw,100px)}
.bc-method h2,.bc-work h2,.bc-results h2,.bc-sources h2{font:500 clamp(38px,5vw,73px)/1.05 Editorial,Georgia,serif;letter-spacing:-.04em;margin:13px 0 25px;color:var(--hf-navy,#1E3341)}
.bc-method p,.bc-sources p,.bc-work-head p{color:var(--hf-muted,#53616a);font:400 16px/1.8 Manrope,sans-serif}
.bc-method .eyebrow,.bc-work .eyebrow,.bc-results .eyebrow,.bc-sources .eyebrow{color:#8a6638}
.bc-work{background:var(--hf-sand,#ece6dc);padding:75px 0 80px}
.bc-work-head{display:flex;justify-content:space-between;align-items:end;gap:50px;border-bottom:1px solid var(--hf-hair,#d7cfc2);padding-bottom:35px;margin-bottom:32px}
.bc-work-head p{max-width:460px}
.bc-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-bottom:32px}
.bc-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bc-quote{border:1px solid var(--hf-hair,#d7cfc2);background:#fbf8f2;padding:20px 19px;min-width:0}
.bc-quote legend{color:#8a6638;background:var(--hf-sand,#ece6dc);font:700 12px Manrope,sans-serif;letter-spacing:.06em;padding:4px 10px}
.bc-context label,.bc-quote label{display:flex;flex-direction:column;gap:6px;color:var(--hf-navy,#1E3341);font:700 12px/1.5 Manrope,sans-serif;margin:0 0 14px}
.bc-context label span,.bc-quote label span{font-size:11px;color:var(--hf-muted,#53616a);font-weight:400}
.bc-context input,.bc-context textarea,.bc-quote input,.bc-quote textarea,.bc-quote select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:46px;padding:10px 11px;color:var(--hf-navy,#1E3341);background:white;border:1px solid var(--hf-hair,#d7cfc2);border-radius:5px;font:400 15px/1.4 Manrope,sans-serif}
.bc-quote textarea,.bc-context textarea{resize:vertical}
.bc-quote-hint,.bc-fine{font:400 12px/1.7 Manrope,sans-serif!important;color:var(--hf-muted,#53616a)!important}
.bc-scope-label{color:#8a6638;font:700 11px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid var(--hf-hair,#d7cfc2);padding:21px 0 16px}
.bc-compact select{margin-bottom:4px}
.bc-actions,.bc-result-actions{display:flex;flex-wrap:wrap;gap:13px;margin:27px 0}
.bc-button{min-height:49px;padding:12px 22px;border-radius:999px;cursor:pointer;font:700 12px Manrope,sans-serif}
.bc-button-primary{color:var(--hf-navy,#1E3341);background:linear-gradient(135deg,#FFE1AE,#EACA92 60%,#d6b075);border:1px solid var(--hf-brass,#BB9259)}
.bc-button-muted{background:transparent;color:var(--hf-navy,#1E3341);border:1px solid var(--hf-hair,#d7cfc2)}
.bc-results{padding-top:clamp(60px,8vw,100px);padding-bottom:clamp(65px,9vw,120px)}
.bc-result-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}
.bc-result-heading #bc-status{max-width:450px;color:var(--hf-muted,#53616a);font-size:14px;line-height:1.6}
.bc-error{color:#833f35;font-weight:700;line-height:1.6}
.bc-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}
.bc-summary>div{border-top:1px solid var(--hf-brass,#BB9259);background:var(--hf-sand,#ece6dc);padding:20px;min-width:0}
.bc-summary span{display:block;color:var(--hf-muted,#53616a);font:700 12px Manrope,sans-serif}
.bc-summary output{display:block;font:500 clamp(24px,3vw,42px)/1.2 Editorial,Georgia,serif;overflow-wrap:anywhere;color:var(--hf-navy,#1E3341);margin:13px 0 0}
.bc-warning{font:400 13px/1.75 Manrope,sans-serif;color:var(--hf-muted,#53616a);border-left:2px solid var(--hf-brass,#BB9259);padding:8px 18px}
.bc-scroll{overflow-x:auto;border:1px solid var(--hf-hair,#d7cfc2);margin:27px 0;max-width:100%}
.bc-scroll table{width:100%;min-width:680px;border-collapse:collapse;table-layout:fixed;font:400 13px/1.6 Manrope,sans-serif;color:var(--hf-navy,#1E3341)}
.bc-scroll caption{text-align:left;color:var(--hf-muted,#53616a);font-size:12px;padding:14px}
.bc-scroll th,.bc-scroll td{padding:15px;border-bottom:1px solid var(--hf-hair,#d7cfc2);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.bc-scroll thead th{background:var(--hf-navy,#1E3341);color:var(--hf-cream,#F4F0E8)}
.bc-scroll tbody th{background:var(--hf-sand,#ece6dc)}
.bc-observations{background:var(--hf-sand,#ece6dc);padding:clamp(20px,3vw,38px);margin:34px 0}
.bc-observations h3{font:500 clamp(30px,4vw,44px) Editorial,Georgia,serif;color:var(--hf-navy,#1E3341)}
.bc-observations ul{padding-left:24px}
.bc-observations li{font:400 14px/1.65 Manrope,sans-serif;color:var(--hf-navy,#1E3341);margin:9px 0}
.bc-result-actions button{border:1px solid var(--hf-brass,#BB9259);background:transparent;color:var(--hf-navy,#1E3341);font:700 12px Manrope,sans-serif;padding:10px 17px;border-radius:999px;cursor:pointer}
.bc-sources{border-top:1px solid var(--hf-hair,#d7cfc2)}
.bc-sources nav{display:flex;flex-direction:column;gap:13px}
.bc-sources nav a{color:var(--hf-navy,#1E3341);line-height:1.6;text-decoration:underline;overflow-wrap:anywhere}
.bc-close{padding:85px 0}
.bc-close h2{font-size:clamp(48px,6vw,88px)}
.bc-close .bc-fine{color:#dfe3e0!important;margin-top:30px}
.bc-link:focus-visible,.bc-button:focus-visible,.bc-context input:focus-visible,.bc-context textarea:focus-visible,.bc-quote input:focus-visible,.bc-quote textarea:focus-visible,.bc-quote select:focus-visible,.bc-result-actions button:focus-visible{outline:3px solid var(--hf-brass,#BB9259);outline-offset:3px}
@media(max-width:1100px){.bc-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-quote:last-child{grid-column:1/-1}.bc-hero{padding-top:157px}}
@media(max-width:760px){.bc-hero{padding:132px 0 66px}.bc-method,.bc-sources{display:block}.bc-work{padding:60px 0}.bc-work-head,.bc-result-heading{display:block}.bc-context,.bc-quotes,.bc-summary{grid-template-columns:1fr}.bc-quote:last-child{grid-column:auto}.bc-actions .bc-button{width:100%}.bc-summary{gap:8px}.bc-close{padding:65px 0}}
@media print{.hf-header,.hf-footer,.mobile-action,.bc-hero,.bc-method,.bc-work,.bc-sources,.bc-close,.bc-result-actions{display:none!important}.bc-results{padding:0}.bc-scroll{overflow:visible}.bc-scroll table{min-width:0;font-size:10px}.bc-scroll th,.bc-scroll td{padding:8px}.bc-summary{display:flex}#bc-output[hidden]{display:none}}

.bc-scroll td{white-space:pre-line}.bc-difference{display:block;font:600 10px/1.5 Manrope,sans-serif;color:#765329;margin-top:7px;letter-spacing:.03em}
.bc-scroll tr[data-differs="true"] th{border-left:3px solid var(--hf-brass)}
@media(max-width:760px){
 .bc-scroll caption{display:block;width:100%;box-sizing:border-box;padding:12px 0;text-wrap:pretty}
 .bc-scroll{overflow:visible;border:0}.bc-scroll table{min-width:0;table-layout:auto}
 .bc-scroll table,.bc-scroll tbody,.bc-scroll tr,.bc-scroll th,.bc-scroll td{display:block;width:100%;box-sizing:border-box}
 .bc-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .bc-scroll tbody tr{margin:24px 0;border:1px solid var(--hf-hair)}
 .bc-scroll tbody th{padding:15px}.bc-scroll td{padding:16px;min-width:0}
 .bc-scroll td:before{content:attr(data-quote);display:block;font:700 11px/1.5 Manrope,sans-serif;color:#765329;margin-bottom:8px;white-space:normal;overflow-wrap:anywhere}
}