html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:"IBM Plex Sans", sans-serif;}
.cookies{position:fixed;left:var(--measure-section);bottom:var(--gutter-large);width:min(360px,calc(100vw - (var(--measure-section) * 2)));z-index:1200;}
:root {
  --line-page: #e2dacd;
  --measure-section: 1.74rem;
  --tone-secondary: #ffffff;
  --paint-inverse: #f7f3ec;
  --ink-light: #6f7d5c;
  --tone-extra-16: #3d3833;
  --shadow-soft: 0 14px 42px rgba(0,0,0,0.29);
  --gutter-large: 1.5rem;
  --paint-main: #733c29;
  --line-base: #f1ebe1;
  --tone-soft: #faf6ef;
  --tone-strong: #8a4a34;
  --radius-large: 0.24rem;
  --paint-panel: #2b2622;
  --ink-warm: #2b2622;
  --surface-cool: #5c6a4b;
  --paint-light: #fbf7f0;
  --paint-primary: #fbf7f0;
  --speed-fast: ease-in-out;
  --surface-inverse: #2b2622;
  --tone-muted: #8a4a34;
  --line-light: #2b2622;
  --corner-soft: 1rem;
  --tone-clear: linear-gradient(135deg, #faf6ef 0%, #f1e7d8 55%, #e6e9dd 100%);
}

.cookies .media-visual{border-radius:var(--corner-soft);padding:var(--gutter-large) var(--measure-section);background:linear-gradient(140deg,var(--tone-muted),var(--paint-main));color:var(--paint-light);box-shadow:var(--shadow-soft);}
.cookies .media-visual h3{margin:0 0 6px;}
.cookies .media-visual p{margin:0;opacity:.92;}
.cookies .open-actions{margin-top:12px;display:grid;gap:8px;}
.cookies .open-actions button{border:1px solid color-mix(in srgb, currentColor 28%, transparent);background:color-mix(in srgb, currentColor 14%, transparent);color:inherit;border-radius:var(--radius-large);padding:8px 10px;cursor:pointer;}
.cookies .open-actions button.cookie-accept{background:var(--ink-light);color:var(--paint-primary);border-color:var(--surface-cool);}