/*
CHANGE LOG
File: static/css/proof-band.css
Purpose: Styles for the "What clients and reviewers say" band (templates/partials/_proof_band.html):
         warm band, WifiTalents review card, two client quotes with gold rule and quotation mark.
Version History:
  2026-11-05 - Moved unchanged from static/css/recruiting-proposal.css (scoped .rp-proof instead of
               .rp-page) so every top-bar page can use the band. .rp-small copied for the captions.
*/
.rp-proof .rp-small{ font-size:.88rem; color:var(--color-text-mute,#4a5872); }
.rp-proof .rp-review{ display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; align-items:center; margin:1.2rem 0 .6rem; }
.rp-proof .rp-review-score{ flex:0 0 auto; text-align:center; padding-right:1.4rem; border-right:1px solid var(--color-rule,#d9dee8); }
.rp-proof .rp-review-num{ font-size:2.2rem; font-weight:700; line-height:1; color:var(--color-navy-deep,#14213d); }
.rp-proof .rp-review-of{ font-size:1rem; color:var(--color-text-mute,#4a5872); margin-left:.15rem; }
.rp-proof .rp-review-rank{ display:block; margin-top:.3rem; font-size:.8rem; font-weight:700; color:var(--color-green,#3F6657); }
.rp-proof .rp-review-body{ flex:1 1 300px; min-width:0; }
.rp-proof .rp-review-src{ font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--color-text-mute,#4a5872); margin:0 0 .3rem; }
.rp-proof .rp-review-quote{ margin:0 0 .35rem; padding:0; border:0; }
.rp-proof .rp-review-quote p{ font-family:var(--font-serif); font-size:1.15rem; line-height:1.4; color:var(--color-text,#2b2f33); margin:0; }
@media (max-width:520px){ .rp-proof .rp-review-score{ border-right:0; padding-right:0; text-align:left; } }
.rp-proof .rp-quotes{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; margin:1rem 0 .6rem; }
.rp-proof .rp-quote{ margin:0; }
.rp-proof .rp-quote .rp-review-quote p{ font-size:1.05rem; }
.rp-proof .rp-quote figcaption{ margin:.4rem 0 0; }
.rp-proof{ background:var(--color-bg-warm,#faf7f1); border-radius:var(--radius,6px);
  padding:1.2rem 1.25rem 1.25rem; margin:1.4rem 0 1.6rem; }
.rp-proof-label{ font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--color-green,#3F6657); margin:0 0 .2rem; }
.rp-proof .rp-review{ margin-top:.6rem; }
.rp-proof .rp-quotes{ margin-bottom:0; }
.rp-proof .rp-quote{ position:relative; border-left:3px solid var(--color-gold,#b8922a); padding-right:2.6rem; }
.rp-proof .rp-quote::before{ content:"\201C"; position:absolute; top:-.15rem; right:.7rem; font-family:var(--font-serif);
  font-size:4rem; line-height:1; color:var(--color-gold,#b8922a); opacity:.35; }
.rp-proof .rp-quote .rp-review-quote p{ font-style:italic; }