:root { --bg: #eee; --fg: #000; }
html, body { height: 100%; }
body {
  font-family: monospace;
  background-color: var(--bg);
  margin: 40px;
  color: var(--fg);
}
.box {
  width: 400px;
  height: 250px;
  float: left;
  padding: 0 40px 80px 0;
}
.screenshot {
  width: 400px;
  height: 250px;
  overflow: hidden;
  background: #ddd;
  outline: 1px solid #ccc;
}
.screenshot img {
  width: 400px; height: 250px; object-fit: cover; display: block;
}
/* PDF frame inside the tile */
.pdfframe {
  width: 400px;
  height: 250px;
  border: 0;
}
.box.intro p { line-height: 1.6; }
.box p { margin: 8px 0 0; }
#sentinel { clear: both; height: 1px; }