/* Site overrides on top of the terminal theme (loaded by layouts/partials/head.html). */

/* Keep titles and h1/h2 headings uppercase, as with the pre-4.2 theme. */
h1,
h2,
.post-title {
  font-size: calc(var(--font-size) * 1.1);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Responsive images carry width/height attributes so the browser reserves space before
   they load (no layout shift). The theme's img style adds 8px padding + 8px border per side
   under border-box sizing; use content-box here so images render at the same size as before
   the responsive-image hook, and subtract that 32px from max-width so they still fit. */
img[width] {
  box-sizing: content-box;
  max-width: calc(100% - 32px);
  height: auto;
}