:root {
  --ink-dark: #e3d9c4;
  --surface-primary: #1c1814;
  --motion-base: cubic-bezier(0.16,1,0.3,1);
  --paint-deep: #ffffff;
}

body{margin:0;padding:0;font-family:"Source Serif 4", sans-serif;box-sizing:border-box;}
*,*::before,*::after{box-sizing:border-box;}
.cookies{position:fixed;left:50%;bottom:1.5rem;transform:translateX(-50%);z-index:1200}
.cookies .steady-frame{width:min(58rem,calc(100vw - 1.27rem*2));display:flex;align-items:center;gap:calc(1.5rem * .75);padding:calc(1.5rem * .75);border-radius:0.7rem;background:#1f3fa8;color:#fbf6ea;box-shadow:0 8px 30px rgba(0,0,0,0.1)}
.cookies p{flex:1 1 auto;margin:0;line-height:1.7}
.cookies strong{margin-right:calc(1.5rem * .75)}
.cookies button{flex:0 0 auto;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:0.21rem;background:transparent;color:inherit;font:inherit;padding:calc(1.5rem * .75) 1.5rem;cursor:pointer}
.cookies button.cookie-accept{background:#c8321f;color:#fbf6ea;border-color:#c8321f}
@media(max-width:760px){.cookies .steady-frame{display:block}.cookies button{margin-top:calc(1.5rem * .75);margin-right:calc(1.5rem * .75)}.cookies span{display:block;margin-top:calc(1.5rem * .75)}}