/* ============================================================
   style.css — Artist Portfolio
   Mobile-first. Keeps the browser default aesthetic intact.
   Only intervenes where small screens would break the layout.
   ============================================================ */

body {
  max-width: 680px;        /* Readable line length on wide screens */
  margin: 0 auto;          /* Centre on desktop and tablet */
  padding: 1em;            /* Breathing room on small screens */
  font-size: 1rem;         /* Respect user's browser font preference */
  word-wrap: break-word;   /* Stop long URLs / words overflowing */
}

/* Slight indent on definition list descriptions — keeps hierarchy visible */
dd {
  margin-left: 1.2em;
}

/* Make links easier to tap on touch screens */
a {
  line-height: 1.6;
}

/* Prevent images from blowing out the container on any screen size */
img {
  max-width: 100%;
  height: auto;
}