/* Three small controls, without a surrounding card.
   The visible surfaces are 34px high; every interactive target is 44px high. */
.cookie-panel.cookie-format-micro{
  position:fixed;
  inset:auto 16px calc(16px + env(safe-area-inset-bottom)) auto;
  z-index:45;
  display:grid;
  grid-template-columns:112px 44px 44px;
  align-items:center;
  gap:4px;
  width:208px;
  min-width:0;
  max-width:calc(100vw - 24px);
  height:44px;
  min-height:44px;
  max-height:44px;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  color:#29292D;
  box-shadow:none;
  isolation:isolate;
  pointer-events:none;
}
.cookie-panel.cookie-format-micro>button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  max-height:44px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#29292D;
  box-shadow:none;
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
  text-align:center;
  isolation:isolate;
  pointer-events:auto;
  cursor:pointer;
  animation:none;
  transition:none;
}
.cookie-panel.cookie-format-micro>button::before{content:'';position:absolute;inset:5px;z-index:-1;border:1px solid #29292D;border-radius:50%;background:#EEEEEE;pointer-events:none}
.cookie-panel.cookie-format-micro>.m-cookie-info{width:112px;min-width:112px;gap:7px;padding:0 10px;border-radius:22px;font-size:12px;font-weight:400}
.cookie-panel.cookie-format-micro>.m-cookie-info::before{inset:5px 0;border-radius:17px}
.cookie-panel.cookie-format-micro .m-cookie-dot{display:block;flex:none;width:4px;height:4px;border-radius:50%;background:#3C5431}
.cookie-panel.cookie-format-micro>.m-cookie-yes{color:#EEEEEE}
.cookie-panel.cookie-format-micro>.m-cookie-yes::before{background:#3C5431;border-color:#EEEEEE}
.cookie-panel.cookie-format-micro>.m-cookie-no{color:#29292D}
.cookie-panel.cookie-format-micro>button:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.cookie-panel.cookie-format-micro>button:focus-visible::before{border-width:2px}

@media(hover:hover){
  .cookie-panel.cookie-format-micro>.m-cookie-info:hover{color:#EEEEEE}
  .cookie-panel.cookie-format-micro>.m-cookie-info:hover::before{background:#29292D;border-color:#EEEEEE}
  .cookie-panel.cookie-format-micro>.m-cookie-info:hover .m-cookie-dot{background:#EEEEEE}
  .cookie-panel.cookie-format-micro>.m-cookie-yes:hover::before{background:#29292D}
  .cookie-panel.cookie-format-micro>.m-cookie-no:hover{color:#EEEEEE}
  .cookie-panel.cookie-format-micro>.m-cookie-no:hover::before{background:#29292D;border-color:#EEEEEE}
}

@media(max-width:767px){
  .cookie-panel.cookie-format-micro{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:679px){
  /* Keep the course CTA fully available whenever its mobile bar is visible. */
  body:has(.mobile-sticky:not([hidden])) .cookie-panel.cookie-format-micro{bottom:calc(90px + env(safe-area-inset-bottom))}
}
@media print{
  .cookie-panel.cookie-format-micro{display:none!important}
}