body{margin:0;padding:0;font-family:"Source Sans 3", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
.cookies{position:fixed;left:var(--gutter-content);right:var(--gutter-content);bottom:var(--stack-wide);z-index:1200;}
.cookies .media-story{max-width:var(--stack-panel);margin:0 auto;padding:12px;border:1px solid var(--paint-card);border-radius:var(--curve-medium);background:var(--paint-light);box-shadow:var(--shadow-medium);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-list);color:var(--ink-warm);}
:root {
  --surface-clear: #FAFAF9;
  --stack-panel: 1060px;
  --tone-clear: #FFFFFF;
  --surface-secondary: #FAFAF9;
  --space-list: 0.89rem;
  --paint-card: #E7E5E4;
  --paint-base: #1C1917;
  --speed-base: cubic-bezier(0.2,0.8,0.2,1);
  --tone-deep: #C2410C;
  --stack-wide: 1.5rem;
  --surface-accent: #FFFFFF;
  --ink-card: #FFFFFF;
  --paint-light: #FFFFFF;
  --tone-secondary: #F5F5F4;
  --paint-accent: #F97316;
  --ink-primary: linear-gradient(135deg, #1C1917 0%, #292524 100%);
  --tone-muted: #FAFAF9;
  --gutter-content: 1.26rem;
  --curve-medium: 0.62rem;
  --corner-small: 0.22rem;
  --ink-warm: #1C1917;
  --tone-light: #1C1917;
  --shadow-medium: 0 2px 10px rgba(0,0,0,0.09);
  --tone-primary: #C2410C;
  --surface-dark: linear-gradient(135deg, #F97316 0%, #C2410C 100%);
  --surface-muted: #57534E;
}

.cookies .media-story p{margin:0;}
.cookies .text-body{display:flex;gap:8px;flex-wrap:wrap;}
.cookies .text-body button{border:1px solid var(--paint-card);border-radius:var(--corner-small);background:var(--paint-light);color:var(--ink-warm);padding:7px 10px;cursor:pointer;}
.cookies .text-body button.cookie-accept{background:var(--tone-primary);border-color:var(--tone-primary);color:var(--surface-accent);}