/* The consent banner for the public site. Fixed to the bottom, plain, and it
   stays out of the way until reach.js shows it (the banner carries `hidden`
   in the markup and is shown only when there is no decision yet). */

.reach-consent{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:#0d1e27;color:#f4ead9;
  border-top:1px solid rgba(244,234,217,.25);
  box-shadow:0 -8px 30px rgba(0,0,0,.45);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:.9rem;line-height:1.5;
}
.reach-consent[hidden]{display:none}
.reach-consent .reach-inner{
  max-width:72rem;margin:0 auto;padding:.9rem clamp(1rem,4vw,2rem);
  display:flex;gap:1rem;align-items:center;flex-wrap:wrap;
}
.reach-consent p{margin:0;flex:1 1 22rem;color:#c9bda6}
.reach-consent p b{color:#f4ead9}
.reach-consent .reach-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.reach-consent button{
  border:none;border-radius:2px;cursor:pointer;padding:.55rem 1rem;
  font-family:inherit;font-size:.88rem;font-weight:600;
}
.reach-consent .reach-yes{background:#e2a864;color:#12100d}
.reach-consent .reach-yes:hover{background:#f0c894}
.reach-consent .reach-no{background:transparent;color:#c9bda6;border:1px solid rgba(244,234,217,.35)}
.reach-consent .reach-no:hover{color:#f4ead9;border-color:#f4ead9}
.reach-consent .reach-more{color:#58b4b4;font-size:.82rem}
.reach-consent .reach-more:hover{color:#8fd0d0}