/* WilliamKellyInk.com v1.7.0 First Edition Launch Candidate */

:root {
  --wki-content: 72ch;
  --wki-focus: #7f652f;
}

html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

main p,
main li {
  max-width: var(--wki-content);
}

a,
button,
input,
select,
textarea {
  transition: box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(155,122,67,.45);
  outline-offset: 3px;
}

.button:hover {
  transform: translateY(-1px);
}

.nav a:hover,
.footer-nav a:hover,
.text-link:hover,
.essay-link:hover {
  color: var(--wki-accent);
}

img {
  max-width: 100%;
}

main img {
  height: auto;
}

.site-header {
  backdrop-filter: blur(10px);
}

.site-logo img,
.footer-logo img {
  object-fit: contain;
}

h1,
h2,
h3 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

.site-footer {
  margin-top: 0;
}

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 700px) {
  .nav {
    row-gap: 10px;
  }

  .nav a {
    padding: 4px 0;
  }
}