/* Layout skeleton */
html, body { height: 100%; margin: 0; }
body.page-layout { display:flex; flex-direction:column; min-height:100vh; }
.content-wrapper { flex:1; }

/* Typography (avoid loading extra families unless you want to) */
body, button, input, textarea, select {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
               Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
.site-header a, h1, h2, h3, h4 {
  font-family: 'Luckiest Guy', system-ui, sans-serif;
  letter-spacing: 1.2px;
}
/* Reduce font-swap reflow on headings */
h1, h2, h3, h4 {
  font-size-adjust: 0.52;
  text-rendering: optimizeLegibility;
}

/* Cookie banner (fixed so it never pushes content) */
.cookie-banner{
  position: fixed; left:0; right:0; bottom:0;
  display: none;                 /* toggled to flex via JS */
  background:#f2f2f2;
  border-top:1px solid #ddd;
  padding: 1rem 1.5rem;
  font-size:.95rem;
  z-index: 9999;
  box-shadow: 0 -2px 5px rgba(0,0,0,.1);
}
.cookie-banner p { margin:0; }
.cookie-buttons { margin-top:.5rem; }
.cookie-buttons button{
  padding:.5rem 1rem; margin-right:.5rem;
  font-weight:700; border-radius:5px; border:0; cursor:pointer;
}
.cookie-buttons .accept{ background:#3f87a6; color:#fff; }
.cookie-buttons .reject{ background:#ccc; color:#333; }