:root {
  --measure-section: 1.27rem;
  --font-small: calc(15.4px * 1.35);
  --lift-card: 0 6px 22px rgba(0,0,0,0.07);
  --paint-strong: #B07A3C;
  --ink-soft: #F7EFE2;
  --ink-dark: #3A161E;
  --label-large: 1.9;
  --paint-warm: #6B1F2E;
  --gap-large: 1000px;
  --tone-extra-11: #F7EFE2;
  --ink-page: calc(var(--gutter-base) * .75);
  --tone-warm: #FBF5EA;
  --ink-deep: #FFFFFF;
  --surface-panel: #F1E4CE;
  --line-deep: #2A1410;
  --tone-deep: linear-gradient(135deg, #3A161E 0%, #6B1F2E 55%, #8E5F2B 100%);
  --speed-entry: cubic-bezier(0.22,1,0.36,1);
  --ink-main: #6B1F2E;
  --gutter-base: 1.5rem;
  --paint-base: #E2D0B4;
  --line-card: #2A1410;
  --tone-inverse: #2A1410;
  --line-base: #F7EFE2;
  --paint-secondary: #3A161E;
}

body{margin:0;padding:0;font-family:"Libre Baskerville", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
.cookies {
        position: fixed;
        left: var(--measure-section);
        right: var(--measure-section);
        bottom: var(--gutter-base);
        z-index: 1200
    }
.cookies .featured-stack {
        max-width: var(--gap-large);
        margin: 0 auto;
        display: flex;
        gap: 1px;
        background: #d8dde6;
        color: #0a0f1a;
        border: 1px solid #d8dde6;
        box-shadow: var(--lift-card)
    }
.cookies .featured-stack div {
        width: 50%;
    }
.cookies .featured-stack > * {
        min-width: 0;
    }
.cookies .featured-stack > * {
        background: #fff;
        color: #0a0f1a;
        padding: var(--gutter-base)
    }
.cookies strong {
        font-size: var(--font-small);
        line-height: 1.12
    }
.cookies p {
        margin: var(--ink-page) 0 0;
        color: #2a3040;
        line-height: var(--label-large)
    }
.cookies button {
        border: 0;
        font: inherit;
        cursor: pointer
    }
.cookies button.cookie-accept {
        background: var(--ink-main);
        color: var(--ink-soft)
    }
@media (max-width: 760px) {
        .cookies .featured-stack {
            display: block
        }

        .cookies .featured-stack > * {
            display: block;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #d8dde6
        }
    }
