img, iframe, video {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin-bottom: 1em;
}

:root {
	--pico-font-family: "Noto Sans", Helvetica, Arial, sans-serif, var(--pico-font-family-emoji);
	--pico-border-radius: 0.16rem;
	--pico-spacing: 2rem;
	--pico-typography-spacing-vertical: 2rem;
	}

.hero {
  background-color: #394046;
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/images/morning-banner.jpg");
  background-position: center;
  background-size: cover;
  height: 15em;
}


/* Vertically center whatever is inside the column */
.vcenter{
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering (optional, but nice) */
}

/* Optional: keep image responsive and nicely sized */
.vcenter img{
  max-width: 100%;
  height: auto;
}

/* Make the grid items stretch */
.grid.equal-height > div {
  height: 100%;
}

/* Make the article fill the grid item */
.grid.equal-height > div > article {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.equal-height article p:last-child {
  margin-top: auto;
}

footer {
	display: block; text-align: center; 
}

/* Firefox: prevent Pico dropdown summary from stretching full width in nav */
nav details.dropdown {
  display: inline-block;
}

nav details.dropdown > summary[role="button"] {
  display: inline-flex;
  width: auto;
  white-space: nowrap;
}

.taxo{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.chip{
  display:inline-flex;
  align-items:center;
  padding:.15rem .6rem;
  border:1px solid var(--pico-muted-border-color);
  border-radius: 999px;
  text-decoration:none;
  
}
.chip:hover{
  border-color: var(--pico-primary-border);
}