.scookies {
  position: fixed;
  z-index: 40;
  inset: auto auto max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  width: min(38rem, calc(100% - 2rem));
  color: var(--navy, #10294d);
  font-family: "Nunito", "Trebuchet MS", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
}
.scookies[hidden], .scookies [hidden] { display: none !important; }
.scookies__panel {
  box-sizing: border-box;
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: var(--space-5, 1.5rem);
  border: 1px solid var(--line, #d7e3f1);
  border-top: 4px solid var(--yellow, #ffdf36);
  border-radius: var(--radius-md, 1rem);
  background: var(--white, #fff);
  box-shadow: var(--shadow-md, 0 1rem 2.5rem rgb(16 41 77 / 12%));
}
.scookies__text { margin: 0 0 var(--space-4, 1rem); overflow-wrap: anywhere; }
.scookies__policy { color: var(--blue, #095be8); text-decoration: underline; text-underline-offset: .15em; }
.scookies__actions { display: flex; flex-wrap: wrap; gap: var(--space-3, .75rem); }
.scookies__button {
  box-sizing: border-box;
  min-height: 44px;
  max-width: 100%;
  padding: .7rem 1rem;
  border: 2px solid var(--blue, #095be8);
  border-radius: var(--radius-sm, .5rem);
  font: inherit;
  font-weight: 700;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: background-color 180ms, color 180ms;
}
.scookies__button--primary { color: #fff; background: var(--blue, #095be8); }
.scookies__button--primary:hover { background: var(--blue-hover, #064dc8); border-color: var(--blue-hover, #064dc8); }
.scookies__button--secondary { color: var(--navy, #10294d); background: var(--yellow, #ffdf36); border-color: var(--navy, #10294d); }
.scookies__button--secondary:hover { background: var(--yellow-soft, #fff0a8); }
.scookies__button:focus-visible, .scookies__policy:focus-visible, .scookies__panel:focus-visible {
  outline: 3px solid var(--navy, #10294d);
  outline-offset: 3px;
}
@media (max-width: 480px) {
  .scookies__panel { padding: var(--space-4, 1rem); }
  .scookies__button { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .scookies__button { transition: none; }
}