/* Cookie banner, in Mrs. Kelder's own palette: a white card with the hot pink
   top rule the header uses, pill buttons in Quicksand like every other button
   on the site, so it reads as part of this site. Loaded from the page head,
   not injected, so the banner cannot flash unstyled.
   This site has no fixed bar at the bottom of the screen on phones (the only
   sticky element is the header, at the top), so the banner can sit at the
   bottom edge at every width. */
.kelders-consent{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:80;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 1.5rem;
  max-width:var(--wrap);margin-inline:auto;
  background:var(--white);color:var(--ink-2);
  border:1px solid var(--cream-3);border-top:4px solid var(--pink-deep);border-radius:var(--radius);
  padding:1rem 1.25rem;
  box-shadow:var(--shadow-md);
  font-family:var(--font-body);font-size:.92rem;line-height:1.55;
}
.kelders-consent__text{margin:0;max-width:62ch}
.kelders-consent__text a{color:var(--pink-deep);text-decoration:underline;text-underline-offset:2px}
.kelders-consent__text a:hover{color:var(--pink)}
.kelders-consent__actions{display:flex;gap:.6rem;flex:none}
.kelders-consent__btn{
  font-family:var(--font-display);font-weight:700;font-size:.95rem;
  padding:.55rem 1.3rem;border-radius:999px;border:2px solid transparent;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.kelders-consent__btn--accept{background:var(--pink-deep);border-color:var(--pink-deep);color:var(--white)}
.kelders-consent__btn--accept:hover{background:var(--pink);border-color:var(--pink)}
.kelders-consent__btn--decline{background:transparent;border-color:var(--blush);color:var(--pink-deep)}
.kelders-consent__btn--decline:hover{border-color:var(--pink-deep)}
.kelders-consent__btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

@media(max-width:40rem){
  .kelders-consent{left:.75rem;right:.75rem;bottom:.75rem;padding:.9rem 1rem}
  .kelders-consent__actions{width:100%}
  .kelders-consent__btn{flex:1}
}

/* The privacy page. Its long text sits in the site's own .story-prose column;
   these rules only scale the section headings down from the display size the
   rest of the site uses, and give its lists ordinary bullets. */
.privacy-prose h2{font-size:clamp(1.35rem,2.6vw,1.7rem);margin-top:2.25rem}
.privacy-prose h2:first-child{margin-top:0}
.privacy-prose ul{padding-left:1.25rem;margin:0 0 1em}
.privacy-prose li{margin-bottom:.55rem}
.privacy-prose li::marker{color:var(--pink-deep)}