.meta-consent-open{overflow:hidden}
.meta-consent-banner{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:1.25rem;
  background:rgba(10,29,23,.72);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  color:#173e32;
  font:inherit;
}
.meta-consent-card{
  width:min(100%,620px);
  background:#fffaf3;
  border:1px solid #a9beb4;
  border-radius:18px;
  box-shadow:0 28px 80px rgba(7,25,20,.35);
  padding:2rem;
}
.meta-consent-kicker{
  display:inline-block;
  margin-bottom:.65rem;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#5e776e;
}
.meta-consent-banner strong{
  display:block;
  margin-bottom:.8rem;
  font-size:clamp(1.55rem,4vw,2.1rem);
  line-height:1.12;
  font-weight:700;
}
.meta-consent-banner p{
  margin:0;
  line-height:1.6;
  font-size:1rem;
}
.meta-consent-banner .meta-consent-note{
  margin-top:.8rem;
  font-size:.9rem;
  color:#51675f;
}
.meta-consent-banner a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}
.meta-consent-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
  margin-top:1.5rem;
}
.meta-consent-actions button{
  min-height:50px;
  padding:.82rem 1rem;
  border:1.5px solid #164835;
  border-radius:9px;
  cursor:pointer;
  font:inherit;
  font-weight:700;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.meta-consent-actions button[data-meta-refuse]{
  background:#fffaf3;
  color:#164835;
}
.meta-consent-actions button[data-meta-accept]{
  background:#164835;
  color:#fffdf8;
}
.meta-consent-actions button:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(16,59,44,.18);
}
.meta-consent-actions button:focus-visible{
  outline:3px solid #c39d4c;
  outline-offset:3px;
}
.meta-consent-settings{
  display:block;
  margin:1rem 0 0;
  padding:.35rem 0;
  border:0;
  background:none;
  color:inherit;
  text-decoration:underline;
  cursor:pointer;
  font:inherit;
  font-size:.85rem;
}
@media(max-width:650px){
  .meta-consent-banner{
    align-items:end;
    padding:.75rem;
  }
  .meta-consent-card{
    width:100%;
    max-height:calc(100dvh - 1.5rem);
    overflow:auto;
    border-radius:18px 18px 12px 12px;
    padding:1.4rem;
  }
  .meta-consent-actions{
    grid-template-columns:1fr;
  }
  .meta-consent-actions button{
    width:100%;
  }
}