*,*::before,*::after{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"Merriweather", sans-serif;}
a{color:inherit;}
.cookies{position:fixed;right:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);z-index:1200}
.cookies .top-rail{width:min(18rem,calc(100vw - 28px));padding:14px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:24px;background:var(--ink-warm);color:var(--tone-muted);box-shadow:var(--shadow-card)}
.cookies .strong-unit{display:flex;justify-content:space-between;gap:10px;align-items:center}
:root {
  --label-meta: 1.75;
  --ink-warm: linear-gradient(135deg, #0B1520 0%, #0E2A47 55%, #1E88E5 130%);
  --type-quiet: calc(18.4px * 1.35);
  --paint-page: #FFFFFF;
  --tone-extra-21: #1E88E5;
  --paint-light: #0B1520;
  --paint-inverse: #132A44;
  --line-page: #2A4A6B;
  --ink-dark: #B8C9DA;
  --ink-muted: #FFFFFF;
  --surface-primary: #E6EDF5;
  --paint-clear: #F4F7FB;
  --shadow-card: 0 16px 36px rgba(0,0,0,0.29);
  --line-accent: #64B5F6;
  --ink-cool: #0B1520;
  --ink-deep: #0B1520;
  --surface-deep: linear-gradient(135deg, #1E88E5 0%, #0E2A47 100%);
  --tone-muted: #F2F7FF;
  --delay-entry: cubic-bezier(0.2,0.8,0.2,1);
  --tone-accent: #132A44;
  --line-clear: #64B5F6;
  --line-base: #E6EDF5;
  --surface-warm: #1E88E5;
}

.cookies strong{font-size:var(--type-quiet)}
.cookies .strong-unit button{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font-weight:700}
.cookies p{margin:10px 0 0;line-height:var(--label-meta)}
.cookies .bottom-nav{margin-top:12px;display:flex;gap:8px}
.cookies .bottom-nav button{flex:1;border:1px solid color-mix(in srgb,currentColor 24%,transparent);background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700}
.cookies .bottom-nav button.cookie-accept{background:var(--paint-light);color:var(--line-base)}