/* Minimal reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Body styling */
body {
  font-family: Optima, Helvetica, Arial, sans-serif;
  font-size: 9pt;
  line-height: 1.4;
  color: #222;
  background-color: #e7e7e7; /* almost white, very subtle grey */
  padding-left: 1mm; /* text flush to left with tiny margin */
}

/* Links */
a {
  color: #333;
  text-decoration: underline;
}

/* Images & videos */
img, video {
  max-width: 50%;
  height: auto;
  margin: 1em 0; /* space between elements */
  display: block;
}

/* Custom classes for controlling image size */
.small-image {
  width: 600px;
  height: auto;
}

.large-image {
  width: 1000px;
  height: auto;
}

/* Text above image aligned to the right edge of 50% width image */
.text-above-image {
  margin-left: 51%;       /* starts where the image ends */
  margin-top: 0.5em;      /* optional gap above text */
  margin-bottom: -1em; 
}

.text-above-image-shifted {
  margin-left: calc(25% + 0px); /* 50% width + 50px extra */
  margin-top: 0.5em;
  font-size: 10pt;
  font-family: Optima, Helvetica, Arial, sans-serif;
}