/* ─────────────────────────────────────────────────────────────
   FEI consent banner styling — shared across all pages
   Pairs with assets/analytics.js and the markup snippet:
   
   <div id="fei-consent-banner" role="region" aria-label="Cookie consent">
     <p>...</p>
     <button id="fei-consent-accept">Accept</button>
     <button id="fei-consent-decline">Decline</button>
   </div>
   ─────────────────────────────────────────────────────────── */

#fei-consent-banner {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9999;
  background: #1b3a2f;
  border-top: .75px solid rgba(176,145,62,.3);
  padding: 14px 48px;
  align-items: center;
  gap: 24px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
#fei-consent-banner p {
  font-size: 11px;
  letter-spacing: .04em;
  color: rgba(249,245,238,.72);
  margin: 0;
  flex: 1;
}
#fei-consent-banner a {
  color: inherit;
  text-decoration: underline;
}
#fei-consent-accept,
#fei-consent-decline {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 8.5px;
  letter-spacing: .24em;
  text-transform: uppercase;
  padding: 8px 18px;
  cursor: pointer;
  border: .75px solid rgba(176,145,62,.5);
  transition: background .2s, border-color .2s;
  white-space: nowrap;
  flex-shrink: 0;
}
#fei-consent-accept {
  background: rgba(176,145,62,.15);
  color: rgba(249,245,238,.9);
}
#fei-consent-accept:hover {
  background: rgba(176,145,62,.3);
  border-color: rgba(176,145,62,.8);
}
#fei-consent-decline {
  background: transparent;
  color: rgba(249, 245, 238, 0.72);
  border-color: rgba(249,245,238,.15);
}
#fei-consent-decline:hover {
  color: rgba(249, 245, 238, 0.72);
  border-color: rgba(249,245,238,.3);
}
@media (max-width: 640px) {
  #fei-consent-banner {
    padding: 12px 20px;
    flex-wrap: wrap;
    gap: 12px;
  }
  #fei-consent-banner p { font-size: 10px; }
}