.cc{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:100;
  max-width:680px;margin:0 auto;padding:16px 18px;
  background:#12281D;border:1px solid var(--stroke);border-radius:14px;
  box-shadow:0 14px 40px -12px rgba(0,0,0,.9);
  font-size:.9rem;line-height:1.5;color:#DDE6DF
}
.cc[hidden]{display:none}
.cc p{margin:0 0 13px;color:#DDE6DF}
.cc a{color:var(--gold)}
.cc-row{display:flex;gap:10px;flex-wrap:wrap}
/* Identical, deliberately. Equal size and one click each already meets the test
   that refusing be as easy as agreeing, but the stricter reading — CNIL's — asks
   that the two choices look the same too, so that the design does not push. A
   filled Accept beside an outlined Decline is exactly the nudge that reading is
   aimed at, and nothing here needs the nudge. */
.cc-btn{
  flex:1 1 150px;padding:10px 18px;border-radius:9px;border:1px solid var(--gold);
  background:none;color:var(--gold-soft);font:inherit;font-weight:650;cursor:pointer
}
.cc-btn:hover,.cc-btn:focus-visible{background:rgba(198,163,83,.16);outline:none}
.cc-btn:focus-visible{box-shadow:0 0 0 2px var(--gold)}
@media(max-width:520px){.cc{font-size:.86rem;padding:14px 15px}}