/*  cookies   */

	/* DEBUG TEMPORAIRE 
.container { outline: 1px dashed rgba(0,0,0,.3); }
.cookie-controls.cookie-footnote { outline: 1px solid rgba(0,128,255,.4); }*/

/* Center cookies line like .container */
footer .cookie-controls.cookie-footnote {
  max-width: 1200px;   /* replace with your .container max-width */
  margin: 0 auto;
  padding: 0 16px;     /* same horizontal padding as .container */
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 11px;
  margin-top: 8px;
}


/*   new */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 11px;
	margin-top: 8px;
}
.footer-bottom .cookie-footnote {
	margin: 0;
/* reset margin */font-style: italic;
	color: #888;
}

.cookie-footnote {
  margin: 0;             /* reset margin */
  font-style: italic;    /* make text italic */
  font-size: 10px;
  color: #888;           /* gray color */
}

.cookie-controls button {
  font-size: 10px;
  padding: 2px 6px;
  margin-left: 6px;

  border: none;             /* remove border */
  background: transparent;  /* no background */
  color: #555;              /* softer text color */
  cursor: pointer;          /* show pointer on hover */
}

.cookie-controls button:hover {
  text-decoration: underline;  /* link-like hover effect */
  color: #000;                 /* darker on hover */
}


.tagline { font-size: 1.25rem; margin: 0.5em 0; }

.keypoints li { margin: 0.3em 0; }

/* Variant: narrower callout */
.callout2 {
  max-width: 700px;   /* or any value you want */
  margin-left: 0;
 // margin-right: auto; /* centers it */
}