header {
  text-align: center;
  color: darkblue;
  font-style: italic;
}

footer {
  text-align: center;
}

/* PUTS A BORDER WITH DROP SHADOW AROUND A SECTION */
section.message {
  text-align: justify;
  font-style: italic;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 1em 1em 1em 1em;
  font-size: 1em;
  /* text-align: center; */
  /* width: 100%; */
  /* max-width: 1080px; */
  margin: 0 auto;
  box-shadow: 1px 1px 5px #555;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

section.indent {
  margin-left: 2em;
}

.spaced-list li {
  /* Gap set to 0.25em */
  margin-bottom: 0.25em;
}

.spaced-list li:last-child {
  margin-bottom: 0;
  /* remove extra space after the last item */
}

aside {
  background: #f9f9f9;
  /* soft neutral background */
  font-style: italic;
  border-left: 3px solid #ccc;
  /* subtle emphasis on the side */
  padding: 1rem 1.5rem;
  /* breathing room */
  margin: 1.5rem 0;
  /* space around the block */
  font-size: 0.95rem;
  /* slightly smaller than body text */
  color: #333;
  /* easy-to-read text */
  border-radius: 0.5rem;
  /* soft corners */
}

aside h2,
aside h3 {
  margin-top: 0;
  /* tighter header spacing */
  font-size: 1.1rem;
  color: #555;
  /* softer heading colour */
}

/* Info / Note style */
aside.note {
  border-left-color: #3a86ff;
  /* blue */
  background: #f0f6ff;
}

/* Warning style */
aside.warning {
  border-left-color: #ff8800;
  /* orange */
  background: #fff7f0;
}

/* Success / Tip style */
aside.tip {
  border-left-color: #2a9d8f;
  /* teal/green */
  background: #f2fcf9;
}

/* GALLERY CSS */
.gallery {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}

.thumb-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* Vertically centre */
  align-items: center;
  /* Horizontally centre */
  min-height: 300px;
  /* Adjust based on desired block height */
  text-align: center;
  overflow: hidden;
}

.thumbnail {
  max-width: 100%;
  height: auto;
  display: block;
}

figure {
  display: inline-block;
}

figcaption {
  margin-top: 0.5em;
  font-weight: bold;
}

.highlight {
  font-weight: bold;
  color: brown;
}