/* Keep the existing design while making narrow screens easier to use. */
.about a:focus-visible { outline-color:#8d5a31; }
@media (max-width:760px) {
  .site-header .header-inner { gap:1rem; }
  .site-header nav { width:100%; gap:.25rem 1rem; }
  .site-header nav a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; font-size:.875rem; }
  main h1,main h2,main h3 { overflow-wrap:anywhere; }
  main p,main li,main figcaption { overflow-wrap:break-word; }
  main a[href^="mailto:"] { overflow-wrap:anywhere; }
  main .button { max-width:100%; white-space:normal; }
  .archive-entry-link > div { min-width:0; }
  .comic-nav a { display:inline-flex; align-items:center; min-height:44px; }
  .comic-entry .full-size { min-height:44px; display:inline-flex; align-items:center; }
  main img,main video { max-width:100%; }
}