/* Prose links inside .site — warm neutral, dotted underline */
:root {
  --link-text: #6b5344;
  --link-text-hover: #000;
  --link-underline: rgba(107, 83, 68, 0.42);
}

.site a {
  color: var(--link-text);
  text-decoration: underline dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  text-decoration-color: var(--link-underline);
}

.site a:hover {
  color: var(--link-text-hover);
  text-decoration-color: rgba(0, 0, 0, 0.38);
}

.site a:focus-visible {
  outline: 2px solid var(--link-text-hover);
  outline-offset: 3px;
}

/* Navigation & button-styled anchors — keep existing page chrome */
.site .nav-links a,
.site a.nav-logo,
.site a.nav-link,
.site a.btn,
.site a.home-link,
.site .work-row a.work-name {
  color: var(--ink, #000);
  text-decoration: none;
  text-decoration-color: transparent;
}

.site a.contact-link {
  color: var(--muted, #000);
  text-decoration: none;
  text-decoration-color: transparent;
}

.site a.blog-callout-link,
.site a.article-cta,
.site a.back-link {
  color: var(--ink, #000);
  text-decoration: none;
  text-decoration-color: transparent;
}

.site .nav-links a:hover,
.site a.nav-logo:hover,
.site a.nav-link:hover {
  color: var(--ink, #000);
  text-decoration: none;
}

.site .work-row a.work-name:hover {
  color: var(--link-text);
  text-decoration: underline dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  text-decoration-color: var(--link-underline);
}

.site a.contact-link:hover,
.site a.blog-callout-link:hover,
.site a.article-cta:hover {
  color: var(--ink, #000);
  text-decoration: none;
  text-decoration-color: transparent;
}