/* Asked for in your own words:
 * Gave the attic band the same gutter as the rest of the page
 */
/* The author card sat over the house in the porch illustration behind it.
   That artwork puts its house and open window on the left and leaves a clear
   cream area on the right, so the card belongs on the right — the picture was
   drawn that way round. Only above 900px: on a phone the section stacks and
   the card is full width, where there is no house to cover. */
@media (min-width: 900px) {
  .author-tease { justify-content: flex-end; }
}

/* The attic band's text ran to the very edge of the window while every other
   section is inset. Its content box is already the right width — 1168px, the
   same as the section above it — it just had no centring margins, so it sat
   at 0 instead of in the gutter. Auto margins put it where the rest of the
   page sits, without changing its width. */
.attic-band .attic-content { margin-left: auto; margin-right: auto; }
