body{margin:0;padding:0;font-family:"Source Serif 4", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
.cookies{position:fixed;left:var(--measure-footer);right:var(--measure-footer);bottom:var(--stack-item);z-index:1200;}
.cookies .site-callout{max-width:720px;margin:0 auto;background:var(--ink-inverse);border:1px solid var(--paint-base);border-radius:var(--radius-round);box-shadow:var(--shadow-medium);padding:var(--stack-item) var(--measure-footer);color:var(--surface-muted);}
:root {
  --paint-base: #DCD5C7;
  --tone-strong: #E08A22;
  --ink-soft: #241505;
  --line-secondary: #F7F4EE;
  --tone-primary: #1E2732;
  --surface-card: #1E2732;
  --radius-image: 0.23rem;
  --tone-extra-11: #1E2732;
  --tone-dark: #EDE8DE;
  --tone-accent: linear-gradient(135deg, #F7F4EE 0%, #EDE8DE 55%, #E3DCCB 100%);
  --stack-item: 1.5rem;
  --radius-round: 0.76rem;
  --line-clear: #2E5A7A;
  --tone-extra-17: #F7F4EE;
  --measure-footer: 1.51rem;
  --surface-muted: #1E2732;
  --shadow-medium: 0 14px 22px rgba(0,0,0,0.09);
  --line-warm: #1E2732;
  --paint-primary: #2E5A7A;
  --motion-slow: cubic-bezier(0.4,0,0.2,1);
  --tone-extra-20: #F7F4EE;
  --ink-inverse: #FFFFFF;
}

.cookies .text-frame{display:flex;align-items:center;gap:8px;}
.cookies .site-callout p{margin:8px 0 0;}
.cookies .open-fields{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;}
.cookies .open-fields button{border:1px solid var(--paint-base);background:var(--tone-dark);color:var(--line-warm);border-radius:var(--radius-image);padding:8px 12px;cursor:pointer;}
.cookies .open-fields button.cookie-accept{background:var(--tone-strong);color:var(--ink-soft);border-color:transparent;font-weight:700;}