/*
 * Additions on top of the vendored Author theme stylesheet (author.css).
 * Keep this file small — it is the only place the rebuild deviates from the
 * original theme, so anything here should be a deliberate, documented choice.
 */

/*
 * Sidebar background.
 *
 * The Author theme paints the dark column with #27292B; this takes it to black.
 *
 * Two rules are needed, not one. `.main-sidebar` is the column itself, but it
 * only stretches as far as its own content: on a long page, and along the left
 * edge on screens wider than the 1400px layout, what shows is the `body`
 * background. The theme gives both the same colour, so overriding only the
 * sidebar would leave a slightly different dark below it.
 *
 * Deliberately scoped to those two: #27292B is also the theme's body text,
 * link, button and tag-pill colour, which stay as they were.
 */
:root {
  --sidebar-background: #000;
}

body,
.main-sidebar {
  background: var(--sidebar-background);
}

/*
 * Responsive video embeds.
 *
 * WordPress did this with the theme's fitVids jQuery plugin, which wrapped
 * every iframe in a padding-ratio div at runtime. `aspect-ratio` achieves the
 * same result in CSS, so the static site needs no JavaScript for it.
 */
.post-content iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}

/* Featured images and in-content media never overflow their column. */
.featured-image img,
.post-content img {
  max-width: 100%;
  height: auto;
}